commit b27027039bd03ae22f03fb5fec0913e5dea0dcec Author: Peter J. Holzer Date: Thu May 31 20:12:06 2018 +0200 First draft 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. +

+
+
+ + + +