|
|
| (21 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | <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:30px 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:20px;"> | | </a> |
| <a href="https://discord.gg/YOURINVITE" style="text-decoration:none;padding:8px 16px;border-radius:8px;background:#5865F2;color:white;font-weight:600;margin:4px;">Discord</a> | | <a class="sj-pill twitter" href="https://twitter.com/SuperJoyFN" target="_blank" rel="noopener"> |
| <a href="https://feedback.superjoy.gg" style="text-decoration:none;padding:8px 16px;border-radius:8px;background:#43B581;color:white;font-weight:600;margin:4px;">Feedback + Changelog</a> | | <i class="fa-brands fa-x-twitter"></i> X / Twitter |
| <a href="https://twitter.com/YOURHANDLE" style="text-decoration:none;padding:8px 16px;border-radius:8px;background:#1DA1F2;color:white;font-weight:600;margin:4px;">Socials</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> |
|
| |
|
| <!-- PROJECT GRID --> | | <!-- PROJECTS --> |
| <h2 style="text-align:center;margin-top:40px;">Projects</h2> | | <div class="sj-projects"> |
| | | <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> |
| <!-- Catch a Kraken -->
| |
| <a href="/wiki/Catch_a_Kraken" style="display:block;width:320px;text-decoration:none;color:inherit;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:transform .2s;">
| |
| <img src="/images/cak-cover.jpg" alt="Catch a Kraken" style="width:100%;height:200px;object-fit:cover;filter:brightness(70%);"> | |
| <div style="position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.5);padding:10px;text-align:center;"> | |
| <span style="color:white;font-size:1.4em;font-weight:600;">Catch a Kraken</span>
| |
| </div>
| |
| </a>
| |
| | |
| <!-- Placeholder for future project -->
| |
| <a href="/wiki/Meme_Royale" style="display:block;width:320px;text-decoration:none;color:inherit;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:transform .2s;">
| |
| <img src="/images/mr-cover.jpg" alt="Meme Royale" style="width:100%;height:200px;object-fit:cover;filter:brightness(70%);">
| |
| <div style="position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.5);padding:10px;text-align:center;">
| |
| <span style="color:white;font-size:1.4em;font-weight:600;">Meme Royale</span>
| |
| </div>
| |
| </a> | | </a> |
|
| |
| </div> | | </div> |
|
| |
| <hr style="margin:40px 0;border:0;border-top:1px solid #ddd;">
| |
|
| |
|
| <!-- FOOTER --> | | <!-- FOOTER --> |
| <div style="text-align:center;color:#777;font-size:0.9em;"> | | <p class="sj-footer">SuperJoy Studios © 2025</p> |
| SuperJoy Studios © 2025 | <a href="https://superjoy.gg" style="color:#777;">superjoy.gg</a>
| | </html> |
| </div> | |
