From 770ee217d31e250912cd73ddbde5990dd2eef95a Mon Sep 17 00:00:00 2001 From: "Toerd@archlinux" Date: Thu, 28 May 2020 19:10:28 +0200 Subject: [PATCH] feat: Added Contact and About Page --- exhibit.go | 5 +- inc/css/main.css | 47 ++++- tmpl/about.html | 450 +++++++++++++++++++++++++++++++++++++++- tmpl/contact.html | 24 ++- tmpl/layouts/base.html | 4 +- tmpl/layouts/index.html | 6 +- 6 files changed, 511 insertions(+), 25 deletions(-) diff --git a/exhibit.go b/exhibit.go index c641230..e3db0cc 100644 --- a/exhibit.go +++ b/exhibit.go @@ -10,6 +10,7 @@ import ( "log" "net/http" "regexp" + "time" ) // could be enabled after the implementation is complete. @@ -63,12 +64,12 @@ func handleBlog(w http.ResponseWriter, r *http.Request) { } func handleAbout(w http.ResponseWriter, r *http.Request) { - t, _ := template.ParseFiles("tmpl/layouts/base.html", "tmpl/soon.html", "tmpl/header.html") + t, _ := template.ParseFiles("tmpl/layouts/base.html", "tmpl/about.html", "tmpl/header.html") t.Execute(w, nil) } func handleContact(w http.ResponseWriter, r *http.Request) { - t, _ := template.ParseFiles("tmpl/layouts/base.html", "tmpl/soon.html", "tmpl/header.html") + t, _ := template.ParseFiles("tmpl/layouts/base.html", "tmpl/contact.html", "tmpl/header.html") t.Execute(w, nil) } diff --git a/inc/css/main.css b/inc/css/main.css index 4fe8071..d4e3297 100644 --- a/inc/css/main.css +++ b/inc/css/main.css @@ -9,6 +9,7 @@ --c3: #d2b2ec; --c4: #eeaeca; --c5: #e9bd94; + --c6: #bfbfbf; --h-header: 8vh; /* + 2 * 2.5vh margin (12.5)*/ --h-info: 67.5vh; /* 100 - 32.5 */ @@ -25,19 +26,11 @@ text-decoration: none; } -html, body { - position: relative; - height: 100%; - max-width: 100%; - max-height: 100%; - overflow: hidden; -} - body { background: radial-gradient(ellipse, var(--c3) 0%, var(--c4) 63%, var(--c5) 100%); } -header, #bg-box, #exhibition, .flying-text { +header, #bg-box, #exhibition, .flying-text, #content-wrapper { border-radius: 5px; } @@ -45,6 +38,32 @@ header, #bg-box, #exhibition, .flying-text { visibility: hidden; } +#content-wrapper { + box-sizing: border-box; + background: white; + width: 95%; + margin: auto; + padding: 25px; +} + +.text-only { + white-space: pre-line; +} + +/******************* SPACER LINES *******************/ + +.line { + border-bottom: 2px solid var(--c6); + width: 69%; + margin: 5px auto 5px auto; +} + +.cv-line { + border-bottom: 2px solid var(--c6); + width: 69%; + margin: 25px auto 25px auto; +} + /******************* HEADER *******************/ header { @@ -99,6 +118,14 @@ nav { /******************* EXHIBITION *******************/ +#gallery-wrapper { + position: relative; + height: 100vh; + max-width: 100vw; + max-height: 100vh; + overflow: hidden; +} + /* Remove scrollbar in webkit */ ::-webkit-scrollbar{width:0px; height:0px;} ::-webkit-scrollbar-button{width:0px; height:0px;} @@ -351,3 +378,5 @@ nav { border-radius: 1vh; padding: 20px; } + +/******************* CONTACT *******************/ diff --git a/tmpl/about.html b/tmpl/about.html index eda5844..69e7778 100644 --- a/tmpl/about.html +++ b/tmpl/about.html @@ -1 +1,449 @@ -{{template "base"}} +{{define "body"}} + +
+

Persönliche Informationen

+
+
+ Vor- / Nachname +
+
+ Philip Gaber +
+
+
+
+ Alter +
+
+ 26 +
+
+
+
+ Adresse +
+
+ Lebzeltergasse 3, 85049 Ingolstadt +
+
+
+
+ Email +
+
+ phga@posteo.de [Privat] + phg0107@thi.de [Hochschule] +
+
+ + +
+

Studium

+ +
+
+ Zeitspanne +
+
+ 01.10.2017 – heute +
+
+
+
+ Studiengang +
+
+ Informatik (Bachelor) +
+
+
+
+ Aktuelles Semester +
+
+ 6 +
+
+
+
+ Hochschule +
+
+ Technische Hochschule Ingolstadt +
+
+
+
+ Sonsiges +
+
+ Seit 01.07.2018 Stipendiat bei der Friedrich Ebert Stiftung +
+
+ + +

Nebentätigkeiten

+
+
+ Zeitspanne +
+
+ 01.03.2020 – heute +
+
+
+
+ Tätigkeit +
+
+ Geringfügige Beschäftigung (450 € Basis) + Bearbeitung von Projekten im Bereich Server (Microsoft und GNU/Linux) + und Netzwerk (Diverse Technologien). Betreuung von Bestandskund*innen + und deren IT-Umgebungen. Dokumentationserstellung. +
+
+
+
+ Unternehmen +
+
+ CMDS GmbH +
+
+
+
+ Branche +
+
+ IT-Dienstleistung +
+
+
+
+ Zeitspanne +
+
+ 01.09.2017 – 30.08.2019 +
+
+
+
+ Tätigkeit +
+
+ Geringfügige Beschäftigung (450 € Basis) + Hauptsächlich Bearbeitung von kleineren Projekten in + den Bereichen Netzwerk und Dokumentation +
+
+
+
+ Unternehmen +
+
+ Aspect IT & Design GmbH +
+
+
+
+ Branche +
+
+ IT-Dienstleistung +
+
+ + +
+

Arbeitserfahrung

+ +
+
+ Zeitspanne +
+
+ 04.07.2014 – 30.09.2017 +
+
+
+
+ Position +
+
+ Netzwerkadministrator und Ausbilder +
+
+
+
+ Tätigkeit +
+
+ Weiterentwicklung und Instandhaltung der + bestehenden Netzwerkumgebung mit ca. 3000 + Netzteilnehmer*innen und 150+ Netzwerkkomponenten + Ausbildung der Azubis in der Abteilung Systemtechnik. + Projektplanung und Durchführung in diversen + Themengebieten. +
+
+
+
+ Unternehmen +
+
+ Klinikum Ingolstadt GmbH, Krumenauerstr. 25, 85049 +
+
+
+
+ Branche +
+
+ Gesundheitswesen +
+
+ + +
+

Ausbildung

+ +
+
+ Zeitspanne +
+
+ 01.09.2011 – 04.07.2014 +
+
+
+
+ Position +
+
+ Auszubildender Fachinformatiker Systemintegration +
+
+
+
+ Tätigkeit +
+
+ Schwerpunk während der Ausbildung war der Bereich + Netzwerk und die Unterstützung von Benutzer*innen vor Ort. +
+
+
+
+ Unternehmen +
+
+ Klinikum Ingolstadt GmbH, Krumenauerstr. 25, 85049 +
+
+
+
+ Branche +
+
+ Gesundheitswesen +
+
+
+ +
+

Gesellschaftspolitisches Engagement

+
+
+ Zeitspanne +
+
+ 09.2018 – heute +
+
+
+
+ Ehrenamt +
+
+ Planen und Durchführen von Programmier- und Technikorientierten Kursen + für Kinder, in Zusammenarbeit mit der 'Deutschen Gesellschaft für das + hochbegabte Kind'. +
+
+
+
+ Studentische Hilfskraft (Kein Ehrenamt) +
+
+ Programmier und Technikkurse für Kinder an der Technischen Hochschule + Ingolstadt. Hier entwickle und betreue ich, zusammen mit anderen + Student*innen und den Mitarbeiter*innen aus dem Büro der Frauenbeauftragten, + Workshops rund um das Programmieren von Lego Robotern oder wie man einfache + Spiele in der Programmiersprache Scratch entwickelt. Die Workshops werden dann + an verschiedenen Tagen wie z.B. dem Girls/Boys Day durchgeführt. +
+
+
+
+ Buddy Program +
+
+ Seit Beginn meines Studiums an der THI bin ich Mitglied bei unserem Verein + N.I.C.E (Network International Culture Exchange). Hier steht der Austausch + zwischen Ausländischen Student*innen und Lokals bei verschiedenen Events im + Vordergrund. Ich hatte außerdem schon die Möglichkeit ein Buddy für eine + chinesische Austauschstudentin und einen brasilianischen Austauschstudenten zu sein + und konnte Ihnen über die ersten Bürokratischen Hürden in Deutschland hinweg helfen. +
+
+ +
+

Fortbildungen und Schulabschluss

+
+
+ Zeitspanne +
+
+ 04.2016 – 07.2016 +
+
+
+
+ Abschluss +
+
+ Ausbilder*innen-Eignungsverordnung +
+
+
+
+ Schule +
+
+ IHK München und Oberbayern +
+
+
+
+ Zeitspanne +
+
+ 2008 – 2011 +
+
+
+
+ Abschluss +
+
+ Mittlere Reife +
+
+
+
+ Schule +
+
+ Wirtschaftsschule Ingolstadt +
+
+ + +
+

Weitere Kenntnisse

+
+
+ Auslandsaufenthalte +
+
+ Auslandssemester in Schweden (Växjö) an der Linnaeus University im Wintersemester 2019/2020 +
+
+
+
+ Sprachen +
+
+ Deutsch (Muttersprache), Englisch (CEFR: C1 or above) +
+
+
+
+ Programmiersprachen +
+
+ Web-Stack(JS, CSS, HTML, PHP), C/C++, Java, Go, Emacs-Lisp, Python +
+
+
+
+ Zertifikate und Kurse +
+
+ Seminarleiter*innen Workshop (FES), CCNA, ADA, Risikomanagement + (Medizin / DIN 80001, Kurs), IINS (Kurs), CCNA Exploration, + MS Project 2013, Knigge +
+
+ +
+

Sonstiges

+
+
+ Hobbys und Interessen +
+
+ Skateboard, Schwimmen, Ausgiebige Spaziergänge, Kompetitive Online Spiele, + Definitiv zu viel an Linux und Emacs Konfigurationen herum-optimieren, + hier und da kleinere Elektrotechik Projekte realisieren, 3D-Design (Blender), + 2D Design (Inkscape), FOSS +
+
+{{end}} diff --git a/tmpl/contact.html b/tmpl/contact.html index 0cb6269..6657a85 100644 --- a/tmpl/contact.html +++ b/tmpl/contact.html @@ -1,34 +1,38 @@ -
-
-
- Haftungsausschluss +{{define "body"}} +
+

Disclaimer

+ +
+ + Haftungsausschluss Angaben gemäß § 5 TMG: Philip Gaber Lebzeltergasse 3 85049 Ingolstadt - Kontakt: + Kontakt: E-Mail: phga@posteo.de - Mobil: +49 15224277636 + Telefon: +49 841 22064128 - Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV: + Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV: Philip Gaber Lebzeltergasse 3 85049 Ingolstadt - Streitschlichtung + Streitschlichtung Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: https://ec.europa.eu/consumers/odr. Unsere E-Mail-Adresse finden Sie oben im Impressum. Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. - Haftung für Inhalte + Haftung für Inhalte Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen. - Urheberrecht + Urheberrecht Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.
+{{end}} \ No newline at end of file diff --git a/tmpl/layouts/base.html b/tmpl/layouts/base.html index 84f72b6..6096982 100644 --- a/tmpl/layouts/base.html +++ b/tmpl/layouts/base.html @@ -8,11 +8,13 @@ - PHGA 🤓 teord + PHGA {{block "header" .}}NO HEADER DEFINED{{end}} +
{{block "body" .}}NOTHING TO SEE HERE{{end}} +
diff --git a/tmpl/layouts/index.html b/tmpl/layouts/index.html index 780900b..f764fd9 100644 --- a/tmpl/layouts/index.html +++ b/tmpl/layouts/index.html @@ -15,7 +15,9 @@ - {{block "header" .}}NO HEADER DEFINED{{end}} - {{block "body" .}}NOTHING TO SEE HERE{{end}} +