feat: add credits modal and update docker config
- Add credits modal showing project creators and libraries used - Replace bottom-of-canvas credits with clickable credits button - Update docker-compose to pull pre-built image from git.azuze.fr registry - Simplify README Docker instructions Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
+17
-2
@@ -103,6 +103,22 @@
|
||||
<p class="header-2">Export this project</p>
|
||||
<div id="export-project"><img src="assets/download-icon.svg"> <span>Export</span></div>
|
||||
</div>
|
||||
<div id="credits-modal">
|
||||
<p class="header">Credits</p>
|
||||
<p class="subtitle">Created by <span>Alyssa X</span></p>
|
||||
<p class="subtitle">Maintained by <span>Kawa</span></p>
|
||||
<hr style="margin-top: 15px; margin-bottom: 15px;">
|
||||
<p class="subheader">Libraries & Tools</p>
|
||||
<div id="credits-list">
|
||||
<div class="credit-item">Fabric.js</div>
|
||||
<div class="credit-item">Anime.js</div>
|
||||
<div class="credit-item">Lottie</div>
|
||||
<div class="credit-item">Pickr</div>
|
||||
<div class="credit-item">Sortable.js</div>
|
||||
<div class="credit-item">FFmpeg.wasm</div>
|
||||
<div class="credit-item">jQuery</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="background-overlay"></div>
|
||||
<div id="color-picker"></div>
|
||||
<div id="color-picker-fill"></div>
|
||||
@@ -290,8 +306,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="bottom-canvas">
|
||||
<a id="sponsor" href="https://github.com/sponsors/alyssaxuu" target="_blank"><img src="assets/sponsor.svg"> Sponsor</a>
|
||||
<a id="alyssa-credit" href="https://twitter.com/alyssaxuu" target="_blank">Made by <span>Alyssa X</span> <img src="assets/alyssaimg.jpeg"></a>
|
||||
</div>
|
||||
<img src="assets/replace-image.svg" id="replace-image">
|
||||
<img src="assets/loading-image.svg" id="load-image" class="load-media">
|
||||
@@ -375,6 +389,7 @@
|
||||
<div id="share"><img src="assets/importexport.svg"> Import & export</div>
|
||||
<div id="download"><img src="assets/download-icon.svg"> Download</div>
|
||||
</div>
|
||||
<div id="credits-button">Credits</div>
|
||||
</div>
|
||||
|
||||
<video id="test-video"></video>
|
||||
|
||||
Reference in New Issue
Block a user