Main Page/Sandbox: Difference between revisions

Newer edit →

VisualWikitext

Revision as of 18:28, 3 February 2026

👋 Welcome to the

Resonite Wiki

Search the Resonite Wiki/

Welcome to the Resonite Wiki, a hub for information about Resonite that everyone can edit.

Your first day

📥

       Install Resonite

👤

       Make an account

🎮

       Basic controls

🎭

       Importing an avatar

💎

       Supporting Resonite

Rules, guidelines & important information

🛡️

       Resonite team

🚫

       Moderation

📜

       Usage guidelines

⚖️

       EULA

Creation & technical

🔨

       Tools overview

🧬

       ProtoFlux

📱

UIX

⚡

       Optimization guidelines

📡

       Networking Information

Complex features

🔗

       Dynamic variables

☁️

       Cloud variables

🔌

       Plugins

🌐

OSC

Social links

💬

       Discord

🐦

       Twitter

📺

       Twitch

💖

       Patreon

@@ Line 1: / Line 1: @@
-<templatestyles src="Template:Main_Page/Sandbox/styles.css" />
 {{Main page/header}}
 <languages />
-<div class="home-header" style="color: #f85149;">
+<translate>Welcome to the Resonite Wiki, a hub for information about Resonite that '''everyone can edit'''.</translate>
-<span class="home-header-icon">🚀</span> <translate>Your first day</translate>
-</div>
-<div class="home-grid">
+== <translate>Your first day</translate> ==
-<div class="home-card home-card--red">
+<div class="resonite-home-grid">
-<div class="home-card__icon">📥</div>
+{{Main page/card|color=red|icon=📥|link=Installing Resonite|label=<translate>Install Resonite</translate>}}
-<div class="home-card__label">[[Special:MyLanguage/Installing Resonite|<translate>Install Resonite</translate>]]</div>
+{{Main page/card|color=red|icon=👤|link=https://account.resonite.com|label=<translate>Make an account</translate>|external=yes}}
+{{Main page/card|color=red|icon=🎮|link=Basic controls|label=<translate>Basic controls</translate>}}
+{{Main page/card|color=red|icon=🎭|link=Avatar creation|label=<translate>Importing an avatar</translate>}}
+{{Main page/card|color=red|icon=💎|link=Supporting Resonite|label=<translate>Supporting Resonite</translate>}}
 </div>
-<div class="home-card home-card--red">
+== <translate>Rules, guidelines & important information</translate> ==
-<div class="home-card__icon">👤</div>
+<div class="resonite-home-grid">
-<div class="home-card__label">[https://account.resonite.com <translate>Create an account</translate>]</div>
+{{Main page/card|color=orange|icon=🛡️|link=Resonite team|label=<translate>Resonite team</translate>}}
+{{Main page/card|color=orange|icon=🚫|link=Moderation|label=<translate>Moderation</translate>}}
+{{Main page/card|color=orange|icon=📜|link=https://resonite.com/policies/Guidelines.html|label=<translate>Usage guidelines</translate>|external=yes}}
+{{Main page/card|color=orange|icon=⚖️|link=https://resonite.com/policies/EULA.html|label=<translate>EULA</translate>|external=yes}}
 </div>
-<div class="home-card home-card--red">
+== <translate>Creation & technical</translate> ==
-<div class="home-card__icon">🎮</div>
+<div class="resonite-home-grid">
-<div class="home-card__label">[[Special:MyLanguage/Basic controls|<translate>Basic controls</translate>]]</div>
+{{Main page/card|color=green|icon=🔨|link=Tools|label=<translate>Tools overview</translate>}}
+{{Main page/card|color=green|icon=🧬|link=ProtoFlux|label=<translate>ProtoFlux</translate>}}
+{{Main page/card|color=green|icon=📱|link=UIX|label=<translate>UIX</translate>}}
+{{Main page/card|color=green|icon=⚡|link=Optimization guidelines|label=<translate>Optimization guidelines</translate>}}
+{{Main page/card|color=green|icon=📡|link=Networking Information|label=<translate>Networking Information</translate>}}
 </div>
-<div class="home-card home-card--red">
+== <translate>Complex features</translate> ==
-<div class="home-card__icon">🎭</div>
+<div class="resonite-home-grid">
-<div class="home-card__label">[[Special:MyLanguage/Avatar creation|<translate>Importing an avatar</translate>]]</div>
+{{Main page/card|color=blue|icon=🔗|link=Dynamic variables|label=<translate>Dynamic variables</translate>}}
-</div>
+{{Main page/card|color=blue|icon=☁️|link=Cloud variables|label=<translate>Cloud variables</translate>}}
+{{Main page/card|color=blue|icon=🔌|link=Plugins|label=<translate>Plugins</translate>}}
+{{Main page/card|color=blue|icon=🌐|link=OSC|label=<translate>OSC</translate>}}
 </div>
-<div class="home-header" style="color: #f0883e;">
+== <translate>Social links</translate> ==
-<span class="home-header-icon">⚖️</span> <translate>Rules & Guidelines</translate>
+<div class="resonite-home-grid">
-</div>
+{{Main page/card|color=purple|icon=💬|link=https://discord.gg/resonite|label=Discord|external=yes}}
+{{Main page/card|color=purple|icon=🐦|link=https://x.com/resoniteapp|label=Twitter|external=yes}}
-<div class="home-grid">
+{{Main page/card|color=purple|icon=📺|link=https://twitch.tv/resoniteapp|label=Twitch|external=yes}}
-<div class="home-card home-card--orange">
+{{Main page/card|color=purple|icon=💖|link=https://www.patreon.com/resonite|label=Patreon|external=yes}}
-<div class="home-card__icon">🛡️</div>
-<div class="home-card__label">[[Special:MyLanguage/Resonite team|<translate>Resonite team</translate>]]</div>
-</div>
-<div class="home-card home-card--orange">
-<div class="home-card__icon">🚫</div>
-<div class="home-card__label">[[Special:MyLanguage/Moderation|<translate>Moderation</translate>]]</div>
-</div>
-<div class="home-card home-card--orange">
-<div class="home-card__icon">📜</div>
-<div class="home-card__label">[https://resonite.com/policies/Guidelines.html <translate>Usage guidelines</translate>]</div>
-</div>
 </div>
 __NOTOC__
-[[Category:Main Pages]]