Paladin of a Godless World

There is a legend in Hell—a tale of a paladin who has wandered through its depths for centuries, slaughtering demons without end.That paladin is none other than me, Sir Alteon Zagrak.“And that Alteon Zagrak… is me…?”[Did I not say so, my paladin?]In a modern Earth racing toward ruin, overrun by gates and towers—a world where even gods no longer exist—the fallen paladin sets out on his pilgrimage once more.

Expand

(function() {
//sm:h-[6rem] h-[30vw] container
let expand_content = document.getElementById('expand_content');
let expand_button_head = document.getElementById('expand_button_head');
let expand_button = document.getElementById('expand_button');
expand_button.addEventListener('click', () => {
if (expand_content.classList.contains('container')) {
expand_button.querySelector('span').innerText =
"Unexpand"
expand_button.querySelector('img').setAttribute('src',
'https://api.iconify.design/mdi:arrow-up.svg?color=white'
)
expand_button_head.classList.remove('-mt-7');
expand_button_head.classList.add('mt-4');
expand_content.classList.remove('sm:h-[6rem]');
expand_content.classList.remove('h-[30vw]');
expand_content.classList.remove('container');
} else {
expand_button.querySelector('span').innerText =
"Expand"
expand_button.querySelector('img').setAttribute('src',
'https://api.iconify.design/mdi:arrow-down.svg?color=white'
)
expand_button_head.classList.add('-mt-7');
expand_button_head.classList.remove('mt-4');
expand_content.classList.add('sm:h-[6rem]');
expand_content.classList.add('h-[30vw]');
expand_content.classList.add('container');
}
})
})();

.container {
-webkit-mask-image: linear-gradient(to bottom, black -150%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}