mirror of
https://gitea.massivebox.net/massivebox/ecodash.git
synced 2024-11-19 02:19:24 +01:00
Minor graphical improvements
- 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:
parent
3ac161e740
commit
08be78f907
@ -1,6 +1,6 @@
|
||||
# 🌿 EcoDash
|
||||
|
||||
[](https://woodpecker.massivebox.net/ecodash/ecodash) [](https://ecodash.xyz) [](https://ecodash.xyz/contribute)
|
||||
[](https://woodpecker.massivebox.net/ecodash/ecodash) [](https://ecodash.xyz) [](https://ecodash.xyz/contribute)
|
||||
|
||||
EcoDash is a simple way to show your users how much your server consumes.
|
||||
It's intended as a medium of transparency, that gives your users an idea about the consumption of your machine. It's not meant to be 100% accurate.
|
||||
@ -35,4 +35,4 @@ GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
```
|
||||
```
|
||||
|
||||
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="140" height="141.347"><g id="layer" class="bitcoin-svg"><circle cx="70" cy="70" r="66.589439" style="fill:none;stroke:#000;stroke-width:6.82112;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"/><ellipse cx="70" cy="70.672997" rx="54.561001" ry="55.102001" style="fill:none;stroke:#000;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"/><path d="M 77.476,42.128 H 53.623 v 25.943 h 23.853 a 12.972,12.972 0 0 0 0,-25.943 z m 0,25.943 H 53.623 v 25.943 h 23.853 a 12.972,12.972 0 0 0 0,-25.943 z M 61.463,33.477 v 8.108 m 14.011,-8.108 v 8.108 m -14.011,53.26 v 8.109 m 14.011,-8.109 v 8.109 M 46.277,42.128 h 8.108 m -8.108,51.886 h 8.108" style="fill:none;stroke:#000;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="svg9420" width="100" height="100" version="1.1"><style>@media (prefers-color-scheme:dark){*{stroke:#fff!important}}</style><circle id="circle9414" cx="50" cy="50" r="47.503" style="fill:none;stroke:#000;stroke-width:4.99362;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"/><ellipse id="ellipse9416" cx="50" cy="50" rx="38.972" ry="39.359" style="fill:none;stroke:#000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"/><path id="path9418" d="M57.019 30.033H38.762v19.856h18.257a9.929 9.929 0 0 0 0-19.856zm0 19.856H38.762v19.857h18.257a9.929 9.929 0 0 0 0-19.857zM44.763 23.411v6.206m10.724-6.206v6.206M44.763 70.382v6.207m10.724-6.207v6.207M33.139 30.033h6.206M33.14 69.746h6.206" style="fill:none;stroke:#000;stroke-width:5.35777;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"/></svg>
|
||||
|
Before Width: | Height: | Size: 916 B After Width: | Height: | Size: 958 B |
@ -24,7 +24,7 @@ h3 {
|
||||
}
|
||||
.home-cards h3 { padding-top: 10px }
|
||||
nav { border-bottom: 1px solid #aaa}
|
||||
svg { width: 100% }
|
||||
svg, footer img { width: 100% }
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
@ -46,13 +46,4 @@ svg { width: 100% }
|
||||
fill: white;
|
||||
}
|
||||
|
||||
.washing-svg * {
|
||||
fill: white !important;
|
||||
}
|
||||
|
||||
.bitcoin-svg * {
|
||||
fill: none;
|
||||
stroke: white !important;
|
||||
}
|
||||
|
||||
}
|
||||
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="100" height="100" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="layer"><path d="m 50,9.999 c -14.729,0 -26.667,11.937 -26.667,26.667 0,3.609 0.729,7.066 2.041,10.208 l 7.959,19.214 v 17.246 c 0.0011,3.681625 2.985375,6.665896 6.667,6.667 h 20 c 3.68254,0.0011 6.668105,-2.98446 6.667,-6.667 V 66.095 L 74.629,46.874 C 75.976041,43.639385 76.668717,40.169891 76.667,36.666 76.667,21.936 64.733,9.999 50,9.999 Z M 61.600263,84.933676 H 38.39974 v -13.19983 l 23.200523,0.007 z M 70.069872,44.322 60.812246,66.668 H 39.187758 L 29.925949,44.306 C 28.915097,41.885903 28.396706,39.288723 28.400314,36.666 28.400314,25.637 38.972,15.066327 50,15.066327 c 11.028,0 21.599872,10.570673 21.599872,21.599673 0,2.643 -0.515,5.215 -1.53,7.656 z" id="path2" style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"/><path d="m 44.167,24.999 -7.5,20 h 17.047 l -5,13.334 h 7.119 l 7.5,-20.001 H 46.286 l 5,-13.333 z" id="path4" style="stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100" height="100" version="1.0"><style>@media (prefers-color-scheme:dark){*{stroke:#fff!important}}</style><path d="m30.208 71.296 39.584.008z" style="fill:none;fill-opacity:1;stroke:#000;stroke-width:5.51336;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/><path d="M50 2.5c-17.49 0-31.666 14.175-31.666 31.666 0 4.286.865 8.39 2.423 12.122l9.451 22.816v20.48a7.92 7.92 0 0 0 7.917 7.916h23.75a7.914 7.914 0 0 0 7.917-7.917v-20.47l9.454-22.825a31.49 31.49 0 0 0 2.42-12.122C81.666 16.675 67.495 2.5 50 2.5Z" style="fill:none;fill-opacity:1;stroke:#000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/><path d="m50.19 58.72 10.654-22.314H39.535L50.19 18.061" style="fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke-linecap:round"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 898 B |
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g id="layer"><path d="M59.767 6.07H4.233A3.237 3.237 0 0 0 1 9.304v40.895c0 1.431.942 2.635 2.233 3.059v2.593c0 1.146.934 2.079 2.082 2.079H16.29c1.148 0 2.08-.93 2.082-2.079v-2.419H45.63v2.419c0 1.146.932 2.079 2.079 2.079h10.978a2.081 2.081 0 0 0 2.078-2.079s-.347-2.52.42-3.245c.718-.678 1.108-1.002 1.771-1.322.812-.39 0-41.894 0-41.894.138-2.939-1.404-3.317-3.189-3.319ZM14.873 54.352c0 .04-.04.079-.082.079l-7.976-.001c-.043 0-.083-.037-.083-.079v-.919h8.141v.92zm42.394-.001a.08.08 0 0 1-.08.079H49.21a.08.08 0 0 1-.08-.079v-.919h8.136v.92zM59.5 48.7c.004 1.262-.554 1.233-1.234 1.233H5.733A1.235 1.235 0 0 1 4.5 48.7V10.617c0-.68.553-1.046 1.233-1.046h52.533c.68 0 1.234.365 1.234 1.046v38.082z"/><path d="M46.105 12.67H7.75a1 1 0 0 0-1 1v32.18a1 1 0 0 0 1 1h38.356a1 1 0 0 0 1-1V13.67a1 1 0 0 0-1-1zm-2.518 3.529-.06 11.11-33.277-.047V16.17ZM10.25 43.35V30.762h33.355V43.35Zm41.14-25.306h4.789c1.333 0 1.333-3.5 0-3.5H51.39c-1.333 0-1.333 3.5 0 3.5zm0 6.754h4.789c1.333 0 1.333-3.5 0-3.5H51.39c-1.333 0-1.333 3.5 0 3.5zm2.535 11.794a3.997 3.997 0 0 0-3.993 3.994 3.996 3.996 0 0 0 3.993 3.993 3.998 3.998 0 0 0 3.994-3.994 3.997 3.997 0 0 0-3.994-3.993zM51.39 31.81h4.789c1.333 0 1.333-3.5 0-3.5H51.39c-1.333 0-1.333 3.5 0 3.5z"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100" height="100"><style>@media (prefers-color-scheme:dark){*{stroke:#fff!important}}</style><path d="M6.19 82.859h24.26zM70.238 82.82h24.258z" style="stroke:#000;stroke-width:4.988;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/><path d="M92.552 10.252H7.448a4.96 4.96 0 0 0-4.954 4.956v62.669c0 2.193 1.444 4.038 3.422 4.688v3.973a3.192 3.192 0 0 0 3.19 3.186h16.82a3.192 3.192 0 0 0 3.19-3.186v-3.707h41.771v3.707a3.19 3.19 0 0 0 3.186 3.186h16.823a3.19 3.19 0 0 0 3.185-3.186v-3.973c1.984-.65 3.425-2.495 3.425-4.69V15.21a4.96 4.96 0 0 0-4.954-4.956z" style="fill:none;stroke:#000;stroke-width:4.988;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke-linejoin:round"/><path d="M84.418 60.085a5.878 5.878 0 0 0-5.872 5.873 5.876 5.876 0 0 0 5.872 5.872 5.879 5.879 0 0 0 5.873-5.873 5.878 5.878 0 0 0-5.873-5.872z" style="fill:none;stroke:#000;stroke-width:4.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/><path d="M70.166 21.125H13.471c-.816 0-1.478.662-1.478 1.478v47.568c0 .816.662 1.478 1.478 1.478h56.697c.816 0 1.478-.662 1.478-1.478V22.603c0-.816-.662-1.478-1.478-1.478z" style="fill:none;stroke:#000;stroke-width:5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;stroke-linejoin:round"/><path d="M79.919 21.287h9zM79.919 29.409h9zM79.919 36.867h9z" style="stroke:#000;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"/><path d="M12.92 46.546h57.893z" style="stroke:#000;stroke-width:5;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers stroke fill"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.7 KiB |
@ -1 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 64 64"><g id="layer" class="washing-svg"><path d="M31.94,21C22.05,21,14,29.05,14,38.94c0,9.89,8.05,17.94,17.94,17.94c9.89,0,17.94,-8.05,17.94,-17.94C49.87,29.05,41.83,21,31.94,21zM31.94,52.87C24.25,52.87,18,46.62,18,38.94c0,-7.68,6.25,-13.94,13.94,-13.94c7.69,0,13.94,6.25,13.94,13.94C45.88,46.62,39.63,52.87,31.94,52.87z" style="fill:#000"/><path d="M6,4v56c0,2,2,4,4,4h44c2,0,4,-2,4,-3.998983V3.9642939C58,2,56,0,54.031875,0H10C8,0,6,2,6,4zM54,4v10H10V4zM10,60v-42h44v42z" style="fill:#000;fill-opacity:1;stroke:none;stroke-opacity:1"/><rect x="40" y="7" width="10" height="4" style="fill:#000;fill-opacity:1;stroke:none;stroke-width:7;stroke-opacity:1"/></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><style>@media (prefers-color-scheme:dark){*{stroke:#fff!important}}</style><path d="M49.906 34.936c-14.282 0-25.908 11.625-25.908 25.908 0 14.282 11.626 25.908 25.908 25.908 14.283 0 25.908-11.626 25.908-25.908C75.8 46.56 64.19 34.936 49.906 34.936Z" style="fill:none;stroke:#000;stroke-width:5;stroke-dasharray:none;stroke-opacity:1"/><path d="M11.406 24.812h77.188z" style="fill:none;fill-opacity:1;stroke:#000;stroke-width:5.02733;stroke-dasharray:none;stroke-opacity:1"/><path d="M11.406 8.438v83.124c0 2.97 2.969 5.938 5.938 5.938h65.312c2.969 0 5.938-2.969 5.938-5.936V8.384c0-2.915-2.969-5.884-5.89-5.884h-65.36c-2.969 0-5.938 2.969-5.938 5.938Z" style="fill:none;fill-opacity:1;stroke:#000;stroke-width:5;stroke-dasharray:none;stroke-opacity:1"/><rect width="16.439" height="3.387" x="63.322" y="11.869" rx=".264" ry="1.694" style="fill:none;fill-opacity:1;stroke:#000;stroke-width:3.86216;stroke-dasharray:none;stroke-opacity:1"/></svg>
|
||||
|
Before Width: | Height: | Size: 782 B After Width: | Height: | Size: 1010 B |
@ -10,7 +10,7 @@
|
||||
<body>
|
||||
<nav>
|
||||
<a href="./" class="brand">
|
||||
<img class="logo" src="assets/logo.svg" />
|
||||
<img class="logo" src="assets/logo.svg" alt="EcoDash Logo">
|
||||
<span>{{.Defaults.DashboardName}}</span>
|
||||
</a>
|
||||
<input id="bmenub" type="checkbox" class="show">
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user