move icons to separate file
Some checks failed
Android Build / publish (push) Successful in 54s
Linux Build / publish (push) Has been cancelled

This commit is contained in:
olcxja 2026-07-16 17:22:29 +02:00
commit 3a9ff75b8f
8 changed files with 238 additions and 188 deletions

View file

@ -12,6 +12,7 @@
<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script> -->
<script src="icons.js"></script>
</head>
<body>
<loading>
@ -26,20 +27,14 @@
<indicator class="active">
</indicator>
<button class="icon-button" onclick="gotoHome()">
<svg viewBox="-1 -1 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 6V15H6V11C6 9.89543 6.89543 9 8 9C9.10457 9 10 9.89543 10 11V15H15V6L8 0L1 6Z" stroke="var(--text-color)" stroke-width="1.28" stroke-linejoin="round" stroke-linecap="round" transform="translate(0 0.5)"/>
</svg>
<script>document.write(ICONS.home())</script>
</button>
</sidebarelement>
<sidebarelement id="sidebar-add">
<indicator>
</indicator>
<button class="icon-button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="var(--text-color)"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="12" y1="5" x2="12" y2="19"></line>
<line x1="5" y1="12" x2="19" y2="12"></line>
</svg>
<script>document.write(ICONS.plus())</script>
</button>
</sidebarelement>
<hr>
@ -48,7 +43,7 @@
<indicator>
</indicator>
<button class="icon-button" onclick="gotoInbox()">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="var(--text-color)"><path d="M216-144q-29 0-50.5-21.5T144-216v-528q0-29.7 21.5-50.85Q187-816 216-816h528q29.7 0 50.85 21.15Q816-773.7 816-744v528q0 29-21.15 50.5T744-144H216Zm0-72h528v-144H632q-23 43-63.5 69.5T480-264q-49 0-89.5-26T328-360H216v144Zm332-148q28-28 28-68h168v-312H216v312h168q0 40 28 68t68 28q40 0 68-28ZM216-216h528-528Z"/></svg>
<script>document.write(ICONS.inbox())</script>
</button>
</sidebarelement>
<sidebarelement id="sidebar-profile">
@ -89,7 +84,7 @@
<div class="profile-popup-bg" onclick="closeProfile()"></div>
<div class="profile-popup-content">
<button class="profile-popup-close-btn" onclick="closeProfile()">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="var(--text-color)"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
<script>document.write(ICONS.close())</script>
</button>
<div id="profile-popup-inner"></div>
</div>
@ -114,6 +109,7 @@
</div>
</body>
</html>
<script src="screens.js"></script>
<script>
async function start() {