|
|
| (14 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <!-- HERO (no overlay text) --> | | <html> |
| | <!-- HERO --> |
| <div class="sj-hero"></div> | | <div class="sj-hero"></div> |
|
| |
|
| <!-- QUICK LINKS with icons -->
| |
| <div class="sj-quick"> | | <div class="sj-quick"> |
|
| |
| <!-- Discord -->
| |
| <a class="sj-pill discord" href="https://discord.gg/SypherPK" target="_blank" rel="noopener"> | | <a class="sj-pill discord" href="https://discord.gg/SypherPK" target="_blank" rel="noopener"> |
| <!-- Discord SVG --> | | <i class="fa-brands fa-discord"></i> Discord |
| <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.317 4.369A19.791 19.791 0 0 0 16.558 3c-.2.36-.43.85-.59 1.234a18.27 18.27 0 0 0-6 0C9.81 3.85 9.58 3.36 9.38 3a19.735 19.735 0 0 0-3.76 1.369C2.338 8.275 1.58 12.07 1.874 15.823A19.94 19.94 0 0 0 8.06 18c.39-.53.74-1.1 1.05-1.7-.58-.22-1.14-.49-1.66-.81.14-.1.27-.21.4-.32a13.7 13.7 0 0 0 8.3 0c.13.11.26.22.4.32-.53.32-1.09.59-1.67.8.31.61.66 1.18 1.05 1.71 2.257-.42 4.4-1.24 6.185-2.38.49-3.37-.34-7.1-2.79-10.25ZM9.59 13.75c-.89 0-1.61-.83-1.61-1.85 0-1.02.72-1.85 1.61-1.85s1.62.83 1.62 1.85c0 1.02-.73 1.85-1.62 1.85Zm4.82 0c-.89 0-1.61-.83-1.61-1.85 0-1.02.72-1.85 1.61-1.85 0 0 0 0 0 0 0 0 0 0 0 0 0 1.02-.72 1.85-1.61 1.85Z"/></svg>
| |
| Discord
| |
| </a> | | </a> |
|
| |
| <!-- X / Twitter -->
| |
| <a class="sj-pill twitter" href="https://twitter.com/SuperJoyFN" target="_blank" rel="noopener"> | | <a class="sj-pill twitter" href="https://twitter.com/SuperJoyFN" target="_blank" rel="noopener"> |
| <!-- X SVG --> | | <i class="fa-brands fa-x-twitter"></i> X / Twitter |
| <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2H21l-6.5 7.43L21.5 22H15l-4.23-6.26L6 22H3.244l6.92-7.9L2.5 2H9l3.85 5.6L18.244 2Zm-2.1 18h1.62L8.01 4h-1.7l9.83 16Z"/></svg>
| |
| X / Twitter
| |
| </a> | | </a> |
| | | <a class="sj-pill youtube" href="https://youtube.com/@SuperJoyFN" target="_blank" rel="noopener"> |
| <!-- YouTube -->
| | <i class="fa-brands fa-youtube"></i> YouTube |
| <a class="sj-pill youtube" href="https://youtube.com/@SuperJoy" target="_blank" rel="noopener"> | |
| <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.5 6.2a4 4 0 0 0-2.8-2.8C18.9 3 12 3 12 3s-6.9 0-8.7.4A4 4 0 0 0 .5 6.2 41.7 41.7 0 0 0 0 12c0 1.98.18 3.95.5 5.8a4 4 0 0 0 2.8 2.8C5.1 21 12 21 12 21s6.9 0 8.7-.4a4 4 0 0 0 2.8-2.8c.32-1.85.5-3.82.5-5.8s-.18-3.95-.5-5.8ZM9.75 15.02V8.98L15.5 12l-5.75 3.02Z"/></svg> | |
| YouTube
| |
| </a> | | </a> |
|
| |
| <!-- Website -->
| |
| <a class="sj-pill web" href="https://superjoy.gg" target="_blank" rel="noopener"> | | <a class="sj-pill web" href="https://superjoy.gg" target="_blank" rel="noopener"> |
| <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2c1.14 0 2.2.3 3.13.83A16 16 0 0 0 13 8H4.92A8 8 0 0 1 12 4Zm-7.08 6H12v4H4.2a8.03 8.03 0 0 1 .28-4Zm.88 6H11a16 16 0 0 0 2.13 5.17A8 8 0 0 1 5.8 16ZM13 20.83A14 14 0 0 1 11.06 16H19.1A8 8 0 0 1 13 20.83ZM19.8 14H13V10h6.88c.25 1.3.25 2.7-.08 4ZM14.92 8A14 14 0 0 1 17 4.83 8 8 0 0 1 19.1 8h-4.18Z"/></svg> | | <i class="fa-solid fa-globe"></i> superjoy.gg |
| superjoy.gg
| |
| </a> | | </a> |
|
| |
| </div> | | </div> |
|
| |
| <div class="sj-divider"></div>
| |
|
| |
|
| <!-- PROJECTS --> | | <!-- PROJECTS --> |
| <div class="sj-grid"> | | <div class="sj-projects"> |
| | |
| <!-- Catch a Kraken -->
| |
| <a class="sj-card" href="/wiki/Catch_a_Kraken"> | | <a class="sj-card" href="/wiki/Catch_a_Kraken"> |
| <div class="sj-media"> | | <img src="https://wiki.sjs.gg/images/9/93/CatchaKrakenIcon.png?20251004203800" alt="Catch a Kraken"> |
| <img src="/images/ cak-cover. jpg" alt="Catch a Kraken"> | | <h3>Catch a Kraken</h3> |
| </div> | |
| <div class="sj-title">Catch a Kraken</div>
| |
| </a> | | </a> |
|
| |
| </div> | | </div> |
|
| |
|
| <p class="sj-foot">SuperJoy Studios © 2025</p> | | <!-- FOOTER --> |
| | <p class="sj-footer">SuperJoy Studios © 2025</p> |
| | </html> |
