|
|
| (18 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <html> | | <html> |
| <!-- HERO --> | | <!-- HERO --> |
| <div style="position:relative;text-align:center;color:white;"> | | <div class="sj-hero"></div> |
| <img src="/images/sj-hero.jpg" alt="SuperJoy Studios Banner" style="width:100%;max-height:340px;object-fit:cover;filter:brightness(60%);border-radius:10px;">
| |
| <div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);">
| |
| <h1 style="font-size:3em;margin:0;">Welcome to the SuperJoy Wiki</h1>
| |
| <p style="font-size:1.2em;">Guides, worlds, and developer notes for SuperJoy Studios projects.</p>
| |
| </div>
| |
| </div> | |
|
| |
|
| <hr style="margin:28px 0;border:0;border-top:1px solid #ddd;"> | | <div class="sj-quick"> |
| | | <a class="sj-pill discord" href="https://discord.gg/SypherPK" target="_blank" rel="noopener"> |
| <!-- LINKS --> | | <i class="fa-brands fa-discord"></i> Discord |
| <div style="text-align:center;margin-bottom:16px;"> | | </a> |
| <a href="https://discord.gg/PKHOOD" style="text-decoration:none;padding:8px 16px;border-radius:8px;background:#5865F2;color:white;font-weight:600;margin:4px;display:inline-block;">SypherPK Discord</a> | | <a class="sj-pill twitter" href="https://twitter.com/SuperJoyFN" target="_blank" rel="noopener"> |
| <a href="https://feedback.sjs.gg" style="text-decoration:none;padding:8px 16px;border-radius:8px;background:#43B581;color:white;font-weight:600;margin:4px;display:inline-block;">Feedback + Changelog</a> | | <i class="fa-brands fa-x-twitter"></i> X / Twitter |
| <a href="https://twitter.com/SuperJoyFN" style="text-decoration:none;padding:8px 16px;border-radius:8px;background:#1DA1F2;color:white;font-weight:600;margin:4px;display:inline-block;">Twitter</a> | | </a> |
| | <a class="sj-pill youtube" href="https://youtube.com/@SuperJoyFN" target="_blank" rel="noopener"> |
| | <i class="fa-brands fa-youtube"></i> YouTube |
| | </a> |
| | <a class="sj-pill web" href="https://superjoy.gg" target="_blank" rel="noopener"> |
| | <i class="fa-solid fa-globe"></i> superjoy.gg |
| | </a> |
| </div> | | </div> |
|
| |
|
| <h2 style="text-align:center;margin-top:32px;">Projects</h2>
| | <!-- PROJECTS --> |
| | | <div class="sj-projects"> |
| <!-- PROJECT GRID --> | | <a class="sj-card" href="/wiki/Catch_a_Kraken"> |
| <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;"> | | <img src="https://wiki.sjs.gg/images/9/93/CatchaKrakenIcon.png?20251004203800" alt="Catch a Kraken"> |
| | | <h3>Catch a Kraken</h3> |
| <div style="display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:30px;"> | |
| <a href="/wiki/Catch_a_Kraken" style="display:block;width:340px;text-decoration:none;color:inherit;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:transform .2s;">
| |
| <img src="/images/cak-cover.jpg" alt="Catch a Kraken" style="width:100%;height:220px;object-fit:cover;filter:brightness(70%);transition:filter .2s;"> | |
| <div style="position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.6);padding:12px;text-align:center;"> | |
| <span style="color:white;font-size:1.4em;font-weight:600;">Catch a Kraken</span>
| |
| </div>
| |
| </a> | | </a> |
| </div> | | </div> |
|
| |
|
| | | <!-- FOOTER --> |
| </div> | | <p class="sj-footer">SuperJoy Studios © 2025</p> |
| | |
| <hr style="margin:36px 0;border:0;border-top:1px solid #ddd;">
| |
| <div style="text-align:center;color:#777;font-size:0.9em;"> | |
| SuperJoy Studios © 2025
| |
| </div> | |
| </html> | | </html> |
