Main Page: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<html> | |||
<!-- HERO --> | <!-- HERO --> | ||
<div style="position:relative;text-align:center;color:white;"> | <div style="position:relative;text-align:center;color:white;"> | ||
<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;"> | <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%);"> | <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> | <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> | <p style="font-size:1.2em;">Guides, worlds, and developer notes for SuperJoy Studios projects.</p> | ||
</div> | </div> | ||
</div> | </div> | ||
<hr style="margin: | <hr style="margin:28px 0;border:0;border-top:1px solid #ddd;"> | ||
<!-- LINKS --> | <!-- LINKS --> | ||
<div style="text-align:center;margin-bottom: | <div style="text-align:center;margin-bottom:16px;"> | ||
<a href="https://discord.gg/ | <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 href="https://feedback. | <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> | ||
<a href="https://twitter.com/ | <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> | ||
</div> | </div> | ||
<h2 style="text-align:center;margin-top: | <h2 style="text-align:center;margin-top:32px;">Projects</h2> | ||
<!-- | <!-- PROJECT GRID --> | ||
<div style="display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;"> | <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;"> | ||
<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);"> | |||
<img src="/images/cak-cover.jpg" alt="Catch a Kraken" style="width:100%;height:200px;object-fit:cover;filter:brightness(70%);"> | <!-- Catch a Kraken card --> | ||
<div style="position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.5);padding:10px;text-align:center;"> | <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;"> | ||
<span style="color:white;font-size:1.4em;font-weight:600;">Catch a Kraken</span> | <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> | |||
</div> | </div> | ||
< | |||
<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> | </div> | ||
</html> | |||
Revision as of 04:22, 4 October 2025
Welcome to the SuperJoy Wiki
Guides, worlds, and developer notes for SuperJoy Studios projects.
Projects
SuperJoy Studios © 2025