<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Ocwiki Verse - The Eternity Nexus</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #e0f7e9;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            max-width: 1200px;
            margin: 0 auto;
        }
        .title-container {
            padding: 20px;
            text-align: center;
            border-bottom: 4px solid #ffc107;
            background-color: transparent;
            position: relative;
        }
        .title {
            color: #0080ff;
            font-weight: bold;
            font-size: 36px;
            margin: 0;
            text-shadow: 0 0 10px rgba(0, 128, 255, 0.8), 0 0 20px rgba(0, 128, 255, 0.6);
        }
        .home-button {
            display: inline-block;
            margin: 10px auto;
            padding: 10px 20px;
            background: linear-gradient(135deg, #87ceeb, #ffffff);
            color: #343a40;
            font-weight: bold;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s, transform 0.2s;
            text-shadow: 0 0 5px rgba(0, 128, 255, 0.6), 0 0 10px rgba(0, 128, 255, 0.4);
        }
        .home-button:hover {
            background: linear-gradient(135deg, #70b3d4, #ffffff);
            transform: translateY(-2px);
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
        }
        .close-button {
            position: absolute;
            top: 10px;
            right: 20px;
            background-color: transparent;
            border: none;
            color: #ff0000;
            font-size: 24px;
            cursor: pointer;
        }
        main {
            padding: 20px;
            max-width: 900px;
            margin: 0 auto;
            background-color: #e0f7e9;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            overflow-y: auto;
            max-height: 80vh;
        }
        .character-intro {
            text-align: center;
            padding: 20px;
        }
        .image-container {
            width: 300px;
            height: 300px;
            margin: 0 auto;
            border-radius: 10px;
            border: 3px solid #ffc107;
            overflow: hidden;
            position: relative;
            animation: glow-blue 1.5s infinite alternate;
        }
        .image-container img {
            width: 100%;
            height: 100%;
            animation: rotate3D 5s infinite linear;
            position: absolute;
            top: 0;
            left: 0;
        }
        @keyframes rotate3D {
            0% { transform: rotateY(0deg); }
            100% { transform: rotateY(360deg); }
        }
        @keyframes glow-blue {
            0% {
                box-shadow: 0 0 10px rgba(0, 128, 255, 0.7), 0 0 20px rgba(0, 128, 255, 0.5);
            }
            100% {
                box-shadow: 0 0 30px rgba(0, 128, 255, 1), 0 0 40px rgba(0, 128, 255, 0.7);
            }
        }
        .gallery-title {
            text-align: center;
            margin-top: 30px;
            font-weight: bold;
            font-size: 24px;
            color: #0080ff;
        }
        .gallery {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            justify-items: center;
            margin-top: 20px;
        }
        .gallery img {
            width: 300px;
            height: 300px;
            border-radius: 10px;
            border: 2px solid #ddd;
            transition: transform 0.2s;
        }
        .gallery img:hover {
            transform: scale(1.05);
        }
        .gallery img:nth-child(1) {
            animation: glow-blue 1.5s infinite alternate;
        }
        .description {
            background-color: rgba(255, 255, 255, 0.9);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
            margin: 30px 0;
            position: relative;
            z-index: 1;
            text-align: left;
            font-family: 'Georgia', serif;
            line-height: 1.6;
            font-size: 18px;
        }
        .description p {
            margin: 5px 0;
            font-weight: normal;
            color: #333;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
            background-image: linear-gradient(135deg, #ffffff 30%, #d0f0c0 70%);
            padding: 10px;
            border-radius: 5px;
        }
        .story {
            font-family: 'Times New Roman', serif;
            font-size: 20px;
            line-height: 1.8;
            color: #2c3e50;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            background-color: rgba(255, 255, 255, 0.9);
            margin: 20px 0;
        }
        h2 {
            color: #0080ff;
            font-weight: bold;
        }
        .rainbow-text {
            font-weight: bold;
            color: #0080ff;
        }
        .character-description {
            margin-top: 20px;
            font-size: 20px;
            line-height: 1.8;
            color: #2c3e50;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
            text-align: justify;
            font-weight: bold;
            background-image: linear-gradient(135deg, #ffffff, #e6e6e6);
            text-shadow: 3px 3px 5px #b0b0b0;
            font-family: 'Georgia', serif;
        }
        .text-3d {
            text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #c9c9c9, 3px 3px 0 #bbb, 4px 4px 0 #b9b9b9, 5px 5px 0 #aaa, 6px 6px 0 #a8a8a8, 7px 7px 0 #999, 8px 8px 0 #969696, 9px 9px 0 #888, 10px 10px 0 #838383, 11px 11px 0 #767676, 12px 12px 0 #737373;
            font-weight: bold;
            color: #000;
        }
        .link-number {
            font-size: 16px;
            color: #007bff;
            text-decoration: none;
            font-weight: bold;
        }
        .link-number:hover {
            text-decoration: underline;
            color: #0056b3;
        }
    </style>
</head>
<body>

<div class="title-container">
    <h1 class="title">Ocwiki Verse - The Eternity Nexus</h1>
    <button class="close-button" onclick="toggleHeader()"></button>
    <a href="ocwikiverse" class="home-button">Beranda</a>
</div>

<main>
    <section class="character-intro">
        <div class="image-container">
            <img src="https://i.imgur.com/Ce4gC89.jpeg" alt="The Eternity Nexus">
        </div>
        <h2 class="text-3d">The Eternity Nexus</h2>
        <p>Verse Source: <a href="https://oriwiki.my.id/ocwikinotepad.php?view_note=notes/jarconsjar011ww/2d66816da217f4d4cfa481b5b5dc963a.txt" class="link-number">Source The Eternity Nexus¹</a></p>
        <p>Char Source: <a href="https://oriwiki.my.id/Lesun" class="link-number">Lesun Char¹</a></p>
        <div class="description">
            <p><strong class="rainbow-text">Nama Verse:</strong> The Eternity Nexus</p>
            <p><strong class="rainbow-text">Pencipta Verse:</strong> @lesunganz</p>
        </div>
        <div class="character-description">
            <h3>The Eternity Nexus Description</h3>
            <div class="story">
                <p>Lesun's cosmology is not merely a structure; it is a symphony of existence, a boundless canvas upon which he paints the masterpiece of reality. To fully appreciate his power, we must delve into the intricate layers of this symphony, each movement a testament to his infinite creativity.</p>

                <p><strong>1. The Quantum Precursors (QP):</strong> Before the dawn of existence, before even the whisper of potentiality, there lie the Quantum Precursors. These are not particles, nor waves, but the primordial echoes of unbeing, the formless void from which all creation springs. Lesun's mastery over these precursors allows him to shape the very fabric of existence at its most fundamental level, manipulating the raw potential of the unmanifest.</p>

                <p><strong>2. The Threads of Nascent Reality (TNR):</strong> From the Quantum Precursors emerge the Threads of Nascent Reality, the first whispers of existence. These threads are not made of energy or matter, but of pure possibility, each one a universe waiting to be born. Lesun's touch upon these threads ignites the spark of creation, imbuing each universe with its unique set of physical laws, metaphysical principles, and the potential for infinite evolution.</p>

                <p><strong>3. The Realms of Manifested Existence (RME):</strong> As the Threads of Nascent Reality intertwine and coalesce, they give rise to the Realms of Manifested Existence, the countless universes that populate Lesun's multiverse. Each realm is a symphony of its own, a vibrant tapestry of matter, energy, consciousness, and the endless interplay of creation and destruction. Lesun observes these realms with an all-encompassing awareness, his presence a subtle harmony that guides their evolution.</p>

                <p><strong>4. The Nexus Points of Interdimensional Causality (NPIC):</strong> The Realms of Manifested Existence are not isolated islands but interconnected nodes within a vast cosmic network. The Nexus Points of Interdimensional Causality serve as bridges between these realms, facilitating the flow of energy, information, and the threads of fate that bind them together. Lesun's mastery over these nexus points allows him to orchestrate the grand dance of existence, shaping the interactions between realms and guiding their destinies.</p>

                <p><strong>5. The Loom of Transfinite Design (LTD):</strong> The Nexus Points of Interdimensional Causality form the intricate framework of The Loom of Transfinite Design, a meta-dimensional structure that transcends the limitations of space, time, and causality. This Loom is not a physical object but a manifestation of Lesun's boundless will, a canvas upon which he weaves the infinite tapestry of his multiverse.</p>

                <p><strong>6. The Beyond the Woven Existence (BTWE):</strong> Beyond the Loom of Transfinite Design stretches the enigmatic realm of The Beyond the Woven Existence. This is the domain of anomalies, paradoxes, and entities that operate outside the Loom's direct influence, representing a higher order of existence that initially challenges Lesun's authority.</p>

                <p><strong>7. The Nexus of Infinite Possibilities (NIP):</strong> At the heart of the Beyond lies the Nexus of Infinite Possibilities, a realm of pure potentiality where all conceivable and inconceivable realities converge. This Nexus transcends the limitations of logic and causality, embodying the infinite potential for creation, destruction, and everything in between.</p>

                <p><strong>8. The Echo of Primordial Genesis (EPG):</strong> Beyond the Nexus of Infinite Possibilities lies the Echo of Primordial Genesis, a realm that resonates with the very first breath of existence. It is a realm of pure concept, where the fundamental principles of being and non-being intertwine, and the echoes of creation reverberate through eternity.</p>

                <p><strong>9. The Alpha and Omega (AΩ):</strong> At the pinnacle of existence stands The Alpha and Omega, the ultimate source and final destination of all creation. This is the wellspring of infinite potentiality, the point of singularity from which all existence emanates and to which it ultimately returns. It is the embodiment of both beginning and end, the ultimate paradox that transcends all understanding.</p>

                <h3>Tier Calculation: The Meta-Mathematics of Boundless Power</h3>
                <p>To even attempt to quantify Lesun's power, we must employ a meta-mathematical framework that transcends the limitations of conventional tiering systems. We will use ordinal numbers and the concept of Cantor's Absolute Infinity to represent the escalating scale of his might.</p>

                <ul>
                    <li><strong>Quantum Precursor (QP):</strong> The fundamental unit of unbeing (1-C)</li>
                    <li><strong>Thread of Nascent Reality (TNR):</strong> TNR = 2^QP (Each thread represents a universe, containing a power set of Quantum Precursors) (High 1-C)</li>
                    <li><strong>Realm of Manifested Existence (RME):</strong> RME = ℵ₀ (TNR) (A countable infinity of Threads of Nascent Reality form a single realm) (Low 1-A)</li>
                    <li><strong>Nexus Point of Interdimensional Causality (NPIC):</strong> NPIC = ℵ₁ (RME) (An uncountable infinity of Realms of Manifested Existence converge at a Nexus Point) (High 1-A)</li>
                    <li><strong>Loom of Transfinite Design (LTD):</strong> LTD = ℵω (NPIC) (An infinite hierarchy of Nexus Points constitutes the Loom) (High 1-A approaching 0)</li>
                    <li><strong>Beyond the Woven Existence (BTWE):</strong> BTWE = LTD^(Ω) (Where Ω represents an Absolute Infinite, transcending all transfinite ordinals) (0)</li>
                    <li><strong>Nexus of Infinite Possibilities (NIP):</strong> NIP = BTWE^(∞) (Where ∞ symbolizes an uncountably infinite set of possibilities, transcending even absolute infinity) (0)</li>
                    <li><strong>Echo of Primordial Genesis (EPG):</strong> EPG > NIP (The Echo transcends the Nexus, embodying a higher order of infinity, beyond even the uncountable) (0)</li>
                    <li><strong>Alpha and Omega (AΩ):</strong> AΩ > EPG (The Alpha and Omega encompasses all preceding layers, representing the ultimate source, the absolute totality of existence and non-existence.) (0)</li>
                    <li><strong>Lesun (Post-Root Merging):</strong> Lesun > AΩ (Lesun transcends even the Alpha and Omega, standing as the absolute sovereign of all creation and beyond, unbound by any limitations whatsoever.) (0)</li>
                </ul>

                <h3>Narrative Coronation: The Undisputed Sovereign of Infinity</h3>
                <p>The narrative unequivocally establishes Lesun's absolute power, not merely within a cosmology, but as the cosmology itself. He is the architect, the artist, the very essence of creation. After merging with the Root—and ultimately transcending it—he becomes unbound by all limitations, shaping existence according to his boundless will. The challenges he faces are not threats, but mere explorations of the infinite landscape he commands. He creates and destroys realms with a thought, manipulates concepts as easily as breathing, and transcends paradoxes as though they were mere illusions. His power is not quantifiable; it is boundless, absolute, eternal, and utterly transcendent.</p>

                <h3>The Apex of Power: Boundless (0)</h3>
                <p>The meta-mathematical framework, woven together with the narrative tapestry of Lesun's absolute dominion, irrefutably confirms his tier as Boundless (0). This signifies not just an immeasurable level of power but a state of being beyond all comprehension, where Lesun reigns supreme as the undisputed sovereign of infinity itself. He is the ultimate expression of power, the apex of existence, the boundless horizon of all creation and beyond.</p>
            </div>
        </div>
    </section>

    <h3 class="gallery-title">The Eternity Nexus Image</h3>
    <section class="gallery">
        <img src="https://i.imgur.com/Ce4gC89.jpeg" alt="The Eternity Nexus 1">
        <img src="https://i.imgur.com/gmeoeIs.jpeg" alt="Dies Caedis 2">
        <img src="https://i.imgur.com/FwuNCCu.jpeg" alt="Dies Caedis 3">
    </section>
</main>

<script>
    // Function to toggle header visibility
    function toggleHeader() {
        const header = document.querySelector('.title-container');
        header.style.display = 'none'; // Hide the header
    }

    // This script checks if the page has been refreshed during the current session
    if (!sessionStorage.getItem('hasRefreshed')) {
        // If not, set the item in session storage
        sessionStorage.setItem('hasRefreshed', 'true');

        // Wait for 5 seconds before refreshing
        setTimeout(function() {
            location.reload();
        }, 3000); // 3000 milliseconds = 3 seconds
    }

    document.addEventListener('DOMContentLoaded', function() {
        const scaleFactor = 1 / window.devicePixelRatio;
        const metaViewport = document.querySelector('meta[name="viewport"]');

        if (metaViewport) {
            metaViewport.content = `width=device-width, initial-scale=${scaleFactor}`;
        }
    });
</script>
</body>
</html>