gsadmin/KoalaSync
1
0
Fork 0
mirror of https://github.com/Shik3i/KoalaSync.git synced 2026-08-21 16:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

website: Restructure 3-step guide flowchart, swap illustrations, and rewrite translations in all 15 locales

Browse Source
This commit is contained in:
KoalaDev
2026-07-03 11:09:25 +02:00
parent 82b90d86a9
commit 14ab6b2d50
16 changed files with 211 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/template.html
+46 -46
View File
@@ -1035,6 +1035,52 @@
<p>{{STEP_1_DESC}}</p>
</div>
<!-- Custom Step 1 Illustration -->
<div class="step-illustration-2" data-reveal>
<div class="illus-popup-card">
<div class="illus-popup-header">
<div class="illus-popup-brand">
<img src="{{ASSET_PATH}}assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14">
<span>KoalaSync</span>
</div>
<div class="illus-popup-version mockup-version">{{VERSION}}</div>
</div>
<div class="illus-popup-tabs">
<div class="illus-popup-tab active">
<span>{{STEP_2_ILLUS_ROOM}}</span>
</div>
<div class="illus-popup-tab">
<span>{{STEP_2_ILLUS_SYNC}}</span>
</div>
<div class="illus-popup-tab">
<span>{{STEP_2_ILLUS_SETTINGS}}</span>
</div>
</div>
<div class="illus-popup-body">
<div class="illus-popup-btn action-create-room">
<span>{{STEP_2_ILLUS_CREATE}}</span>
<div class="illus-btn-shine"></div>
</div>
<div class="illus-collapsed-details">
<span class="details-arrow">▶</span>
<span>{{STEP_2_ILLUS_MANUAL}}</span>
</div>
<div class="illus-floating-success">
<span class="success-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="14" height="14" aria-hidden="true"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg></span>
<span>{{STEP_2_ILLUS_COPIED}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="step">
<div class="step-text" data-reveal>
<div class="step-num" aria-hidden="true">02</div>
<h3><span>{{STEP_2_TITLE}}</span></h3>
<p>{{STEP_2_DESC}}</p>
</div>
<!-- Custom Step 2 Illustration -->
<div class="step-illustration-1" data-reveal>
<div class="illus-browser-container">
<div class="illus-browser-header">
@@ -1095,52 +1141,6 @@
</div>
</div>
</div>
<div class="step">
<div class="step-text" data-reveal>
<div class="step-num" aria-hidden="true">02</div>
<h3><span>{{STEP_2_TITLE}}</span></h3>
<p>{{STEP_2_DESC}}</p>
</div>
<!-- Custom Step 2 Illustration -->
<div class="step-illustration-2" data-reveal>
<div class="illus-popup-card">
<div class="illus-popup-header">
<div class="illus-popup-brand">
<img src="{{ASSET_PATH}}assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="14" height="14">
<span>KoalaSync</span>
</div>
<div class="illus-popup-version mockup-version">{{VERSION}}</div>
</div>
<div class="illus-popup-tabs">
<div class="illus-popup-tab active">
<span>{{STEP_2_ILLUS_ROOM}}</span>
</div>
<div class="illus-popup-tab">
<span>{{STEP_2_ILLUS_SYNC}}</span>
</div>
<div class="illus-popup-tab">
<span>{{STEP_2_ILLUS_SETTINGS}}</span>
</div>
</div>
<div class="illus-popup-body">
<div class="illus-popup-btn action-create-room">
<span>{{STEP_2_ILLUS_CREATE}}</span>
<div class="illus-btn-shine"></div>
</div>
<div class="illus-collapsed-details">
<span class="details-arrow">▶</span>
<span>{{STEP_2_ILLUS_MANUAL}}</span>
</div>
<div class="illus-floating-success">
<span class="success-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="14" height="14" aria-hidden="true"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg></span>
<span>{{STEP_2_ILLUS_COPIED}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="step">
<div class="step-text" data-reveal>
<div class="step-num" aria-hidden="true">03</div>