diff --git a/func.go b/func.go
index bd6ebf4..c5ef8f7 100644
--- a/func.go
+++ b/func.go
@@ -104,8 +104,8 @@ func getRoomState() status {
return *roomState
}
-func htmlReplacer(input string) string {
- output := strings.ReplaceAll(input, "!NAV", htmlNav(getPages()))
+func htmlReplacer(input string, activePage string) string {
+ output := strings.ReplaceAll(input, "!NAV", htmlNav(getPages(), activePage))
if getRoomState().state {
output = strings.ReplaceAll(output, "!RAUMSTATUS", "
Raumstatus: offen
")
@@ -113,7 +113,7 @@ func htmlReplacer(input string) string {
output = strings.ReplaceAll(output, "!RAUMSTATUS", "Raumstatus: geschlossen
")
}
- output = strings.ReplaceAll(output, "!FOOTERNAV", htmlNav(getFooterPages()))
+ output = strings.ReplaceAll(output, "!FOOTERNAV", htmlNav(getFooterPages(), activePage))
return output
}
diff --git a/html.go b/html.go
index 2abe61f..7cc9c44 100644
--- a/html.go
+++ b/html.go
@@ -7,21 +7,25 @@ func htmlElement(tag string, innerHTML string, args string) string {
func htmlLinkElement(innerHTML string, destination string, blank bool, args string) string {
b := ""
if blank {
- b = "target=\"_blank\""
+ b = "target=\"_blank\" "
}
- return htmlElement("a", innerHTML, " href=\""+destination+"\" "+b)
+ return htmlElement("a", innerHTML, " href=\""+destination+"\" "+b+args)
}
func htmlInputElement(name string, _type string, value string, args string) string {
return " "
}
-func htmlNav(pages [][]string) string {
+func htmlNav(pages [][]string, activePage string) string {
output := ""
for _, page := range pages {
- output += htmlElement("li", htmlLinkElement(page[0], page[1], false, ""), "")
+ if page[1] == "/"+activePage || (page[1] == "/home" && activePage == "") {
+ output += htmlElement("li", htmlLinkElement(page[0], page[1], false, "class=\"active\""), "")
+ } else {
+ output += htmlElement("li", htmlLinkElement(page[0], page[1], false, ""), "")
+ }
}
return htmlElement("nav", htmlElement("ul", output, ""), "")
diff --git a/http.go b/http.go
index 81f6a83..df936b0 100644
--- a/http.go
+++ b/http.go
@@ -11,7 +11,7 @@ func httpHandleFunc(urlPath string, filepath string, contentType string) {
http.HandleFunc("/"+urlPath, func(w http.ResponseWriter, r *http.Request) {
w.Header().Add("Content-Type", contentType)
- io.WriteString(w, htmlReplacer(fileRead(filepath)))
+ io.WriteString(w, htmlReplacer(fileRead(filepath), urlPath))
})
}
@@ -27,6 +27,6 @@ func httpHandleFuncWithPOST(urlPath string, filepath string, contentType string)
w.Header().Add("Content-Type", contentType)
- io.WriteString(w, htmlReplacer(fileRead(filepath)))
+ io.WriteString(w, htmlReplacer(fileRead(filepath), urlPath))
})
}
diff --git a/structs.go b/structs.go
index ff1f44b..53d5003 100644
--- a/structs.go
+++ b/structs.go
@@ -9,3 +9,10 @@ type status struct {
lastchange int64
power int64
}
+
+type event struct {
+ title string
+ description string
+ media []string
+ date string
+}
diff --git a/web/pages/about.html b/web/pages/about.html
index 1cebf92..952d051 100644
--- a/web/pages/about.html
+++ b/web/pages/about.html
@@ -17,9 +17,9 @@
Wer wir sind
- Der Chaostreff Dortmund e.V. ist ein Erfa-Kreis des CCC* und eine bunt gemischte Gruppe aus computer-, technikbegeisterten und kreativen Menschen. Wir sind nicht finanziell orientiert und betreiben den Chaostreff aus Spaß an der Sache und um interessierten Menschen eine Plattform zu bieten, über die man sich austauschen kann. Unser Ziel ist es den Chaostreff fortwährend aus Spenden der einzelnen Teilnehmenden bzw. Mitglieder zu finanzieren. Wenn du dir angucken möchtest, wie das so bei uns in den Räumen aussieht, dann komm doch einfach vorbei.
+ Der Chaostreff Dortmund e.V. ist ein Erfa-Kreis des CCC* und eine bunt gemischte Gruppe aus computer-, technikbegeisterten und kreativen Menschen. Wir sind nicht finanziell orientiert und betreiben den Chaostreff aus Spaß an der Sache und um interessierten Menschen eine Plattform zu bieten, über die man sich austauschen kann. Unser Ziel ist es den Chaostreff fortwährend aus Spenden der einzelnen Teilnehmenden bzw. Mitglieder zu finanzieren. Wenn du dir angucken möchtest, wie das so bei uns in den Räumen aussieht, dann komm doch einfach vorbei.
- Wir schließen niemanden aufgrund körperlicher Disposition, Religion, Alter, Weltanschauung, sexueller Ausrichtung oder sonstigen nichtigen Gründen aus! Alle, die interessiert sind, sind auch bei uns willkommen.
+ Wir schließen niemanden aufgrund körperlicher Disposition, Religion, Alter, Weltanschauung, sexueller Ausrichtung oder sonstigen nichtigen Gründen aus! Alle, die interessiert sind, sind auch bei uns willkommen.
*Wir sind ein Teil des Chaos Computer Club (CCC), ein s. g. Erfa Kreis (Erfahrungsaustausch Kreis), da wir seit 2017-04-16¹ den Erfa Status vom Regiotreff zuerkannt bekommen haben.
@@ -29,7 +29,7 @@
Unsere Zielgruppe
- Alle, die sich für Technik, Kunst, Kreativität, OpenSource, Netzpolitik, den Geist in der Maschine oder ähnliches begeistern können; wie bereits oben erwähnt schließen wir niemanden aus irgendwelchen dämlichen/rassistischen/vorurteilsbehafteten Gründen aus.
+ Alle, die sich für Technik, Kunst, Kreativität, OpenSource, Netzpolitik, den Geist in der Maschine oder ähnliches begeistern können; wie bereits oben erwähnt schließen wir niemanden aus irgendwelchen dämlichen/rassistischen/vorurteilsbehafteten Gründen aus.
Wir freuen uns schon auf deinen ersten Besuch bei uns.
diff --git a/web/pages/home.html b/web/pages/home.html
index 50ff308..57c30cf 100644
--- a/web/pages/home.html
+++ b/web/pages/home.html
@@ -19,12 +19,12 @@
Hi
- Wir sind eine bunt gemischte Gruppe aus computer-, technikbegeisterten und kreativen Menschen. Wir betreiben den Chaostreff aus Spaß an der Sache und um interessierten Menschen eine Plattform zu bieten, über die man sich austauschen kann.
+ Wir sind eine bunt gemischte Gruppe aus computer-, technikbegeisterten und kreativen Menschen. Wir betreiben den Chaostreff aus Spaß an der Sache und um interessierten Menschen eine Plattform zu bieten, über die man sich austauschen kann.
- Wenn du Lust hast dir das mal anzuschauen, dann komm gerne vorbei. zeiten & location
+ Wenn du Lust hast dir das mal anzuschauen, dann komm gerne vorbei. zeiten & location
Egal wer du bist, egal was du machst bei uns sind alle Menschen willkommen. Leider sind unsere Räume aktuell nicht barrierefrei.
- Falls du Fragen hast schreibe uns an. kontakt
+ Falls du Fragen hast schreibe uns an. kontakt
Wenn du mehr über uns wissen möchtest, schau hier: über uns
diff --git a/web/pages/kontakt/adresse.html b/web/pages/kontakt/adresse.html
index 6042541..41aabc8 100644
--- a/web/pages/kontakt/adresse.html
+++ b/web/pages/kontakt/adresse.html
@@ -23,7 +23,7 @@
Deutschland
-
+
!FOOTERNAV
diff --git a/web/pages/kontakt/irc.html b/web/pages/kontakt/irc.html
index 952a352..7421cf7 100644
--- a/web/pages/kontakt/irc.html
+++ b/web/pages/kontakt/irc.html
@@ -17,7 +17,7 @@
IRC
- Wir sind im Hackint IRC-Netzwerk erreichbar, der Server ist irc.hackint.org (SSL Port 6697 ), Channel #ccc.do .
+ Wir sind im Hackint IRC-Netzwerk erreichbar, der Server ist irc.hackint.org (SSL Port 6697 ), Channel #ccc.do .
Um Missverständnisse und böses Blut zu vermeiden, hier mal reinschauen:
@@ -30,20 +30,20 @@
Anleitung für des IRCens Unkundige
Einen IRC-Client suchen
- Unix/Linux-nutzende können HexChat benutzen, oder, für das CLI-Feeling weechat oder irssi.
+ Unix/Linux-nutzende können HexChat benutzen, oder, für das CLI-Feeling weechat oder irssi.
- Windows-nutzenden ist ebenfalls HexChat zu empfehlen.
+ Windows-nutzenden ist ebenfalls HexChat zu empfehlen.
todo: Macs
Konfiguration von HexChat
- Als erstes muss du dir einen Nick-(Spitz-)namen ausdenken. Jede Person hat einen einzigartigen Nick, daher nicht wundern wenn gängige Namen schon vergeben sind. Ein Nick darf maximal 15 Buchstaben/Zahlen lang sein. Sonderzeichen funktionieren zwar, sehen aber komisch aus.
+ Als erstes muss du dir einen Nick-(Spitz-)namen ausdenken. Jede Person hat einen einzigartigen Nick, daher nicht wundern wenn gängige Namen schon vergeben sind. Ein Nick darf maximal 15 Buchstaben/Zahlen lang sein. Sonderzeichen funktionieren zwar, sehen aber komisch aus.
- Wenn du einen Nick gefunden hast, klick bei den Netzwerken aufs Plus. Dort vergibst du den Namen "hackint" und klickst direkt weiter auf bearbeiten. Statt dem voreingetragenen Server schreib dort irc.hackint.org/6697 hin. Dann wähle den Haken um SSL für alle Server des Netzwerks zu verwenden an. Nur noch die Netzwerkkonfiguration schließen und auf verbinden klicken.
+ Wenn du einen Nick gefunden hast, klick bei den Netzwerken aufs Plus. Dort vergibst du den Namen "hackint" und klickst direkt weiter auf bearbeiten. Statt dem voreingetragenen Server schreib dort irc.hackint.org/6697 hin. Dann wähle den Haken um SSL für alle Server des Netzwerks zu verwenden an. Nur noch die Netzwerkkonfiguration schließen und auf verbinden klicken.
- Nach dem Verbinden sollte HexChat fragen welchem Channel du joinen möchtest. Gib dort #ccc.do ein und drücke ok.
+ Nach dem Verbinden sollte HexChat fragen welchem Channel du joinen möchtest. Gib dort #ccc.do ein und drücke ok.
\o/ du kannst uns jetzt Nachrichten schreiben.
diff --git a/web/pages/kontakt/mail.html b/web/pages/kontakt/mail.html
index c80f8aa..713457b 100644
--- a/web/pages/kontakt/mail.html
+++ b/web/pages/kontakt/mail.html
@@ -17,12 +17,12 @@
eMail
- Wenn du eine einfache Anfrage hast, schreib einfach an unsere Mailingliste (aber schreib bitte dabei, dass du nicht auf der Liste eingetragen bist. Sonst erreichen dich die Antworten möglicherweise nicht). Wenn du dich zum Chaostreff gesellen möchtest, trägst du dich am besten auf der Liste ein.
+ Wenn du eine einfache Anfrage hast, schreib einfach an unsere Mailingliste (aber schreib bitte dabei, dass du nicht auf der Liste eingetragen bist. Sonst erreichen dich die Antworten möglicherweise nicht). Wenn du dich zum Chaostreff gesellen möchtest, trägst du dich am besten auf der Liste ein.
- Unsere Mailinglist ist unter discuss@lists.chaostreff-dortmund.de , diese ist auch unsere öffentliche Mailingliste.
+ Unsere Mailinglist ist unter discuss@lists.chaostreff-dortmund.de , diese ist auch unsere öffentliche Mailingliste.
Presse: presse@chaostreff-dortmund.de
- Spenden:
+ Spenden: spenden@chaostreff-dortmund.de
Subscriben/Unsubscriben auf die Mailingliste
@@ -30,11 +30,11 @@
Was ist so auf der Mailingliste
- Alle Chaostreff-Aktivitäten werden (sollten zumindest) über die Mailingliste geplant oder zumindest angekündigt. Wenn man nur wissen möchte, was der Chaostreff gerade so macht, kann man natürlich auch regelmässig auf unsere Webseite gucken. Wenn man wirklich wissen möchte was gerade geht, sollte man sich auf die Mailingliste eintragen. Hier können und werden aktuelle Weltherrschaftspläne geschmiedet¹, Kontakte geschlossen, und auch sonstige, den Chaostreff betreffende, Themen besprochen.
+ Alle Chaostreff-Aktivitäten werden (sollten zumindest) über die Mailingliste geplant oder zumindest angekündigt. Wenn man nur wissen möchte, was der Chaostreff gerade so macht, kann man natürlich auch regelmässig auf unsere Webseite gucken. Wenn man wirklich wissen möchte was gerade geht, sollte man sich auf die Mailingliste eintragen. Hier können und werden aktuelle Weltherrschaftspläne geschmiedet¹, Kontakte geschlossen, und auch sonstige, den Chaostreff betreffende, Themen besprochen.
- ¹ liebes Finanzamt, das ist nur Spaß :)
+ ¹liebes Finanzamt, das ist nur Spaß :)
- Außerdem findet man alles was für den Chaostreff von Interesse sein könnte und mit dem ein entfernter Bezug zum Chaostreff hergestellt werden kann. Also von Diskussionen zu aktueller Hardware und dem kreativen Umgang damit, über die neuesten Fort- und Rückschritte in aktuellen Gesetzgebungsverfahren und anderen Zeitgeschehen.
+ Außerdem findet man alles was für den Chaostreff von Interesse sein könnte und mit dem ein entfernter Bezug zum Chaostreff hergestellt werden kann. Also von Diskussionen zu aktueller Hardware und dem kreativen Umgang damit, über die neuesten Fort- und Rückschritte in aktuellen Gesetzgebungsverfahren und anderen Zeitgeschehen.
Grundsätzlich gilt: Die Mailingliste ist nicht readonly und lebt durch eure Postings. Also postet!
diff --git a/web/pages/treff.html b/web/pages/treff.html
index fbe5e74..fdd96c6 100644
--- a/web/pages/treff.html
+++ b/web/pages/treff.html
@@ -21,17 +21,17 @@
Location
Die Räume sind im Langen August . Wenn du den Langen August gefunden hast, geh durch das erste Tor, dann findest du auf der rechten Seite eine Tür in das Treppenhaus. Da noch zwei Stockwerke hoch, die rechte Tür führt zu uns. Wenn die Türen verschlossen sind, einfach (beim Chaostreff) klingeln.
-
+
Was wir tun
- Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen und das Diskutieren von aktuellen politischen Themen ist eigentlich alles dabei. Bei uns ist viel Raum für eigene Ideen und Projekte. Alle sind dazu eingeladen uns zu besuchen und sich einzubringen.
+ Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen und das Diskutieren von aktuellen politischen Themen ist eigentlich alles dabei. Bei uns ist viel Raum für eigene Ideen und Projekte. Alle sind dazu eingeladen uns zu besuchen und sich einzubringen.
- Wir freuen uns sehr über neue Gesichter, egal welchen Alters oder Geschlechts ihr seid. Spezielles Vorwissen über Computer und Technik ist nicht erforderlich.
+ Wir freuen uns sehr über neue Gesichter, egal welchen Alters oder Geschlechts ihr seid. Spezielles Vorwissen über Computer und Technik ist nicht erforderlich.
- Wir sind bemüht unsere Interessen in Projekten zu organisieren. Du bist herzlich eingeladen mal einen Blick auf diese zu werfen.
+ Wir sind bemüht unsere Interessen in Projekten zu organisieren. Du bist herzlich eingeladen mal einen Blick auf diese zu werfen.
- Einmal im Monat halten Leute im Chaostreff Vorträge über verschiedene Themen technischer und auch nichttechnischer Natur. Informationen darüber findest du unter Events.
+ Einmal im Monat halten Leute im Chaostreff Vorträge über verschiedene Themen technischer und auch nichttechnischer Natur. Informationen darüber findest du unter Events.
Jeden ersten Donnerstag und jeden dritten Dienstag im Monat treffen wir uns zum „Topic Treff“ um verschiedene Themen rund um den Chaostreff zu besprechen. Alle sind herzlich eingeladen, Start ist um 20:00 Uhr.
diff --git a/web/pages/verein.html b/web/pages/verein.html
index b562f04..87d095a 100644
--- a/web/pages/verein.html
+++ b/web/pages/verein.html
@@ -15,16 +15,16 @@
Mitglied werden
- Durch deine Mitgliedschaft kannst du dem CTDO direkt deine Unterstützung zukommen lassen. Wenn du uns zu deiner Mitgliedschaft einen freiwilligen Betrag spendest, wird dieser für neue Projekte und die Umsetzung von tollen Ideen verwendet.
+ Durch deine Mitgliedschaft kannst du dem CTDO direkt deine Unterstützung zukommen lassen. Wenn du uns zu deiner Mitgliedschaft einen freiwilligen Betrag spendest, wird dieser für neue Projekte und die Umsetzung von tollen Ideen verwendet.
- Du kannst den Mitgliedsantrag hier herunterladen, ausfüllen, und zum Chaostreff mitbringen.
+ Du kannst den Mitgliedsantrag hier herunterladen, ausfüllen, und zum Chaostreff mitbringen.
Selbstverständlich kannst du auch im Chaostreff-Dortmund aktiv sein, ohne Mitglied in unserem Verein zu sein. Es erfolgt keine Bestätigung über die Annahme des Mitgliedsantrages. Im Falle einer Ablehnung erfolgt eine Mitteilung.
Satzung
- Die aktuelle Satzung des Vereins Chaostreff Dortmund e.V. kann stets hier auf unserer Webseite heruntergeladen werden. Darin eventuell referenzierte Anhänge oder Zusatzvereinbarungen, die nicht notwendigerweise Teil der Satzung selbst sind, sind jeweils der Einfachheit halber als ein PDF-Dokument direkt der aktuellen Satzung anhängig.
+ Die aktuelle Satzung des Vereins Chaostreff Dortmund e.V. kann stets hier auf unserer Webseite heruntergeladen werden. Darin eventuell referenzierte Anhänge oder Zusatzvereinbarungen, die nicht notwendigerweise Teil der Satzung selbst sind, sind jeweils der Einfachheit halber als ein PDF-Dokument direkt der aktuellen Satzung anhängig.
Aktuelle Satzung
Alle Satzungen
@@ -32,19 +32,19 @@
Gründungsgeschichte
- Der Verein wurde als „Trägerverein“ des Chaostreffs im Jahre 2009 gegründet um dem Chaostreff als losen Verbund von Menschen gleicher Interessen eine (solide) rechtliche Grundlage zu geben.
+ Der Verein wurde als „Trägerverein“ des Chaostreffs im Jahre 2009 gegründet um dem Chaostreff als losen Verbund von Menschen gleicher Interessen eine (solide) rechtliche Grundlage zu geben.
- Der Wechsel zur Rechtsform des eingetragenen Vereins sollte verschiedene Haftungsprobleme, vor allem finanzieller und mietrechtlicher Natur, aus der Welt schaffen. So lief der Mietvertrag für die Räume des Chaostreffs ursprünglich über eine Einzelperson, ebenso wie die jeweilige Kassenverwaltung die Finanzen über ein privates Konto führte.
+ Der Wechsel zur Rechtsform des eingetragenen Vereins sollte verschiedene Haftungsprobleme, vor allem finanzieller und mietrechtlicher Natur, aus der Welt schaffen. So lief der Mietvertrag für die Räume des Chaostreffs ursprünglich über eine Einzelperson, ebenso wie die jeweilige Kassenverwaltung die Finanzen über ein privates Konto führte.
- Erste Diskussionen über den Sinn der Gründung eines Vereins gab es bereits im Jahre 2007, der Prozess kam aber immer wieder zum Stillstand und wurde erst 2009 wieder aufgenommen.
+ Erste Diskussionen über den Sinn der Gründung eines Vereins gab es bereits im Jahre 2007, der Prozess kam aber immer wieder zum Stillstand und wurde erst 2009 wieder aufgenommen.
- Die Gründung gestaltete sich auch deswegen so schwierig, weil unter den Mitgliedern/Besuchenden des Chaostreffs verschiedene Strömungen existierten, deren Standpunkte zur Vereinsgründung unterschiedlicher nicht sein konnten, woraufhin sich manch eine Person gar vollständig aus dem Chaostreff zurückzog.
+ Die Gründung gestaltete sich auch deswegen so schwierig, weil unter den Mitgliedern/Besuchenden des Chaostreffs verschiedene Strömungen existierten, deren Standpunkte zur Vereinsgründung unterschiedlicher nicht sein konnten, woraufhin sich manch eine Person gar vollständig aus dem Chaostreff zurückzog.
- Der Chaostreff teilte sich grob in zwei Lager, von denen das eine die Gründung eines Vereins (u.a. in Furcht vor Vereinsmeierei) vollständig ablehnte. Wohl auch teilweise zu Recht, weil es die Befürchtung gab, dass der Verein unerwünschten Einfluss auf das Konstrukt „Chaostreff“ ausüben könnte, der bis dahin selbstverwaltet, oder etwas überspitzt ausgedrückt, „anarchisch“ daherkam. Das andere Lager betrachtete die Vereinsgründung hingegen als „notwendiges Übel“, weil sich in Sachen Rechtssicherheit keine Alternative offenbarte.
+ Der Chaostreff teilte sich grob in zwei Lager, von denen das eine die Gründung eines Vereins (u.a. in Furcht vor Vereinsmeierei) vollständig ablehnte. Wohl auch teilweise zu Recht, weil es die Befürchtung gab, dass der Verein unerwünschten Einfluss auf das Konstrukt „Chaostreff“ ausüben könnte, der bis dahin selbstverwaltet, oder etwas überspitzt ausgedrückt, „anarchisch“ daherkam. Das andere Lager betrachtete die Vereinsgründung hingegen als „notwendiges Übel“, weil sich in Sachen Rechtssicherheit keine Alternative offenbarte.
- Nach der Gründungsversammlung existierte der CTDO längere Zeit als eingetragener Verein „iG“ (in Gründung). Es folgte eine mehrfache Überarbeitung der Satzung, was im wesentlichen der Zusammenarbeit mit dem Finanzamt geschuldet war, in dem Bemühen, als gemeinnützig anerkannt zu werden. 2011-08-05 lag die Satzung schließlich dem Notar vor.
+ Nach der Gründungsversammlung existierte der CTDO längere Zeit als eingetragener Verein „iG“ (in Gründung). Es folgte eine mehrfache Überarbeitung der Satzung, was im wesentlichen der Zusammenarbeit mit dem Finanzamt geschuldet war, in dem Bemühen, als gemeinnützig anerkannt zu werden. 2011-08-05 lag die Satzung schließlich dem Notar vor.
- Doch durch Umzüge von einigen Gründungsmitgliedern verzögerte sich die Eintragung weiterhin, da noch Unterschriften (u.a. aus dem Ausland) von eben diesen Mitgliedern organisiert werden mussten.
+ Doch durch Umzüge von einigen Gründungsmitgliedern verzögerte sich die Eintragung weiterhin, da noch Unterschriften (u.a. aus dem Ausland) von eben diesen Mitgliedern organisiert werden mussten.
Schließlich haben wir es aber geschafft: 2012-02-09 kann als Datum gesehen werden, ab dem sich der Chaostreff Dortmund als eingetragener Verein bezeichnen darf. Einen weiteren Meilenstein erreichten wir etwas später: Das Finanzamt stellte uns die Anerkennung der Gemeinnützigkeit in Aussicht, zu der es noch einer Änderung in der Satzung bedurfte.
diff --git a/web/styles/main.css b/web/styles/main.css
index 51c99b7..aa3b5c6 100644
--- a/web/styles/main.css
+++ b/web/styles/main.css
@@ -42,6 +42,7 @@ nav li a {
nav li a.active {
text-decoration: underline;
+ text-decoration-style: double;
}
nav li a:visited {
@@ -89,6 +90,7 @@ main {
height: auto;
width: 90%;
margin: auto;
+ padding: 10px 0 0 0;
}
footer {
@@ -96,6 +98,15 @@ footer {
height: 100px;
}
+iframe.osm {
+ width: 500px;
+ height: 500px;
+ max-width: 90vw;
+ max-height: 90vw;
+ margin: auto;
+ display: block;
+}
+
@media only screen and (max-width: 885px) {
nav ul li {
display: block;