Altes wiki. Hilf doch beim Migrieren mit! https://wiki.chaospott.de
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung | Nächste Überarbeitung Beide Seiten der Revision | ||
start [14.02.2019 23:58] a3x |
start [18.02.2019 00:14] a3x kommentare |
||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Chaospott Wiki ====== | ====== Chaospott Wiki ====== | ||
+ | |||
< | < | ||
- | <div align=" | + | <!-- creates a div around the folowing tables --> |
+ | | ||
</ | </ | ||
~~NOTOC~~ | ~~NOTOC~~ | ||
<WRAP > | <WRAP > | ||
- | <WRAP half column> | + | |
| {{file: | | {{file: | ||
Zeile 16: | Zeile 18: | ||
| {{server-vector-network-6.png? | | {{server-vector-network-6.png? | ||
- | </ | + | |
- | <WRAP half column> | + | <WRAP half column> |
| {{logo.png? | | {{logo.png? | ||
| {{logo.png? | | {{logo.png? | ||
Zeile 25: | Zeile 27: | ||
| {{logo.png? | | {{logo.png? | ||
| {{font: | | {{font: | ||
+ | </ | ||
</ | </ | ||
- | </ | + | |
< | < | ||
- | </ | + | <!-- ends a div around the before tables --> |
+ | | ||
</ | </ | ||
------ | ------ | ||
Zeile 36: | Zeile 40: | ||
< | < | ||
- | + | <!-- Setting the arrow Color based on status from status.chaospott.de --> | |
- | fetch(" | + | fetch(" |
- | .then(res => res.json()) | + | .then(res => res.json()) |
- | .then((out) => { | + | .then((out) => { |
- | if(out.sensors.door_locked[0].value) { | + | if(out.sensors.door_locked[0].value) { |
- | | + | document.getElementById(" |
- | } | + | } |
- | if(out.sensors.door_locked[1].value) { | + | if(out.sensors.door_locked[1].value) { |
- | | + | document.getElementById(" |
- | } | + | } |
- | }) | + | }) |
- | .catch(err => { throw err }); | + | .catch(err => { throw err }); |
</ | </ | ||
< | < | ||
- | # | + | |
opacity: | opacity: | ||
- | } | + | |
- | + | ||
- | text { | + | < |
+ | | ||
fill: currentColor; | fill: currentColor; | ||
- | } | + | |
- | + | ||
- | #state_top, # | + | < |
+ | | ||
fill: lightgreen; | fill: lightgreen; | ||
- | } | + | |
- | polygon.hoverable | + | |
- | { | + | <!-- fancy hover effects--> |
+ | | ||
fill: black; | fill: black; | ||
stroke: | stroke: | ||
Zeile 70: | Zeile 77: | ||
background-color: | background-color: | ||
opacity: 0.05; | opacity: 0.05; | ||
- | } | + | |
- | + | polygon.hoverable: | |
- | polygon.hoverable: | + | stroke: |
- | { | + | opacity: |
- | | + | fill: |
- | | + | } |
- | | + | |
- | } | + | |
</ | </ | ||
+ | |||
+ | <!-- aligning magic --> | ||
<div style=" | <div style=" | ||
<svg style=" | <svg style=" | ||
- | | + | xmlns=" |
< | < | ||
<a href="/ | <a href="/ |