danog/ecodash
1
0
Fork 0
forked from massivebox/ecodash
Code Pull requests Activity

Minor graphical improvements

Browse source 
- Uniform style of SVGs
- Add style directly inside SVGs to switch to dark mode - the previous solution didn't work in Chromium for some reason
This commit is contained in:
MassiveBox 2023-04-14 18:20:25 +02:00
parent 3ac161e740
commit 08be78f907
8 changed files with 12 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

16
templates/default/index.html
View file

@ -38,27 +38,19 @@
<footer>
<div class="flex two four-600">
<div>
<svg viewBox="0 0 100 100">
<use href="assets/light-bulb.svg#layer" xlink:href="#layer" />
</svg>
<img src="assets/light-bulb.svg" alt="Light bulb">
<p><b>{{divide .PerDayUsage 0.072}} desk lights</b> running for a day</p>
</div>
<div>
<svg viewBox="0 0 64 64">
<use href="assets/washing.svg#layer" xlink:href="#layer" />
</svg>
<img src="assets/washing.svg" alt="Washing machine">
<p><b>{{divide .PerDayUsage 0.66}} washing machines</b> completing a cycle</p>
</div>
<div>
<svg viewBox="0 0 64 64">
<use href="assets/oven.svg#layer" xlink:href="#layer"/>
</svg>
<img src="assets/oven.svg" alt="Oven">
<p><b>{{divide .PerDayUsage 1.2}} electric ovens</b> baking a cake</p>
</div>
<div>
<svg viewBox="0 0 140 141.347">
<use href="assets/bitcoin.svg#layer" xlink:href="#layer" />
</svg>
<img src="assets/bitcoin.svg" alt="Bitcoin">
<p><b>{{divide .PerDayUsage 1300}} Bitcoin transactions</b></p>
</div>
</div>