From b27027039bd03ae22f03fb5fec0913e5dea0dcec Mon Sep 17 00:00:00 2001 From: "Peter J. Holzer" Date: Thu, 31 May 2018 20:12:06 +0200 Subject: [PATCH] First draft --- index-logged-in.html | 144 ++++++++++++++++++++++++++++++ index.html | 145 ++++++++++++++++++++++++++++++ login.svg | 75 ++++++++++++++++ login2.svg | 76 ++++++++++++++++ logo.svg | 144 ++++++++++++++++++++++++++++++ logo2.svg | 110 +++++++++++++++++++++++ logout2.svg | 76 ++++++++++++++++ luga.css | 205 +++++++++++++++++++++++++++++++++++++++++++ veranstaltungen.html | 204 ++++++++++++++++++++++++++++++++++++++++++ 9 files changed, 1179 insertions(+) create mode 100644 index-logged-in.html create mode 100644 index.html create mode 100644 login.svg create mode 100644 login2.svg create mode 100644 logo.svg create mode 100644 logo2.svg create mode 100644 logout2.svg create mode 100644 luga.css create mode 100644 veranstaltungen.html diff --git a/index-logged-in.html b/index-logged-in.html new file mode 100644 index 0000000..0d22705 --- /dev/null +++ b/index-logged-in.html @@ -0,0 +1,144 @@ + + + + + LUGA — Linux User Group Austria + + + + +
+

LUGA — Linux User Group Austria

+
+ +
+
+

Generelle Informationen

+

+ Unsere E-Mail-Adresse für administrative Belange des + Vereins ist + <office@luga.at>. +

+

+ Wie werde ich Mitglied, und was habe ich davon? +

+

+ Impressum bzw. Offenlegung gemäß §25 MedienGesetz + 2005 +

+

+ Außerdem bieten wir noch + Mailinglisten + sowie Archive derselben + an, auf der Mitglieder dieser Mailinglisten der LUGA + Tips, Tricks und Lösungsvorschläge für + technische und/oder Linux-relevante Probleme geben + können. + Information über das Subskribieren auf diesen Listen, oder andere + Informationen über die Listen sind + hier zu finden. +

+
+
+

Aktuelles

+
+

Nächster LUGA Clubabend

+

+ Am Mittwoch, dem 20. 06. 2018, um 19:00 Uhr findet der nächste Clubabend der LUGA statt. + Ort: +

+
+ Mariahilferbräu, Mariahilferstraße 152, 1150 Wien +
+

+ Das Lokal liegt in der äußeren Mariahilferstraße und ist vom + Westbahnhof (U3 und/oder U6) aus zu Fuß oder mit der Straßenbahn (Linie 52 und/oder 60 + - eine Station) erreichbar. +

+

+ Es sind alle Benutzer und Interessenten von freien UNIX-Klonen und freier Software, + insbesondere LINUX, aber auch *BSD, herzlich willkommen. +

+

+ Wo ist das genau? + +

+
+ + + +
+

+ Videoaufzeichnung von »Let's fix the Internet« +

+

+ Michael hat die Aufzeichnung + auf Youtube veröffentlicht. +

+
+ + + +
+

Geplante Veranstaltungen

+

+ Die in nächster Zeit geplanten Veranstaltungen + entnehme man bitte dem + Veranstaltungskalender. +

+
+ + + +
+

Software-Patente

+

+ Mehr dazu auf der Ideen- und Software-Patente Seite. +

+
+ + + +
+

Job-Angebote Seite

+

+ Nachdem wir hin und wieder gefragt werden, ob wir jemanden für + irgendwelche Arbeiten (natürlich mit Bezug zu Linux) + vermitteln könnten, haben wir eine Seite mit + Job-Angeboten + erstellt. +

+
+ +
+
+ + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..94a988b --- /dev/null +++ b/index.html @@ -0,0 +1,145 @@ + + + + + + LUGA — Linux User Group Austria + + + + +
+

LUGA — Linux User Group Austria

+
+ +
+
+

Generelle Informationen

+

+ Unsere E-Mail-Adresse für administrative Belange des + Vereins ist + <office@luga.at>. +

+

+ Wie werde ich Mitglied, und was habe ich davon? +

+

+ Impressum bzw. Offenlegung gemäß §25 MedienGesetz + 2005 +

+

+ Außerdem bieten wir noch + Mailinglisten + sowie Archive derselben + an, auf der Mitglieder dieser Mailinglisten der LUGA + Tips, Tricks und Lösungsvorschläge für + technische und/oder Linux-relevante Probleme geben + können. + Information über das Subskribieren auf diesen Listen, oder andere + Informationen über die Listen sind + hier zu finden. +

+
+
+

Aktuelles

+
+

Nächster LUGA Clubabend

+

+ Am Mittwoch, dem 20. 06. 2018, um 19:00 Uhr findet der nächste Clubabend der LUGA statt. + Ort: +

+
+ Mariahilferbräu, Mariahilferstraße 152, 1150 Wien +
+

+ Das Lokal liegt in der äußeren Mariahilferstraße und ist vom + Westbahnhof (U3 und/oder U6) aus zu Fuß oder mit der Straßenbahn (Linie 52 und/oder 60 + - eine Station) erreichbar. +

+

+ Es sind alle Benutzer und Interessenten von freien UNIX-Klonen und freier Software, + insbesondere LINUX, aber auch *BSD, herzlich willkommen. +

+

+ Wo ist das genau? + +

+
+ + + +
+

+ Videoaufzeichnung von »Let's fix the Internet« +

+

+ Michael hat die Aufzeichnung + auf Youtube veröffentlicht. +

+
+ + + +
+

Geplante Veranstaltungen

+

+ Die in nächster Zeit geplanten Veranstaltungen + entnehme man bitte dem + Veranstaltungskalender. +

+
+ + + +
+

Software-Patente

+

+ Mehr dazu auf der Ideen- und Software-Patente Seite. +

+
+ + + +
+

Job-Angebote Seite

+

+ Nachdem wir hin und wieder gefragt werden, ob wir jemanden für + irgendwelche Arbeiten (natürlich mit Bezug zu Linux) + vermitteln könnten, haben wir eine Seite mit + Job-Angeboten + erstellt. +

+
+ +
+
+ + + diff --git a/login.svg b/login.svg new file mode 100644 index 0000000..3d5dd65 --- /dev/null +++ b/login.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/login2.svg b/login2.svg new file mode 100644 index 0000000..8a6a058 --- /dev/null +++ b/login2.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..1961748 --- /dev/null +++ b/logo.svg @@ -0,0 +1,144 @@ + + + + diff --git a/logo2.svg b/logo2.svg new file mode 100644 index 0000000..7da572f --- /dev/null +++ b/logo2.svg @@ -0,0 +1,110 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + LUGA + + + + + + + + + + diff --git a/logout2.svg b/logout2.svg new file mode 100644 index 0000000..b4b4373 --- /dev/null +++ b/logout2.svg @@ -0,0 +1,76 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/luga.css b/luga.css new file mode 100644 index 0000000..959c953 --- /dev/null +++ b/luga.css @@ -0,0 +1,205 @@ +body { + --yellow-light: #fecc04; + --yellow-dark: #feb204; +} + +header { + background-color: var(--yellow-light); + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: flex-start; + border-radius: 0em 1em 0em 0em; +} + +@media only screen and (min-width: 65rem) { + body { + display: grid; + grid-template-columns: 13rem auto 20rem; + grid-template-rows: 3rem auto auto auto; + } + + #logo { + grid-column: 1; + grid-row: 1 / span 2; + } + + header { + grid-column: 2 / span 2; + grid-row: 1; + } + + nav { + grid-column: 1; + grid-row: 3; + } + + main { + grid-column: 2; + grid-row: 2 / span 3; + } + + footer { + grid-column: 3; + grid-row: 2 / span 3; + text-align: right; + } + +} + +@media only screen and (max-width: 65rem) { + body { + display: grid; + grid-template-columns: 13rem auto; + grid-template-rows: 3rem auto auto auto auto; + } + + #logo { + grid-column: 1; + grid-row: 1 / span 2; + } + + header { + grid-column: 2; + grid-row: 1; + } + + nav { + grid-column: 1; + grid-row: 3; + } + + main { + grid-column: 2; + grid-row: 2 / span 3; + } + + footer { + grid-column: 1 / span 2; + grid-row: 5; + text-align: left; + } + +} + +nav a { + color: #008; + text-decoration: none; + padding-left: 0.5rem; + padding-right: 0.5rem; +} + +nav a:focus { + border: 1px dotted #CCF; +} + +nav a:hover { + text-decoration: underline; +} + +nav a.current { + background-color: var(--yellow-dark); +} + +input.leftfield { + border: 1px black solid; + border-radius: 0.5rem 0px 0px 0.5rem; + padding: 0.3rem 0.5rem; + height: 1.0rem; +} + +label.rightbutton { + border: 1px black solid; + border-radius: 0px 0.5rem 0.5rem 0px; + padding: 0.1rem; + background-color: #EEE; + position: relative; + top: 0.1em; + height: 1.4rem; +} + +header form { + margin: 0.5em; +} + +header button { + margin: 0.6em; +} + +body { + font-family: "Linux Biolinum O"; + font-size-adjust: 0.5625; +} + +h1 { + margin: 0px; + padding-left: 0.5rem; + font-weight: normal; +} + +footer { + /* background-color: var(--yellow-dark); */ + color: #888; +} +nav { + background-color: var(--yellow-light); + border-radius: 0em 0em 0em 1em; + margin-right: 1rem; + margin-top: 1rem; + max-width: 15rem; +} + +nav ul { + list-style-type: none; + padding-left: 0.7em; +} + +footer ul { + list-style-type: none; + padding-left: 1em; +} + +p, h2, h3, dl { + max-width: 40rem; + padding-left: 0.5rem; +} + +h2 { + border-top: solid 2px var(--yellow-dark); + font-weight: normal; + font-size: 1.7rem; +} + +h3 { + border-top: solid 1px var(--yellow-light); + font-weight: normal; + font-size: 1.5rem; +} + +.oneline { + white-space: nowrap; +} + +nav input { + width: 8rem; +} +nav form { + padding: 0.5em; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.event dl dt { + font-size: 0.8em; + margin-top: 0.5em; +} + +dd p:first-child { + margin-top: 0; +} diff --git a/veranstaltungen.html b/veranstaltungen.html new file mode 100644 index 0000000..e1ed8a2 --- /dev/null +++ b/veranstaltungen.html @@ -0,0 +1,204 @@ + + + + + + LUGA — Veranstaltungen + + + + +
+

Veranstaltungen

+
+ +
+
+

LUGA Clubabende

+ +

+ Clubabende finden generell + am 3. Mittwoch im Monat ab 19:00 statt. +

+

+ Ort: +

+
+ Mariahilferbräu, Mariahilferstraße 152, 1150 Wien +
+

+ Es sind alle Benutzer und Interessenten von freien UNIX-Klonen und + freier Software, + insbesondere LINUX, aber auch + *BSD, herzlich willkommen. +

+
+ + +
+
+ + +
+

Vorträge

+

+ Vorträge finden in unregelmäßiger Folge statt, üblicherweise an einem 4. + Mittwoch im Monat entweder im Zemanek-Saal der + OCG, Wollzeile 1-3, 1010 Wien + oder im + Vereinslokal + der Wiener Funkamateure. +

+

+ Der Eintritt ist frei. +

+

+ Und wir sind immer auf der Suche nach - für eine Linux User Group - interessanten + Vorträgen, Workshops u. ä. Veranstaltungen. Solltest Du Interesse haben, sowas + machen zu wollen, dann frage am besten auf office@luga.at + nach. +

+
+ +
+

Nächste Veranstaltungen:

+
+

Gatsby: Statische Webseiten, super optimiert

+
+
Vortragender:
+
Franz Knipp
+ +
Ort:
+
+ Landesverband Wien im ÖVSV
+ Eisvogelgasse 4/3 1. Stock
+ 1060 Wien
+ +
+
+ +
Datum:
+
2018-05-23
+ +
Zeit:
+
19:00
+ +
Abstract:
+
+

+ Für viele Webauftritte sind statische Seiten ausreichend. Diese haben + eine Reihe von Vorteilen: Anspruchsloses Hosting, sicher gegen + böswillige Änderung des Content, kurze Wartezeiten. Um diese statische + Seiten zu erzeugen, stehen diverse Werkzeuge zur Verfügung. Eines + davon ist Gatsby, und dieses zeichnet sich durch die Optimierung auf + geringe Latenzzeiten aus, indem die Website als sogenannte Progressive + Web App erzeugt wird: Beim ersten Aufruf wird nur der erforderliche + Inhalt geladen, um die Seite darzustellen, im Hintergrund werden dann + weitere Informationen im Browser gespeichert, sodass weitere + Seitenwechsel ohne Wartezeit möglich sind. +

+

+ Auch andere Innovationen der letzten Jahre werden eingesetzt: React zum + komponentenbasierten Aufbau des User Interface, GraphQL als + Abfragesprache, Webpack für das Bundling. Neben statischen Dateien + können über APIs auch externe Quellen oder CMS für den Inhalt verwendet + werden. +

+

+ Der Vortragende Dipl.-Ing. Franz Knipp hat mithilfe von Gatsby den + Kinderbetreuungsatlas der + Arbeiterkammer Burgenland realisiert und zeigt die Möglichkeiten + und Erfahrungen. +

+
+ +
Über den Vortragenden:
+
+

+ Dipl.-Ing. Franz Knipp: Softwareentwickler, Unternehmer, Lehrer, Vater + – und großer Fan von Linux und Open Source +

+

+ Dipl.-Ing. Franz Knipp beschäftigt sich seit über 20 Jahren mit der + Entwicklung von Websites und hat in diesem Zeitraum kleine bis sehr große + Webanwendungen auf die Beine gestellt. +

+

+ Noch länger ist er Linux-Benutzer und -Administrator. Auf seinem Desktop + läuft Linux Mint, und er unterrichtet neben seiner + Geschäftsführertätigkeit in der eigenen Softwarefirma an der Fachhochschule + Burgenland Betriebssysteme 2 (Linux) und Web-Technologien. +

+

+ Bei den Linuxwochen in Eisenstadt ist er jedes Jahr mit einem Vortrag + vertreten. +

+

+ In seiner „Freizeit“ führt Franz Knipp Programmierkurse für Kinder und + Jugendliche durch. +

+
+
+
+
+ +
+

Weitere Vorträge

+

+ ... sind in Vorbereitung. Wir sind aber für entsprechende Angebote an office@luga.at immer offen. +

+
+
+ + + +