Main Page: Difference between revisions

← Older edit

Latest revision as of 04:32, 18 January 2026

Welcome to Scampsopedia

The home of all things Scamps.

YouTube

Discord

Merch

Community initiatives

Minecraft server

Literature club

@@ Line 1: / Line 1: @@
 __NOTOC__
-<div style="display: flex; gap: 1rem;">
+<div style="display:flex; flex-direction:column; gap:2rem; margin-bottom:4rem;">
-<div style="width: max(20%, 150px);">
+<div x-section="title" style="display:flex; gap:1rem; flex-wrap:wrap; width: 100%;">
- [[File:Scampsopedia-Logo.webp|none]]
+<div style="display:flex; align-items:center; min-width:8rem; width:100%; max-width: 12rem; margin-inline:auto;">[[File:Scampsopedia logo.webp|none]]</div>
-</div>
-<div style="margin-block: auto">
+<div style="flex: 1;margin-block: auto">
-<div style="font-size: clamp(1.125rem, 5vw, 1.5rem);">
+<div style="font-size: clamp(1.125rem, 5vw, 1.5rem); min-width: 200px;">
 == Welcome to Scampsopedia ==
 </div>
@@ Line 12: / Line 11: @@
 </div>
 </div>
+<div x-section="links" style="">
+<div class="scamp-sr-only">
 === Links ===
-<div style="display: flex; flex-wrap: wrap;gap: 1rem">
-<div class="scamp-link-button" style="min-width: 10rem;flex: 1">
-[https://www.youtube.com/@MikeyScamp YouTube]
 </div>
-<div class="scamp-link-button" style="min-width: 10rem;flex: 1">
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: 1rem;">
-[https://discord.gg/98uRGJmHjs Discord]
+{{IconButton|https://www.youtube.com/@MikeyScamp|YouTube|external=yes|icon=Youtube icon.svg|size=lg}}
+{{IconButton|https://discord.gg/98uRGJmHjs|Discord|external=yes|icon=Discord icon.svg|size=lg}}
+{{IconButton|https://www.redbubble.com/people/mikeythescamp/shop|Merch|external=yes|icon=Redbubble icon.svg|size=lg}}
+</div>
+</div>
 </div>
-<div class="scamp-link-button" style="min-width: 10rem;flex: 1;">
-[https://www.redbubble.com/people/mikeythescamp/shop Merch]
+<div style="display:flex; flex-wrap:wrap; gap: 2rem;">
+<div x-section="categories" style="flex:2; min-width:250px">
+=== Categories ===
+<div style="display:flex; flex-direction:column; gap:1rem">
+{{CategoryButton|Memes}}
+{{CategoryButton|Lore}}
+{{CategoryButton|Community initiatives}}
 </div>
 </div>
+<div x-section="community-initiatives" style="flex:1; min-width:250px">
 === Community initiatives ===
-<div style="display: flex; flex-wrap: wrap;gap: 1rem">
+<div style="display:flex; flex-direction:column; gap:1rem">
-<div class="scamp-link-button" style="min-width: 10rem;flex: 1">
+{{IconButton|Scamps Minecraft server|Minecraft server|icon=Minecraft icon.svg}}
-[[Scamps Minecraft server|Minecraft server]]
+{{IconButton|Scamps Squad Literature Club|Literature club|icon=Scamps Squad Literature Club logo.webp|icon_size=60px}}
 </div>
-<div class="scamp-link-button" style="min-width: 10rem;flex: 1">
+</div>
-[[Scamps literature club|Literature club]]
 </div>