Main Page: Difference between revisions

From SuperJoy Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<html>
<!-- SuperJoy Studios Wiki Homepage -->
<!-- HERO -->
<div class="sj-hero">
<div style="position:relative;text-align:center;color:white;">
   <div class="sj-hero__text">
  <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;">
     <h1>Welcome to the SuperJoy Wiki</h1>
   <div style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);">
     <p>Guides, worlds, and developer notes for SuperJoy Studios projects.</p>
     <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>
</div>
</div>


<hr style="margin:28px 0;border:0;border-top:1px solid #ddd;">
<div class="sj-links">
 
   <a href="https://discord.gg/SypherPK" class="discord" target="_blank">SypherPK Discord</a>
<!-- LINKS -->
   <a href="https://feedback.sjs.gg" class="feedback" target="_blank">Feedback + Changelog</a>
<div style="text-align:center;margin-bottom:16px;">
   <a href="https://twitter.com/SuperJoyFN" class="twitter" target="_blank">Twitter</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 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/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:32px;">Projects</h2>
<h2 style="text-align:center;">Projects</h2>
 
<!-- PROJECT GRID -->
<div style="display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;">


<div style="display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:30px;">
<div class="sj-projects">
   <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;">
  <!-- Catch a Kraken -->
     <img src="/images/cak-cover.jpg" alt="Catch a Kraken" style="width:100%;height:220px;object-fit:cover;filter:brightness(70%);transition:filter .2s;">
   <a href="/wiki/Catch_a_Kraken" class="sj-project-card">
     <div style="position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.6);padding:12px;text-align:center;">
     <img src="/images/cak-cover.jpg" alt="Catch a Kraken">
      <span style="color:white;font-size:1.4em;font-weight:600;">Catch a Kraken</span>
     <h3>Catch a Kraken</h3>
    </div>
   </a>
   </a>
</div>


 
<p style="text-align:center;margin-top:40px;color:#6b7280;font-size:14px;">
</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
   SuperJoy Studios © 2025
</div>
</p>
</html>

Revision as of 20:17, 4 October 2025

Welcome to the SuperJoy Wiki

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

Projects

 <a href="/wiki/Catch_a_Kraken" class="sj-project-card">
   <img src="/images/cak-cover.jpg" alt="Catch a Kraken">

Catch a Kraken

 </a>

SuperJoy Studios © 2025