|
|
| (20 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%);"> | | <div class="sj-quick"> |
| <h1 style="font-size:3em;margin:0;">Welcome to the SuperJoy Wiki</h1> | | <a class="sj-pill discord" href="https://discord.gg/SypherPK" target="_blank" rel="noopener"> |
| <p style="font-size:1.2em;">Guides, worlds, and developer notes for SuperJoy Studios projects.</p> | | <i class="fa-brands fa-discord"></i> Discord |
| | </a> |
| | <a class="sj-pill twitter" href="https://twitter.com/SuperJoyFN" target="_blank" rel="noopener"> |
| | <i class="fa-brands fa-x-twitter"></i> X / Twitter |
| | </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> |
| </div>
| |
|
| |
| <hr style="margin:30px 0;border:0;border-top:1px solid #ddd;">
| |
|
| |
|
| <!-- LINKS --> | | <!-- PROJECTS --> |
| <div style="text-align:center;margin-bottom:20px;"> | | <div class="sj-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 class="sj-card" href="/ wiki/ Catch_a_Kraken"> |
| <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> | | <img src="https://wiki.sjs.gg/images/9/93/CatchaKrakenIcon.png?20251004203800" alt="Catch a Kraken"> |
| <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> | | <h3>Catch a Kraken</h3> |
| | </a> |
| </div> | | </div> |
|
| |
|
| <h2 style="text-align:center;margin-top:40px;">Projects</h2>
| | <!-- FOOTER --> |
| | | <p class="sj-footer">SuperJoy Studios © 2025</p> |
| <!-- ONE CARD --> | | </html> |
| <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%);">
| |
| <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> | |
