Seams: Difference between revisions

From The Jadnix Codex

No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 6: Line 6:


         <!-- CARD 1: ANCHORED (With Image) -->
         <!-- CARD 1: ANCHORED (With Image) -->
         <a href="/wiki/Seam_3.01" class="seam-card rating-anchored" style="text-decoration:none;">
         <div class="seam-card rating-anchored" tabindex="0">
            <a href="/wiki/Seam_3.01" style="text-decoration:none; color:inherit; display:block;">
                <div class="seam-card-header">
                    <span>3.01</span>
                    <div class="seam-dot"></div>
                </div>
                <div class="seam-card-image">
                    <!-- Replace with actual Catbox link -->
                    <img src="https://files.catbox.moe/djvskz.jpg" alt="Homeworld's Edge">
                </div>
                <div class="seam-card-epithet">Homeworld's Edge</div>
            </a>
        </div>
 
        <!-- CARD 2: VOLATILE (With Static Placeholder & Nested Seams) -->
        <div class="seam-card rating-volatile" tabindex="0">
            <a href="/wiki/Seam_2.99" style="text-decoration:none; color:inherit; display:block;">
                <div class="seam-card-header">
                    <span>2.99</span>
                    <div class="seam-dot"></div>
                </div>
                <div class="seam-card-image">
                    <div class="seam-static">NO SIGNAL</div>
                </div>
                <div class="seam-card-epithet">Almost-Home</div>
            </a>
           
            <!-- This drops down when you hover over or tap the 2.99 card -->
            <div class="seam-nested-container">
                <a href="/wiki/Seam_2.991" class="nested-seam-item" style="text-decoration:none;">
                    <span>2.991: Kammie's Basement</span>
                    <span style="color:#ff4500;">🔴</span>
                </a>
                <a href="/wiki/Seam_2.995" class="nested-seam-item" style="text-decoration:none;">
                    <span>2.995: The Cul-de-sac</span>
                    <span style="color:#ffd700;">🟡</span>
                </a>
            </div>
        </div>
 
        <!-- CARD 3: NULL (Empty Placeholder) -->
        <div class="seam-card rating-null" tabindex="0">
            <div class="seam-card-header">
                <span>-1.0</span>
                <div class="seam-dot"></div>
            </div>
            <div class="seam-card-image">
                <div class="seam-static">NO SIGNAL</div>
            </div>
            <div class="seam-card-epithet">DATA EXPUNGED</div>
        </div>
 
        <!-- CARD 4: FRACTURED (Empty Placeholder) -->
        <div class="seam-card rating-fractured" tabindex="0">
            <div class="seam-card-header">
                <span>X.XX</span>
                <div class="seam-dot"></div>
            </div>
            <div class="seam-card-image">
                <div class="seam-static">NO SIGNAL</div>
            </div>
            <div class="seam-card-epithet">DATA MISSING</div>
        </div>
 
        <!-- CARD 5: REALM (Empty Placeholder) -->
        <div class="seam-card rating-realm" tabindex="0">
            <div class="seam-card-header">
                <span>X.X</span>
                <div class="seam-dot"></div>
            </div>
            <div class="seam-card-image">
                <div class="seam-static">NO SIGNAL</div>
            </div>
            <div class="seam-card-epithet">DATA MISSING</div>
        </div>
 
        <!-- CARD 6: NULL (Empty Placeholder) -->
        <div class="seam-card rating-null" tabindex="0">
             <div class="seam-card-header">
             <div class="seam-card-header">
                 <span>3.01</span>
                 <span>X.X</span>
                 <div class="seam-dot"></div>
                 <div class="seam-dot"></div>
             </div>
             </div>
             <div class="seam-card-image">
             <div class="seam-card-image">
                 <!-- Replace with actual Catbox link -->
                 <div class="seam-static">NO SIGNAL</div>
                <img src="https://files.catbox.moe/example.png" alt="Homeworld's Edge">
             </div>
             </div>
             <div class="seam-card-epithet">Homeworld's Edge</div>
             <div class="seam-card-epithet">DATA MISSING</div>
         </a>
         </div>


         <!-- CARD 2: VOLATILE (With Static Placeholder & Nested Seams) -->
         <!-- CARD 7: NULL (Empty Placeholder) -->
         <a href="/wiki/Seam_2.99" class="seam-card rating-volatile" style="text-decoration:none;">
         <div class="seam-card rating-null" tabindex="0">
            <div class="seam-card-header">
                <span>X.X</span>
                <div class="seam-dot"></div>
            </div>
            <div class="seam-card-image">
                <div class="seam-static">NO SIGNAL</div>
            </div>
            <div class="seam-card-epithet">DATA MISSING</div>
        </div>
 
        <!-- CARD 8: NULL (Empty Placeholder) -->
        <div class="seam-card rating-null" tabindex="0">
             <div class="seam-card-header">
             <div class="seam-card-header">
                 <span>2.99</span>
                 <span>X.X</span>
                 <div class="seam-dot"></div>
                 <div class="seam-dot"></div>
             </div>
             </div>
Line 27: Line 115:
                 <div class="seam-static">NO SIGNAL</div>
                 <div class="seam-static">NO SIGNAL</div>
             </div>
             </div>
             <div class="seam-card-epithet">Almost-Home</div>
             <div class="seam-card-epithet">DATA MISSING</div>
           
        </div>
            <!-- This drops down when you hover over the 2.99 card -->
 
            <div class="seam-nested-container">
        <!-- CARD 9: NULL (Empty Placeholder) -->
                <div class="nested-seam-item">
        <div class="seam-card rating-null" tabindex="0">
                    <span>2.991 (Basement)</span>
            <div class="seam-card-header">
                    <span style="color:#ff4500;">🔴</span>
                <span>X.X</span>
                </div>
                <div class="seam-dot"></div>
                <div class="nested-seam-item">
            </div>
                    <span>2.995 (Cul-de-sac)</span>
            <div class="seam-card-image">
                    <span style="color:#ffd700;">🟡</span>
                <div class="seam-static">NO SIGNAL</div>
                </div>
             </div>
             </div>
         </a>
            <div class="seam-card-epithet">DATA MISSING</div>
         </div>


         <!-- CARD 3: NULL (Empty Placeholder) -->
         <!-- CARD 10: NULL (Empty Placeholder) -->
         <div class="seam-card rating-null">
         <div class="seam-card rating-null" tabindex="0">
             <div class="seam-card-header">
             <div class="seam-card-header">
                 <span>-1.0</span>
                 <span>X.X</span>
                 <div class="seam-dot"></div>
                 <div class="seam-dot"></div>
             </div>
             </div>
Line 51: Line 139:
                 <div class="seam-static">NO SIGNAL</div>
                 <div class="seam-static">NO SIGNAL</div>
             </div>
             </div>
             <div class="seam-card-epithet">DATA EXPUNGED</div>
             <div class="seam-card-epithet">DATA MISSING</div>
         </div>
         </div>



Latest revision as of 01:28, 5 May 2026

(SEAM PAGE TEST. WILL ADD INFO LATER AFTER CODE WORKS.)

-1.0
NO SIGNAL
DATA EXPUNGED
X.XX
NO SIGNAL
DATA MISSING
X.X
NO SIGNAL
DATA MISSING
X.X
NO SIGNAL
DATA MISSING
X.X
NO SIGNAL
DATA MISSING
X.X
NO SIGNAL
DATA MISSING
X.X
NO SIGNAL
DATA MISSING
X.X
NO SIGNAL
DATA MISSING