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 [18.02.2019 00:14] a3x kommentare |
start [18.02.2019 00:15] a3x alte Version wiederhergestellt (14.02.2019 23:58) |
||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Chaospott Wiki ====== | ====== Chaospott Wiki ====== | ||
- | |||
< | < | ||
- | <!-- creates a div around the folowing tables --> | + | <div align=" |
- | | + | |
</ | </ | ||
~~NOTOC~~ | ~~NOTOC~~ | ||
<WRAP > | <WRAP > | ||
- | | + | <WRAP half column> |
| {{file: | | {{file: | ||
Zeile 18: | Zeile 16: | ||
| {{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 27: | Zeile 25: | ||
| {{logo.png? | | {{logo.png? | ||
| {{font: | | {{font: | ||
- | </ | ||
</ | </ | ||
+ | </ | ||
< | < | ||
- | <!-- ends a div around the before tables --> | + | </ |
- | | + | |
</ | </ | ||
------ | ------ | ||
Zeile 40: | Zeile 36: | ||
< | < | ||
- | <!-- 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 77: | Zeile 70: | ||
background-color: | background-color: | ||
opacity: 0.05; | opacity: 0.05; | ||
- | | + | } |
- | polygon.hoverable: | + | |
- | stroke: | + | polygon.hoverable: |
- | opacity: | + | { |
- | fill: | + | |
- | } | + | |
+ | | ||
+ | } | ||
</ | </ | ||
- | |||
- | <!-- aligning magic --> | ||
<div style=" | <div style=" | ||
<svg style=" | <svg style=" | ||
- | xmlns=" | + | |
< | < | ||
<a href="/ | <a href="/ |