commit b4ac17b0d55dca43a77951a720a99b1e24405f10
parent 6f059807d18124f9087afe826b4bd43a725900be
Author: Dominik Schmidt <das1993@hotmail.com>
Date: Sun, 17 Jun 2018 15:29:16 +0000
Use SVG images rather than the power symbol
Diffstat:
www/index.cgi | | | 12 | +++++------- |
www/off.svg | | | 97 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
www/on.svg | | | 127 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
3 files changed, 229 insertions(+), 7 deletions(-)
diff --git a/www/index.cgi b/www/index.cgi
@@ -23,12 +23,9 @@ Content-Type: text/html
#power{
font-size:xx-large;
}
- .on #power{
- color:limegreen;
- text-shadow:0px 0px 2px;
- }
- .off #power{
- color:#752222;
+ #power img{
+ width:5em;
+ max-height:50vh;
}
#footer{
position:fixed;
@@ -44,7 +41,7 @@ Content-Type: text/html
</head>
<body>
<div id="status">
- <div id="power">⏻</div>
+ <div id="power"><img src="off.svg" /></div>
<div id="delta_t"></div>
</div>
<div id="footer">
@@ -68,6 +65,7 @@ Content-Type: text/html
}
dt.textContent=txt;
st.setAttribute("class",classn);
+ st.getElementsByTagName("img")[0].setAttribute("src",classn+".svg");
}
setInterval(function(){ if(delta_t>=0){delta_t++}else{delta_t--}; updateDisplay();}, 1000);
setInterval(function(){ readTextFile("print_delta_t.cgi");}, 5*1000);
diff --git a/www/off.svg b/www/off.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="10.998pt"
+ height="11.076125pt"
+ viewBox="0 0 10.998 11.076125"
+ version="1.1"
+ id="svg17"
+ sodipodi:docname="off.svg"
+ inkscape:version="0.92.2 5c3e80d, 2017-08-06">
+ <metadata
+ id="metadata21">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1276"
+ inkscape:window-height="761"
+ id="namedview19"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:zoom="22.125"
+ inkscape:cx="9.3124071"
+ inkscape:cy="6.6222584"
+ inkscape:window-x="0"
+ inkscape:window-y="37"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg17" />
+ <defs
+ id="defs10">
+ <g
+ id="g8">
+ <symbol
+ overflow="visible"
+ id="glyph0-0"
+ style="overflow:visible">
+ <path
+ style="stroke:none"
+ d="M 6.78125,0 H 0.75 V -8.75 H 6.78125 Z M 6.125,-0.65625 v -7.4375 H 1.40625 v 7.4375 z M 5.171875,-5.765625 c 0,0.6875 -0.453125,1.214844 -1.359375,1.578125 L 3.671875,-3.265625 H 3.25 l -0.125,-1.25 c 0.789062,-0.132813 1.1875,-0.5 1.1875,-1.09375 0,-0.613281 -0.652344,-0.921875 -1.953125,-0.921875 L 2.5,-7.15625 h 0.046875 c 1.75,0 2.625,0.464844 2.625,1.390625 z M 4.015625,-2.0625 c 0,0.15625 -0.058594,0.292969 -0.171875,0.40625 C 3.738281,-1.550781 3.609375,-1.5 3.453125,-1.5 3.304688,-1.5 3.175781,-1.550781 3.0625,-1.65625 2.945312,-1.769531 2.890625,-1.90625 2.890625,-2.0625 c 0,-0.15625 0.054687,-0.285156 0.171875,-0.390625 C 3.175781,-2.566406 3.304688,-2.625 3.453125,-2.625 c 0.15625,0 0.285156,0.058594 0.390625,0.171875 0.113281,0.105469 0.171875,0.234375 0.171875,0.390625 z m 0,0"
+ id="path2"
+ inkscape:connector-curvature="0" />
+ </symbol>
+ <symbol
+ overflow="visible"
+ id="glyph0-1"
+ style="overflow:visible">
+ <path
+ style="stroke:none"
+ d="m 6.59375,-3.828125 c 0,0.179687 -0.058594,0.324219 -0.171875,0.4375 C 6.316406,-3.285156 6.175781,-3.234375 6,-3.234375 c -0.167969,0 -0.308594,-0.050781 -0.421875,-0.15625 -0.105469,-0.113281 -0.15625,-0.257813 -0.15625,-0.4375 V -7.90625 c 0,-0.164062 0.050781,-0.300781 0.15625,-0.40625 C 5.691406,-8.425781 5.832031,-8.484375 6,-8.484375 c 0.175781,0 0.316406,0.058594 0.421875,0.171875 0.113281,0.105469 0.171875,0.242188 0.171875,0.40625 z m 4.421875,0.421875 c 0,1.375 -0.496094,2.558594 -1.484375,3.546875 C 8.550781,1.128906 7.375,1.625 6,1.625 4.613281,1.625 3.429688,1.128906 2.453125,0.140625 1.472656,-0.835938 0.984375,-2.019531 0.984375,-3.40625 c 0,-0.96875 0.269531,-1.875 0.8125,-2.71875 0.0625,-0.101562 0.164063,-0.253906 0.3125,-0.453125 0.144531,-0.164063 0.300781,-0.25 0.46875,-0.25 0.15625,0 0.296875,0.0625 0.421875,0.1875 0.125,0.117187 0.1875,0.25 0.1875,0.40625 C 3.1875,-6.117188 3.140625,-6 3.046875,-5.875 2.710938,-5.382812 2.492188,-5.003906 2.390625,-4.734375 2.234375,-4.347656 2.15625,-3.90625 2.15625,-3.40625 c 0,1.0625 0.375,1.976562 1.125,2.734375 0.75,0.75 1.65625,1.125 2.71875,1.125 1.050781,0 1.953125,-0.3828125 2.703125,-1.140625 0.757813,-0.757812 1.140625,-1.664062 1.140625,-2.71875 0,-0.5 -0.078125,-0.941406 -0.234375,-1.328125 C 9.503906,-5.003906 9.285156,-5.382812 8.953125,-5.875 8.859375,-6.007812 8.8125,-6.128906 8.8125,-6.234375 c 0,-0.15625 0.0625,-0.289063 0.1875,-0.40625 0.125,-0.125 0.269531,-0.1875 0.4375,-0.1875 0.164062,0 0.316406,0.085937 0.453125,0.25 0.0625,0.074219 0.164063,0.226563 0.3125,0.453125 0.539063,0.84375 0.8125,1.75 0.8125,2.71875 z m 0,0"
+ id="path5"
+ inkscape:connector-curvature="0" />
+ </symbol>
+ </g>
+ </defs>
+ <g
+ id="surface5"
+ transform="translate(-0.50099999,-2.141625)"
+ style="fill:#550000;fill-opacity:1;stroke:none;stroke-opacity:1">
+ <g
+ style="fill:#550000;fill-opacity:1;stroke:none;stroke-opacity:1"
+ id="g14">
+ <use
+ xlink:href="#glyph0-1"
+ x="0"
+ y="11.109375"
+ id="use12"
+ width="100%"
+ height="100%"
+ style="fill:#550000;fill-opacity:1;stroke:none;stroke-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/www/on.svg b/www/on.svg
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="10.998pt"
+ height="11.076125pt"
+ viewBox="0 0 10.998 11.076125"
+ version="1.1"
+ id="svg17"
+ sodipodi:docname="on.svg"
+ inkscape:version="0.92.2 5c3e80d, 2017-08-06">
+ <metadata
+ id="metadata21">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1276"
+ inkscape:window-height="761"
+ id="namedview19"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:zoom="22.125"
+ inkscape:cx="9.3124071"
+ inkscape:cy="6.6222584"
+ inkscape:window-x="0"
+ inkscape:window-y="37"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg17" />
+ <defs
+ id="defs10">
+ <g
+ id="g8">
+ <symbol
+ overflow="visible"
+ id="glyph0-0"
+ style="overflow:visible">
+ <path
+ style="stroke:none"
+ d="M 6.78125,0 H 0.75 V -8.75 H 6.78125 Z M 6.125,-0.65625 v -7.4375 H 1.40625 v 7.4375 z M 5.171875,-5.765625 c 0,0.6875 -0.453125,1.214844 -1.359375,1.578125 L 3.671875,-3.265625 H 3.25 l -0.125,-1.25 c 0.789062,-0.132813 1.1875,-0.5 1.1875,-1.09375 0,-0.613281 -0.652344,-0.921875 -1.953125,-0.921875 L 2.5,-7.15625 h 0.046875 c 1.75,0 2.625,0.464844 2.625,1.390625 z M 4.015625,-2.0625 c 0,0.15625 -0.058594,0.292969 -0.171875,0.40625 C 3.738281,-1.550781 3.609375,-1.5 3.453125,-1.5 3.304688,-1.5 3.175781,-1.550781 3.0625,-1.65625 2.945312,-1.769531 2.890625,-1.90625 2.890625,-2.0625 c 0,-0.15625 0.054687,-0.285156 0.171875,-0.390625 C 3.175781,-2.566406 3.304688,-2.625 3.453125,-2.625 c 0.15625,0 0.285156,0.058594 0.390625,0.171875 0.113281,0.105469 0.171875,0.234375 0.171875,0.390625 z m 0,0"
+ id="path2"
+ inkscape:connector-curvature="0" />
+ </symbol>
+ <symbol
+ overflow="visible"
+ id="glyph0-1"
+ style="overflow:visible">
+ <path
+ style="stroke:none"
+ d="m 6.59375,-3.828125 c 0,0.179687 -0.058594,0.324219 -0.171875,0.4375 C 6.316406,-3.285156 6.175781,-3.234375 6,-3.234375 c -0.167969,0 -0.308594,-0.050781 -0.421875,-0.15625 -0.105469,-0.113281 -0.15625,-0.257813 -0.15625,-0.4375 V -7.90625 c 0,-0.164062 0.050781,-0.300781 0.15625,-0.40625 C 5.691406,-8.425781 5.832031,-8.484375 6,-8.484375 c 0.175781,0 0.316406,0.058594 0.421875,0.171875 0.113281,0.105469 0.171875,0.242188 0.171875,0.40625 z m 4.421875,0.421875 c 0,1.375 -0.496094,2.558594 -1.484375,3.546875 C 8.550781,1.128906 7.375,1.625 6,1.625 4.613281,1.625 3.429688,1.128906 2.453125,0.140625 1.472656,-0.835938 0.984375,-2.019531 0.984375,-3.40625 c 0,-0.96875 0.269531,-1.875 0.8125,-2.71875 0.0625,-0.101562 0.164063,-0.253906 0.3125,-0.453125 0.144531,-0.164063 0.300781,-0.25 0.46875,-0.25 0.15625,0 0.296875,0.0625 0.421875,0.1875 0.125,0.117187 0.1875,0.25 0.1875,0.40625 C 3.1875,-6.117188 3.140625,-6 3.046875,-5.875 2.710938,-5.382812 2.492188,-5.003906 2.390625,-4.734375 2.234375,-4.347656 2.15625,-3.90625 2.15625,-3.40625 c 0,1.0625 0.375,1.976562 1.125,2.734375 0.75,0.75 1.65625,1.125 2.71875,1.125 1.050781,0 1.953125,-0.3828125 2.703125,-1.140625 0.757813,-0.757812 1.140625,-1.664062 1.140625,-2.71875 0,-0.5 -0.078125,-0.941406 -0.234375,-1.328125 C 9.503906,-5.003906 9.285156,-5.382812 8.953125,-5.875 8.859375,-6.007812 8.8125,-6.128906 8.8125,-6.234375 c 0,-0.15625 0.0625,-0.289063 0.1875,-0.40625 0.125,-0.125 0.269531,-0.1875 0.4375,-0.1875 0.164062,0 0.316406,0.085937 0.453125,0.25 0.0625,0.074219 0.164063,0.226563 0.3125,0.453125 0.539063,0.84375 0.8125,1.75 0.8125,2.71875 z m 0,0"
+ id="path5"
+ inkscape:connector-curvature="0" />
+ </symbol>
+ </g>
+ <filter
+ inkscape:collect="always"
+ style="color-interpolation-filters:sRGB"
+ id="filter1002"
+ x="-0.048186917"
+ width="1.0963738"
+ y="-0.047814529"
+ height="1.0956291">
+ <feGaussianBlur
+ inkscape:collect="always"
+ stdDeviation="0.20140625"
+ id="feGaussianBlur1004" />
+ </filter>
+ </defs>
+ <g
+ style="fill:#00ff00;fill-opacity:1;stroke:none;stroke-opacity:1;filter:url(#filter1002)"
+ transform="translate(-0.50099999,-2.141625)"
+ id="g884">
+ <g
+ id="g882"
+ style="fill:#00ff00;fill-opacity:1;stroke:none;stroke-opacity:1">
+ <use
+ style="fill:#00ff00;fill-opacity:1;stroke:none;stroke-opacity:1"
+ height="100%"
+ width="100%"
+ id="use880"
+ y="11.109375"
+ x="0"
+ xlink:href="#glyph0-1" />
+ </g>
+ </g>
+ <g
+ id="surface5"
+ transform="translate(-0.50099999,-2.141625)"
+ style="fill:#00ff00;fill-opacity:1;stroke:none;stroke-opacity:1">
+ <g
+ style="fill:#00ff00;fill-opacity:1;stroke:none;stroke-opacity:1"
+ id="g14">
+ <use
+ xlink:href="#glyph0-1"
+ x="0"
+ y="11.109375"
+ id="use12"
+ width="100%"
+ height="100%"
+ style="fill:#00ff00;fill-opacity:1;stroke:none;stroke-opacity:1" />
+ </g>
+ </g>
+</svg>