Main Page: Difference between revisions

From SuperJoy Wiki
Jump to navigation Jump to search
← Older editNewer edit →
VisualWikitext
No edit summary
No edit summary
Line 1: Line 1:
<!-- 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>


Line 12: Line 12:
<!-- LINKS -->
<!-- LINKS -->
<div style="text-align:center;margin-bottom:20px;">
<div style="text-align:center;margin-bottom:20px;">
  <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 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 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>
<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>
  <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 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>
</div>
</div>


<!-- PROJECT GRID -->
<h2 style="text-align:center;margin-top:40px;">Projects</h2>
<h2 style="text-align:center;margin-top:40px;">Projects</h2>


<!-- ONE CARD -->
<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);">
  <!-- Catch a Kraken -->
<img src="/images/cak-cover.jpg" alt="Catch a Kraken" style="width:100%;height:200px;object-fit:cover;filter:brightness(70%);">
  <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;">
<div style="position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.5);padding:10px;text-align:center;">
    <img src="/images/cak-cover.jpg" alt="Catch a Kraken" style="width:100%;height:200px;object-fit:cover;filter:brightness(70%);">
<span style="color:white;font-size:1.4em;font-weight:600;">Catch a Kraken</span>
    <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>
 
</div>
</div>
 
</a>
<hr style="margin:40px 0;border:0;border-top:1px solid #ddd;">
 
<!-- FOOTER -->
<div style="text-align:center;color:#777;font-size:0.9em;">
  SuperJoy Studios © 2025 | <a href="https://superjoy.gg" style="color:#777;">superjoy.gg</a>
</div>
</div>

Revision as of 04:18, 4 October 2025

<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;">

Welcome to the SuperJoy Wiki

Guides, worlds, and developer notes for SuperJoy Studios projects.

<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 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> <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>

Projects

<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

</a>

Retrieved from "https://wiki.sjs.gg/index.php?title=Main_Page&oldid=3"