Beide Seiten der vorigen Revision
Vorhergehende Überarbeitung
Nächste Überarbeitung
|
Vorhergehende Überarbeitung
Nächste Überarbeitung
Beide Seiten der Revision
|
start [18.02.2019 00:14] a3x kommentare |
start [04.08.2019 16:47] JayDee Umbau svg auf png |
====== Chaospott Wiki ====== | ====== Chaospott Wiki ====== |
| |
<html> | <html> |
<!-- creates a div around the folowing tables --> | <div align="center"> |
<div align="center"> | |
</html> | </html> |
| |
~~NOTOC~~ | ~~NOTOC~~ |
<WRAP > | <WRAP > |
<WRAP half column> | <WRAP half column> |
| |
| {{file:compass.png?40 }}**[[chaospott:anfahrt|Anfahrt und Gäste]]** \\ Anfahrt und Kontakt | | | {{file:compass.png?40 }}**[[chaospott:anfahrt|Anfahrt und Gäste]]** \\ Anfahrt und Kontakt | |
| {{server-vector-network-6.png?40 }}** [[infrastruktur:noc:start|NOC]] ** \\ We care! ...sometimes! ¯\_(ツ)_/¯ | | | {{server-vector-network-6.png?40 }}** [[infrastruktur:noc:start|NOC]] ** \\ We care! ...sometimes! ¯\_(ツ)_/¯ | |
| |
</WRAP> | </WRAP> |
<WRAP half column> | <WRAP half column> |
| {{logo.png?40 }}**[[events:start|Veranstaltungen]]** \\ Veranstaltungen | | | {{logo.png?40 }}**[[events:start|Veranstaltungen]]** \\ Veranstaltungen | |
| {{logo.png?40 }}**[[events:petit_foo|Vorträge und Workshops]]** \\ Knowledge Transfer | | | {{logo.png?40 }}**[[events:petit_foo|Vorträge und Workshops]]** \\ Knowledge Transfer | |
| {{font:git-square.svg?40 }}**[[projekte:|Projekte]]** \\ Die Projekte des Chaospotts | | | {{font:git-square.png?40 }}**[[projekte:|Projekte]]** \\ Die Projekte des Chaospotts | |
| {{logo.png?40 }}**[[infrastruktur:start|Infrastruktur]]** \\ Wie schalte ich das wieder aus? Welche Infrastruktur gibt es? | | | {{logo.png?40 }}**[[infrastruktur:start|Infrastruktur]]** \\ Wie schalte ich das wieder aus? Welche Infrastruktur gibt es? | |
| {{font:book.svg?40 }}**[[plenum:|Protokolle]]** \\ Protokolle der Vereinssitzungen | | | {{font:book.png?40 }}**[[plenum:|Protokolle]]** \\ Protokolle der Vereinssitzungen | |
| {{logo.png?40 }}**[[presse|Öffentlichkeitsarbeit]]** \\ Seiten zum Thema "Öffentlichkeitsarbeit" | | | {{font:bullhorn.png?40 }}**[[oeffentlichkeitsarbeit:|Öffentlichkeitsarbeit]]** \\ Seiten zum Thema "Öffentlichkeitsarbeit" | |
| {{font:flask.svg?40 }} ** [[infrastruktur:member_services| Dienste für Mitglieder]] / [[noc:maintainreuebersicht| Maintainer ]]** \\ Was kann ich jetzt hier machen?! | | | {{font:flask.png?40 }} ** [[infrastruktur:member_services| Dienste für Mitglieder]] / [[noc:maintainreuebersicht| Maintainer ]]** \\ Was kann ich jetzt hier machen?! | |
</WRAP> | </WRAP> |
</WRAP> | </WRAP> |
| |
<html> | <html> |
<!-- ends a div around the before tables --> | </div> |
</div> | |
</html> | </html> |
------ | ------ |
| |
<script> | <script> |
<!-- Setting the arrow Color based on status from status.chaospott.de --> | |
fetch("https://status.chaospott.de/api/") | fetch("https://status.chaospott.de/api/") |
.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("state_top").style.fill = "red"; | document.getElementById("state_top").style.fill = "red"; |
} | } |
if(out.sensors.door_locked[1].value) { | if(out.sensors.door_locked[1].value) { |
document.getElementById("state_down").style.fill = "red"; | document.getElementById("state_down").style.fill = "red"; |
} | } |
}) | }) |
.catch(err => { throw err }); | .catch(err => { throw err }); |
</script> | </script> |
| |
<style> | <style> |
#area1:hover, #area2:hover { | #area1:hover, #area2:hover { |
opacity:0.2; | opacity:0.2; |
} | } |
| |
<!-- use the theme color --> | text { |
text { | |
fill: currentColor; | fill: currentColor; |
} | } |
| |
<!-- initially status is green, hence open --> | #state_top, #state_down{ |
#state_top, #state_down { | |
fill: lightgreen; | fill: lightgreen; |
} | } |
| polygon.hoverable |
<!-- fancy hover effects--> | { |
polygon.hoverable { | |
fill: black; | fill: black; |
stroke:gray; /* Replace with none if you like */ | stroke:gray; /* Replace with none if you like */ |
background-color: black; | background-color: black; |
opacity: 0.05; | opacity: 0.05; |
} | } |
polygon.hoverable:hover { | |
stroke:purple; | |
opacity:0.2; | |
fill:lime; | |
} | |
</style> | |
| |
<!-- aligning magic --> | polygon.hoverable:hover |
| { |
| stroke:purple; |
| opacity:0.2; |
| fill:lime; |
| } |
| |
| </style> |
<div style="margin-top:-4%; justify-content: space-between; align-items: baseline;" align="center"> | <div style="margin-top:-4%; justify-content: space-between; align-items: baseline;" align="center"> |
| |
<svg style="max-width: 500px;" viewBox="0 0 500 388"> | <svg style="max-width: 500px;" viewBox="0 0 500 388"> |
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
<image xlink:href="/_media/raeume:raum-lasermessgeraet-clean-1_25.png" x="0" y="0" width="500" height="388"/> | <image xlink:href="/_media/raeume:raum-lasermessgeraet-clean-1_25.png" x="0" y="0" width="500" height="388"/> |
<a href="/raeume:kueche:"> | <a href="/raeume:kueche:"> |
| |
</html> | </html> |
^ {{686117-200.png?40 }} ** [[raeume:start#Aerie|Aerie]] ** \\ Diese Bereiche sind im 1. OG: | {{file:cutlery.png?40 }}**[[raeume:kueche:start|Küche]]** \\ Kochen, Backen, Glücklich sein | {{file:gamepad.png?40 }}**[[raeume:konsolenmuseum:konsolenmuseum]]** \\ Konsolen von Heute, Früher und Gestern | {{font:glass.svg?40x40 }} **[[raeume:lounge:start]]** \\ für mehr Arbeitsplätze| | | ^ {{686117-200.png?40 }} ** [[raeume:start#Aerie|Aerie]] ** \\ Diese Bereiche sind im 1. OG: | {{file:cutlery.png?40 }}**[[raeume:kueche:start|Küche]]** \\ Kochen, Backen, Glücklich sein | {{file:gamepad.png?40 }}**[[raeume:konsolenmuseum:konsolenmuseum]]** \\ Konsolen von Heute, Früher und Gestern | {{font:glass.png?40x40 }} **[[raeume:lounge:start]]** \\ für mehr Arbeitsplätze| | |
^ {{686117-200.png?40 }} ** [[raeume:start#Keller|Cellar]] ** \\ Diese Bereiche sind im Keller: | {{file:gears.png?40 }}**[[raeume:fablab:fablab]]** \\ Let the machine do the work... | {{file:wrench.png?40 }}**[[raeume:werkstatt:start]]** \\ Alles was Dreck macht! | {{font:archive.svg?40x40 }} **[[raeume:elab:storage:start]]** \\ Lagerplatz im Chaospott | {{file:bolt.png?40 }}**[[raeume:elab:start]]** \\ Von Analog bis Mikrocontroller | | ^ {{686117-200.png?40 }} ** [[raeume:start#Keller|Cellar]] ** \\ Diese Bereiche sind im Keller: | {{file:gears.png?40 }}**[[raeume:fablab:fablab]]** \\ Let the machine do the work... | {{file:wrench.png?40 }}**[[raeume:werkstatt:start]]** \\ Alles was Dreck macht! | {{font:archive.png?40x40 }} **[[raeume:elab:storage:start]]** \\ Lagerplatz im Chaospott | {{file:bolt.png?40 }}**[[raeume:elab:start]]** \\ Von Analog bis Mikrocontroller | |
| |
------- | ------- |