Chapter 161

“Useless? Stop joking!” Scarlett shouted, almost losing control. Her fists were clenched tightly, her expression serious and frustrated.

“Well I mean, it’s not completely useless only if you know, you can’t break creator’s will! But I know you have full potential to break creator’s will!” Avion said with a chuckle, looking at her with confidence.

“But you are telling that it’s an Ultimate Skill. Do you even know what Ultimate Skills are? There’s no way we are believing that!” Avion added as he tried to hold back his laughter.

“I think this skill is at the level of Unique Skills at best. And this is also no use to you because you are a true dragon. You are a supreme being. How can measly stat points determine your strength?” he said, before opening his status screen and willing it to be seen in public mode.

“Here, take a look at this!” he said, showing his red glowing hologram-like status screen.

</p><p><Believers : 14 Trillion></p><p><Strength> — <Endurance> — <Agility> — <Luck> — <Intelligence> — <Mana> —</p><p>Skill : Error...</p><p>Scarlett looked at Avion’s status screen quietly. It was clear that his screen was different. She could tell that he was hiding his skills and not showing everything.</p><p>“He made me say my Ultimate Skill and now he’s hiding his?” Scarlett’s lips twitched. But more than annoyed, she was actually trying hard to stay calm despite the shock.</p><p>“14 Trillion believers? Where the hell did he get that many? Wait no! Who even worships this idiot?” Scarlett thought, her head full of questions. And not to mention his titles… they were strange too.</p><p>“I know about Primordial Demon. That’s from the demon race in Hell. But what is Self Narrator? False Protagonist?” Scarlett stared at the screen and then looked at Avion, but she didn’t say anything.<nfn9fbe> ᴛhis chapter is ᴜpdated by novel※fire.net </nfn9fbe></p><p>Because Avion was trying to show something else.</p><p>“See? I actually have no stat points! Because once you break creator’s will, the system only exists in name. You’ll gain complete freedom and can only rely on yourself,” Avion said with a faraway look, his voice filled with a free and nostalgic feeling.</p><p>“What’s the difference? Isn’t the system just showing how strong you are and how you are growing?” Scarlett looked away, puffing her cheeks a little in frustration.</p><p>“You’ll understand. You’ll understand. That’s why there’s no point in telling everything to you. Instead, you should find out yourself,” Lilith added softly.</p><p>"I think you got way more mystery than even I can think. Now even I'm confused about what is happening," Avion said with a small laugh as he stood up, brushing off his clothes.</p><p>"Well then, I think we should go now. And just so you know, I won’t be coming back for the next few months, so don’t bother trying to find me," he added, walking toward the door without looking back.</p><p>Scarlett didn’t respond. She just stared at them with a blank expression. </p><p>"Did I just get scammed by them again? Who knows if they're telling the truth or just trying to scare me? Or jealous of my overpowered skill?" she thought, her heart mixed with doubt and confusion. She wasn’t sure what to believe anymore.</p><p>There were things she wanted to ask. Like the strange dream she had — the dream where she met a different version of herself, and other strange things. But she didn’t say a word. She stayed quiet, trapped in her own thoughts.</p><p>Just as Avion was about to leave, he suddenly stopped at the door. Then he turned around and looked at Scarlett with a calm but curious face.</p><p>"I'm curious. Where did you get that blindfold?" he asked, like he was just randomly wondering about it.</p><p>Scarlett was pulled out of her deep thinking. She blinked a few times and looked at him.</p><p>"This? It's an ancient treasure of the Dark Elves. I got it from Augustus. It helps me not lose control of my eyes," she answered, lightly touching the blindfold wrapped around her head.</p><p>Avion stared at her for a moment. His eyes didn’t blink. Then after a short pause, he said something unexpected.</p><p>"I think you should not use it."</p><p>Scarlett raised an eyebrow. "And can I ask why?" she scoffed, folding her arms, not hiding her doubt.</p><p>Avion didn’t laugh this time. His face stayed serious, and his voice was calm but firm.</p><p>"That thing isn’t used to control powers. It’s made to suck out power. You have too much vitality, so it’s not easy to notice... but it’ll be better if you don’t wear it for too long."</p><p>Scarlett’s heart skipped a beat. "Suck out power...?" she repeated in her mind. His words hit her like cold water. She didn’t know if it was another one of Avion’s lies, but something about his voice… and the look on his face… made her hesitate.</p><p>She let out a slow sigh and whispered, "What other choice do I have? It’s better than losing control and hurting my people..."</p><p>Avion looked at her with softer eyes now. He nodded. "That’s also true," he said gently, placing his palm on his chin like he was thinking.</p><p>"I met with Zephyrion not long ago. He’s not a true dragon, but he is still an ancient dragon. Though he’s kind of picky and annoying, he did share a few tips that might help you control your eyes."</p><p>Scarlett’s eyes lit up with excitement, but she quickly held herself back, biting her lip to stop the words from flying out. She didn’t want to seem too desperate, even though deep down she really wanted to hear those tips.</p><p>"Really? What is it?" she asked, trying to keep her voice calm.</p><p>Avion smiled faintly. "Not like I can explain it with just words, you know. How about we start another small training session? I’ll teach you."</p><p>"Nope, not happening!" Scarlett instantly refused with a firm voice, shaking her head.</p><p>"Last time you didn’t even teach me any cool moves or techniques. Not even a bit of sword fighting or spear skills! The only useful thing you taught me was my Battleform selection… but even that feels useless now because all my enemies are just too weak!" she scolded him, folding her arms and looking away, clearly disappointed.</p><p>But then her voice softened a little, her smile turning sly.</p><p>"I wouldn’t mind if it’s Ms. Lilith instead..." she added casually.</p><p>"Me?" Lilith blinked, looking surprised by the sudden mention. "Umm... I don’t have a problem with that," she said with a small, unsure smile.</p><p>"But I have a problem!" Avion whined like a spoiled child, throwing his hands in the air. He turned toward Scarlett with a pout. "Do you even know what you’re saying? You’ll definitely regret this!" he cried, his voice full of fake worry.</p><p>Scarlett didn’t even look at him. She simply shook her head with a small sigh, brushing him off like a fly.</p><p>Avion slumped his shoulders dramatically. "Fine, fine! But don’t come crying to me later!" he mumbled, waving his hand as he turned toward the door.</p><p>"She’ll come tomorrow to teach you. You can bring your subordinates too. Maybe her knowledge will be helpful for them as well," he said as he opened the door and walked out.</p><p>Scarlett nodded silently. She didn't say anything back.</p><p>As Avion walked away, Lilith followed slowly behind him.</p><p>"How are you feeling?" she asked softly, her voice gentle.</p><p>Avion chuckled and rubbed his stomach. "It’s been a long time since I told so much truth in one day... My stomach hurts!" he laughed quietly as they disappeared down the hallway.</p><p>Back in the room, Scarlett stood quietly.</p><p>Then suddenly, her eyes widened. "Wait a minute... they didn’t even answer what Unique Skills and Ultimate Skills actually do!" she muttered, realizing she'd forgotten the most important question.</p><p>"I got scammed again!" she shouted as she rushed to the door and stepped outside — but there was no one there.</p><p>Not Avion, not Lilith, not even her own subordinates.</p><p>"Tch... he got away again!" Scarlett gritted her teeth. She felt like marching straight up to Avion and slapping him — but she held back with a heavy sigh.</p><p>She walked back into her room and moved toward the window. The cold breeze touched her skin gently, pushing her long hair back. She looked out at the view of DreadHaven, her home.</p><p>"I haven’t seen Reiza, Seirra, Lunatic, and the others lately..." she said quietly, but then another face came to her mind — Irish.</p><p>"...Now that’s a big problem. Sooner or later, they’ll meet Irish. And Irish will meet them. How am I supposed to control everyone then?" The thought alone gave her chills.</p><p>"I should’ve waited for Aoto to return... Maybe taken his advice. He does have more than thirty girlfriends now… There has to be some kind of secret only he knows!" she mumbled to herself, clearly annoyed at her past decision.</p><p>She looked up at the sky with another deep sigh. "I wonder what he’s doing right now..."</p><p>---</p><p>Meanwhile...</p><p>Far away, near the border between the Darwitz Kingdom and Noir’s territory — the domain of the Fifth Demon King — was a deep, dangerous forest. The road there was rough, full of monsters and wild demons. No transportation ever made it through, and most people avoided the place completely.</p><p>But in that exact place, a young man with sharp features, golden-blonde hair, and a handsome face was running with all his might. His legs were moving as fast as possible, and his eyes were full of panic. Tears streamed from his eyes, and in his hand, he held a flashy, glowing sword — though he didn’t look confident at all.</p><p>Yes, this was Aoto.</p><p>Beside him ran a short girl with sky-blue hair and soft blue eyes. Her body looked like that of a child, but her cat-like ears and fluffy tail showed she was something much more special — likely a beastkin.</p><p>But they weren’t just running for fun. Behind them, flying through the air, was a terrifying figure. A woman with pale skin, long black hair, and a stunningly beautiful face. But her beauty was mixed with danger — she had sharp black horns, bat-like wings, and her red eyes glowed with anger.</p><p>She was one of Noir’s strongest subordinates–Seraphina.</p><p>"Aaaaaaaah! Someone save me!" Aoto screamed at the top of his lungs as he ran like his life depended on it — because it did.</p><p>"Why are you running?! Aren’t you supposed to be a hero? Go fight her! That’s your job!" the blue-haired girl shouted, trying to keep up beside him.</p><p>"Why should I risk my life for this? I’m not even married yet! What if I die here?! I still have dreams!" Aoto cried, barely dodging a fireball that flew past his face. His heart was pounding.</p><p>"Who the hell made this selfish guy a hero?" the blue-haired girl thought, almost tripping over a rock as she ran.</p><p>"You’re not getting away, Hero Aoto!" Seraphina shouted behind them. "You dare to enter my lord’s territory without permission?!"</p><p>"I just came to find a treasure!" Aoto cried out, looking back at her with wide, teary eyes. The he thought to himself "How the hell did it turn into this?!"</p>

</article>

<nav class="chapter-nav">

<div class="keyboard-hint" x-show="showKeyboardHint" x-transition.opacity>

<svg class="hint-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>

</svg>

<span class="hint-text">

Use <span class="kbd">←</span> and <span class="kbd">→</span> arrow keys to navigate between chapters

</span>

<button @click="dismissKeyboardHint()" class="dismiss-hint" title="Close">×</button>

</div>

<div class="nav-row">

<a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-160" class="nav-link">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>

</svg>

<div class="text">

<div class="label">Previous</div>

<div class="title">Chapter 160</div>

</div>

</a>

<a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-162" class="nav-link next">

<div class="text">

<div class="label">Next</div>

<div class="title">Chapter 162</div>

</div>

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>

</svg>

</a>

</div>

<a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid" class="novel-link">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>

</svg>

Back to That Time I Got Turned In...

</a>

</nav>

<section class="comments-section">

<div x-data="commentSystem(4769, 2646301, [], 'false')">

<h2 class="py-2 mb-4 text-lg font-bold text-blue-600 dark:text-blue-400">Comments</h2>

<div class="mb-6">

<div class="p-4 text-center text-gray-500 dark:text-dark-600 bg-gray-50 dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300">

<svg class="mx-auto mb-3 w-12 h-12 text-gray-300 dark:text-dark-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>

</svg>

<p class="mb-3 text-sm dark:text-dark-700">Join the discussion! Login to share your thoughts and connect with other readers.</p>

<div class="flex gap-3 justify-center">

<button @click="$dispatch('open-modal', { type: 'auth', mode: 'login' })" class="px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded-md transition-colors hover:bg-blue-700">

Login

</button>

<button @click="$dispatch('open-modal', { type: 'auth', mode: 'register' })" class="px-4 py-2 text-sm font-medium text-gray-700 dark:text-dark-800 bg-gray-200 dark:bg-dark-200 rounded-md transition-colors hover:bg-gray-300 dark:hover:bg-dark-300">

Register

</button>

</div>

</div>

</div>

<div id="comments-list" class="space-y-4" x-show="replyingTo === null && !hasInteractions">

<div class="p-6 text-center text-gray-500 dark:text-dark-600 bg-white dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300">

<svg class="mx-auto mb-3 w-12 h-12 text-gray-300 dark:text-dark-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>

</svg>

<p class="text-sm dark:text-dark-700">No comments yet. Be the first to comment!</p>

</div>

</div>

<div x-show="hasInteractions" x-cloak class="space-y-4">

<template x-for="comment in comments" :key="comment.id">

<div :data-comment-id="comment.id" class="p-2 bg-white dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300 transition-all duration-200">

<div class="flex gap-3">

<div class="flex-shrink-0">

<div class="inline-block relative">

<img :src="comment.user.avatar && comment.user.avatar !== 'images/default-avatar.svg' ? `/storage/${comment.user.avatar}` : '/images/default-avatar.svg'"

alt=""

class="object-cover w-12 h-12 rounded-full"

loading="lazy">

</div>

</div>

<div class="flex-1">

<div class="flex justify-between items-center mb-2">

<div class="flex gap-2 items-center">

<span class="font-semibold text-gray-800 dark:text-dark-900" x-text="comment.user.name"></span>

<span class="username-level-badge"

:class="`lv_${comment.user.level || 1}`">

<span x-text="`Lv${comment.user.level || 1}`"></span>

</span>

<template x-if="comment.chapter_id">

<span class="inline-flex items-center px-2 py-1 text-xs font-medium text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-900/30 rounded-full">

Chapter <span x-text="comment.chapter_number"></span>

</span>

</template>

</div>

<span class="text-xs text-gray-500 dark:text-dark-600" x-text="formatDate(comment.created_at)"></span>

</div>

<div class="leading-relaxed text-gray-700 dark:text-dark-800" x-html="parseCommentBody(comment.content)"></div>

<div class="flex gap-4 items-center mt-3 text-xs text-gray-600 dark:text-dark-600">

<button x-on:click="toggleLike(comment.id)"

class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30">

<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path d="M7.493 18.75c-.425 0-.82-.236-.975-.632A7.48 7.48 0 016 15.375c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75 2.25 2.25 0 012.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558-.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23h-.777zM2.331 10.977a11.969 11.969 0 00-.831 4.398 12 12 0 00.52 3.507c.26.85 1.084 1.368 1.973 1.368H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 01-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>

</svg>

<span x-text="comment.likes_count > 0 ? comment.likes_count : ''"></span>

</button>

<button x-on:click="toggleReply(comment.id)"

class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30">

<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path d="M4.5 12L9.5 17M4.5 12L9.5 7M4.5 12L14.5 12C16.1667 12 19.5 11 19.5 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>

</svg>

<span>Reply</span>

</button>

</div>

</div>

</div>

<div x-show="replyingTo === comment.id" x-transition class="mt-4 ml-0 md:ml-4">

<div :id="`replyPlaceholder${comment.id}`" class="reply-placeholder"></div>

</div>

<div x-show="comment.replies && comment.replies.length > 0" class="mt-4 ml-4 space-y-4">

<template x-for="reply in comment.replies" :key="reply.id">

<div class="flex gap-3">

<div class="flex-shrink-0">

<div class="inline-block relative">

<img :src="reply.user.avatar && reply.user.avatar !== 'images/default-avatar.svg' ? `/storage/${reply.user.avatar}` : '/images/default-avatar.svg'"

alt=""

class="object-cover w-8 h-8 rounded-full"

loading="lazy">

</div>

</div>

<div class="flex-1">

<div class="flex justify-between items-center mb-2">

<div class="flex gap-2 items-center">

<span class="font-semibold text-gray-800 dark:text-dark-900" x-text="reply.user.name"></span>

<span class="username-level-badge"

:class="`lv_${reply.user.level || 1}`">

<span x-text="`Lv${reply.user.level || 1}`"></span>

</span>

</div>

<span class="text-xs text-gray-500 dark:text-dark-600" x-text="formatDate(reply.created_at)"></span>

</div>

<div class="leading-relaxed text-gray-700 dark:text-dark-800" x-html="parseCommentBody(reply.content)"></div>

<div class="flex gap-4 items-center mt-3 text-xs text-gray-600 dark:text-dark-600">

<button x-on:click="toggleLike(reply.id)"

class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30">

<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path d="M7.493 18.75c-.425 0-.82-.236-.975-.632A7.48 7.48 0 016 15.375c0-1.75.599-3.358 1.602-4.634.151-.192.373-.309.6-.397.473-.183.89-.514 1.212-.924a9.042 9.042 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75 2.25 2.25 0 012.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558-.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H14.23c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23h-.777zM2.331 10.977a11.969 11.969 0 00-.831 4.398 12 12 0 00.52 3.507c.26.85 1.084 1.368 1.973 1.368H4.9c.445 0 .72-.498.523-.898a8.963 8.963 0 01-.924-3.977c0-1.708.476-3.305 1.302-4.666.245-.403-.028-.959-.5-.959H4.25c-.832 0-1.612.453-1.918 1.227z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>

</svg>

<span x-text="reply.likes_count > 0 ? reply.likes_count : ''"></span>

</button>

<button x-on:click="toggleReply(reply.id)"

class="flex gap-1 items-center px-2 py-1 rounded transition-colors duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30">

<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path d="M4.5 12L9.5 17M4.5 12L9.5 7M4.5 12L14.5 12C16.1667 12 19.5 11 19.5 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>

</svg>

<span>Reply</span>

</button>

</div>

<div x-show="replyingTo === reply.id" x-transition class="mt-4 -ml-4 md:ml-0">

<div :id="`replyPlaceholder${reply.id}`" class="reply-placeholder"></div>

</div>

</div>

</div>

</template>

</div>

</div>

</template>

</div>

<div x-show="hasMorePages" x-cloak class="mt-6 text-center">

<button x-on:click="loadMoreComments" :disabled="loadingMore"

class="px-6 py-3 text-sm font-medium text-white bg-gray-600 rounded-lg transition-colors duration-200 hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed">

<span x-show="!loadingMore">Load More Comments</span>

<span x-show="loadingMore" class="flex justify-center items-center">

<svg class="mr-2 w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">

<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>

<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

</svg>

Loading...

</span>

</button>

</div>

<div id="mobileReplyForm" x-show="replyingTo !== null" x-cloak class="hidden">

<form x-on:submit.prevent="postReply()" class="ml-0 space-y-4 md:ml-0">

<div class="bg-white dark:bg-dark-50 rounded-lg border border-gray-200 dark:border-dark-300 focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-blue-500">

<div class="px-2 py-2 border-b border-gray-200 dark:border-dark-300">

<div class="flex justify-end items-center mb-1">

<button type="button" x-on:click="activeReplyStickerSet = null" x-show="activeReplyStickerSet"

class="text-xs text-gray-500 dark:text-dark-600 hover:text-gray-700 dark:hover:text-dark-800">

Close

</button>

</div>

<nav class="flex overflow-x-auto pb-1 space-x-3" aria-label="Reply Sticker Sets">

<template x-for="(set, setName) in stickerSets" :key="setName">

<button type="button"

x-on:click="activeReplyStickerSet = (activeReplyStickerSet === setName ? null : setName)"

:class="activeReplyStickerSet === setName ? 'ring-2 ring-blue-500 bg-blue-50 dark:bg-blue-900/30' : 'hover:bg-gray-200 dark:hover:bg-dark-200'"

class="flex-shrink-0 p-2 rounded-md transition-all duration-200 focus:outline-none">

<img :src="getRepresentative(setName)" :alt="set.name"

class="object-contain w-8 h-8" :title="set.name">

</button>

</template>

</nav>

<div x-show="activeReplyStickerSet" x-transition class="pt-2 mt-2 border-t border-gray-200 dark:border-dark-300">

<div class="grid overflow-y-auto grid-cols-6 gap-3 max-h-48 md:grid-cols-8 lg:grid-cols-10">

<template x-for="file in stickerSets[activeReplyStickerSet]?.files || []" :key="file">

<button type="button"

x-on:click="insertReplySticker(activeReplyStickerSet, file, replyingTo)"

class="p-2 rounded-md transition-transform sticker-button hover:bg-gray-200 dark:hover:bg-dark-200 focus:outline-none focus:ring-2 focus:ring-blue-500">

<img :src="stickerSets[activeReplyStickerSet].path + file"

:alt="file" class="object-contain w-12 h-12 md:w-16 md:h-16">

</button>

</template>

</div>

</div>

</div>

<div class="relative px-2 py-2">

<input type="hidden" name="reply_content" x-model="newReply">

<div id="mobileReplyEditor"

x-on:input="syncMobileReplyEditorState()"

contenteditable="true"

role="textbox"

class="block p-3 pr-20 w-full border-0 resize-none reply-editor focus:ring-0"

style="word-break: break-word; min-height: 60px;"

data-placeholder="Write your reply...">

</div>

<div class="absolute right-2 bottom-2">

<button type="submit" :disabled="loading"

class="inline-flex items-center px-3 py-1.5 text-sm font-medium text-white bg-blue-600 rounded-md border border-transparent shadow-sm transition-all duration-200 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed">

<svg x-show="!loading" class="mr-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path d="M4.5 12L9.5 17M4.5 12L9.5 7M4.5 12L14.5 12C16.1667 12 19.5 11 19.5 7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>

</svg>

<svg x-show="loading" class="mr-1 w-4 h-4 animate-spin" fill="none" viewBox="0 0 24 24">

<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>

<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>

</svg>

<span x-text="loading ? 'Replying...' : 'Reply'"></span>

</button>

</div>

</div>

</div>

</form>

</div>

</div>

</section>

</main>

<div class="side-panel" @click.stop>

<button class="side-btn" :class="{ 'active': showSettings }" @click="toggleSettings()" title="Settings">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>

</svg>

</button>

<a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapters" class="side-btn" title="Chapters">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16"/>

</svg>

</a>

<button class="side-btn" @click="$dispatch('open-report')" title="Report">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>

</svg>

</button>

</div>

<div class="swipe-hint" :class="{ 'show': showHint }">↑ Swipe up for menu</div>

<nav class="mobile-bar" :class="{ 'show': toolbarVisible }" @click.stop>

<div class="mobile-bar-inner">

<a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-160" class="mobile-btn">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>

<span>Prev</span>

</a>

<a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapters" class="mobile-btn">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h16M4 14h16M4 18h16"/></svg>

<span>List</span>

</a>

<button class="mobile-btn" :class="{ 'active': showSettings }" @click="toggleSettings()">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>

<span>Settings</span>

</button>

<a href="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-162" class="mobile-btn">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>

<span>Next</span>

</a>

</div>

</nav>

<div class="overlay" :class="{ 'show': showSettings }" @click="closeAll()"></div>

<div class="settings" :class="{ 'show': showSettings }" @click.stop>

<div class="settings-header">

<span class="settings-title">Reading Settings</span>

<button class="settings-close" @click="closeAll()">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>

</button>

</div>

<div class="settings-body">

<div class="theme-row">

<button class="theme-box white" :class="{ 'active': theme === 'auto' }" @click="setTheme('auto')"></button>

<button class="theme-box gray" :class="{ 'active': theme === 'gray' }" @click="setTheme('gray')"></button>

<button class="theme-box cream" :class="{ 'active': theme === 'sepia' }" @click="setTheme('sepia')"></button>

<button class="theme-box pink" :class="{ 'active': theme === 'pink' }" @click="setTheme('pink')"></button>

<button class="theme-box green" :class="{ 'active': theme === 'green' }" @click="setTheme('green')"></button>

<button class="theme-box dark" :class="{ 'active': theme === 'dark' }" @click="setTheme('dark')">

<svg fill="currentColor" viewBox="0 0 24 24"><path d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"/></svg>

</button>

</div>

<div class="control-row">

<button class="control-btn" @click="decreaseFontSize()" :disabled="fontSize <= 14">-</button>

<span class="control-value" x-text="fontSize + 'px'"></span>

<button class="control-btn" @click="increaseFontSize()" :disabled="fontSize >= 28">+</button>

<span class="control-divider"></span>

<button class="control-btn" @click="decreaseLineHeight()" :disabled="lineHeight <= 1.4">-</button>

<span class="control-value" x-text="lineHeight.toFixed(1) + 'x'"></span>

<button class="control-btn" @click="increaseLineHeight()" :disabled="lineHeight >= 2.4">+</button>

</div>

<div class="settings-actions">

<button class="report-btn" @click="$dispatch('open-report'); closeAll();">

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>

Report Issue

</button>

</div>

</div>

</div>

</div>

<div x-data="{ show: false }" @open-report.window="show = true" @close-report.window="show = false" x-show="show" x-cloak class="modal">

<div class="modal-bg" @click="show = false"></div>

<div class="modal-box" @click.stop x-show="show" x-transition>

<div class="modal-head">

<h3>Report Issue</h3>

<button class="modal-close" @click="show = false">

<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>

</button>

</div>

<div class="modal-body">

<form action="https://novelhub.net/novel/that-time-i-got-turned-into-a-dragonoid/chapter-161/report" method="POST" x-data="reportForm()" @submit.prevent="submit($event)">

<input type="hidden" name="chapter_id" value="2646301">

<input type="hidden" name="novel_id" value="4769">

<div x-show="success" class="mb-4 p-3 bg-green-100 text-green-700 rounded-lg text-sm">Report submitted!</div>

<div x-show="error" x-text="error" class="mb-4 p-3 bg-red-100 text-red-700 rounded-lg text-sm"></div>

<div class="mb-4" x-show="!success">

<label class="block text-sm font-medium mb-2">Issue Type</label>

<select name="report_type" required class="w-full px-4 py-3 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800">

<option value="">Select...</option>

<option value="missing_content">Missing Content</option>

<option value="wrong_chapter">Wrong Chapter</option>

<option value="formatting_issue">Formatting Issue</option>

<option value="duplicate_content">Duplicate Content</option>

<option value="other">Other</option>

</select>

</div>

<div class="mb-4" x-show="!success">

<label class="block text-sm font-medium mb-2">Description</label>

<textarea name="description" required rows="3" maxlength="500" placeholder="Describe the issue..." class="w-full px-4 py-3 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 resize-none"></textarea>

</div>

<div class="flex gap-3" x-show="!success">

<button type="button" @click="show = false" class="flex-1 py-3 px-4 rounded-lg bg-gray-100 dark:bg-gray-800 font-medium">Cancel</button>

<button type="submit" :disabled="submitting" class="flex-1 py-3 px-4 rounded-lg bg-blue-600 text-white font-medium disabled:opacity-50">

<span x-show="!submitting">Submit</span>

<span x-show="submitting">Sending...</span>

</button>

</div>

</form>

</div>

</div>

</div>

<link rel="modulepreload" href="https://novelhub.net/build/assets/reader-3ZEI6_A9.js" /><link rel="modulepreload" href="https://novelhub.net/build/assets/comments-LdW9pvaX.js" /><script type="module" src="https://novelhub.net/build/assets/reader-3ZEI6_A9.js" data-navigate-track="reload"></script>

<link rel="modulepreload" href="https://novelhub.net/build/assets/common-4CfY8fbP.js" /><script type="module" src="https://novelhub.net/build/assets/common-4CfY8fbP.js" data-navigate-track="reload"></script></body>

</html>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9c76b99b6d1b5fa8',t:'MTc3MDAwNDIzMw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>

You May Also Like

Novelblur

Escape into a world where emotions run deep. From heart-pounding Drama and spellbinding Fantasy to the most intoxicating Romance — discover a curated collection of gripping tales that you won't be able to put down. Your next obsession starts here.

Genres

© 2024 Novelblur. All rights reserved.