github-personal/www.shadoll
1
0
Fork 0
mirror of https://github.com/shadoll/www.shadoll.git synced 2026-08-28 03:28:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add multiple color palettes and update configuration for palette cycling

Browse Source
This commit is contained in:
sha
2025-12-28 04:38:45 +02:00
parent c3e092e305
commit 30c2411daf
3 changed files with 83 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+5 -3
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Shadoll - Animated placeholder page with dynamic gradients and logo animations">
<meta name="author" content="Shadoll">
<title>Shadoll</title>
<meta name="author" content="shadoll">
<title>shadoll</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
@@ -38,6 +38,7 @@
<h3>Background</h3>
<div class="help-item"><kbd data-key="b">B</kbd> Toggle background animation (static ↔ animated)</div>
<div class="help-item"><kbd data-key="g">G</kbd> Cycle gradient types (linear → radial → conic)</div>
<div class="help-item"><kbd data-key="p">P</kbd> Cycle color palettes (default → blue-yellow → dark → light → fire → nature)</div>
</div>
<div class="help-section">
@@ -62,10 +63,11 @@
<div class="help-section help-section-url">
<h3>URL Parameters</h3>
<div class="help-code">?bg=animated&gradient=linear&logo=full&logoAnim=all&elementAnim=neon&speed=1.5</div>
<div class="help-code">?bg=animated&gradient=linear&palette=default&logo=full&logoAnim=mixed&elementAnim=neon&speed=1.5</div>
<div class="help-params">
<div><strong>bg:</strong> static | animated</div>
<div><strong>gradient:</strong> linear | radial | conic</div>
<div><strong>palette:</strong> default | blue-yellow | dark | light | fire | nature</div>
<div><strong>logo:</strong> static | animated | full</div>
<div><strong>logoAnim:</strong> shake | rotate | tilt | interactive | mixed | all</div>
<div><strong>elementAnim:</strong> neon | color | explosion | fly | all</div>