From 94ba6a3b2117f8920545477a428ed3e31fafa70b Mon Sep 17 00:00:00 2001 From: /jdi/ Date: Tue, 21 Jul 2015 23:50:47 +0200 Subject: [PATCH] fancy responsiveness! --- index.php | 72 +++++++------ style/style.css.php | 252 +------------------------------------------- text/cfp.html | 1 - text/home.html | 14 ++- text/kontakt.html | 2 - text/tickets.html | 22 ++-- 6 files changed, 57 insertions(+), 306 deletions(-) diff --git a/index.php b/index.php index 885f1af..97234f1 100644 --- a/index.php +++ b/index.php @@ -23,39 +23,47 @@ Array("name"=>"kontakt","url"=>"/kontakt","title"=>"Kontakt") - - - + /* + + */ + ?> + + +
- - -
-
+
+
+ + - -
-
-
+ + + +
diff --git a/style/style.css.php b/style/style.css.php index aefbf60..3d983e6 100644 --- a/style/style.css.php +++ b/style/style.css.php @@ -1,6 +1,4 @@ - -@charset 'UTF-8'; - -/*********************************************************************************/ -/* Basic */ -/*********************************************************************************/ - - @font-face { - font-family: 'OCR'; - font-style: normal; - font-weight: 300; - src: url(/misc/ocr_a_regular.ttf); - } - - *{ - margin:0; - padding:0; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - body, html{ - height:100%; - } - - body, input, textarea, select, option - { - font-family: 'Source Sans Pro', sans-serif; - font-weight: 300; - color: #222; - } - - strong, b{ - font-weight: 400; - color: #363636; - } - - h1, h2, h3, h4,h5, h6{ - font-family: 'OCR'; - font-weight: 400; - color: #363636; - margin-bottom:0.5em; - } - - h2{ - padding-bottom:0.5em; - } - - h3{ - text-transform:uppercase; - } - - a{ - color:inherit; - } - - blockquote - { - border-left: solid 0.5em #ddd; - padding: 1em 0 1em 2em; - font-style: italic; - } - - em, i - { - font-style: italic; - } - - hr - { - border: 0; - border-top: solid 1px #ddd; - padding: 1.5em 0 0 0; - margin: 1.75em 0 0 0; - clear:both; - } - - sub - { - position: relative; - top: 0.5em; - font-size: 0.8em; - } - - sup - { - position: relative; - top: -0.5em; - font-size: 0.8em; - } - - table - { - width: 100%; - } - - br.clear - { - clear: both; - } - - p, ul, ol, dl, table, blockquote, form - { - margin-bottom: 2em; - } - -/*********************************************************************************/ -/* Panels */ -/*********************************************************************************/ - - #container{ - width: 100%; - height:100%; - margin:0; - background:#F8F8F8; - } - - #marx{ - min-width:130px; - width:*; - background: url("/img/marx_.png") no-repeat right; - background-size:cover; - } - - #line{ - min-width:130px; - width:*; - background: url("/img/line_.png") right; - background-size:contain; - } - - #main{ - background: #FFF; - width:700px; - height: 100vh; - min-width:500px; - border-right: 4px solid ; - border-left: 4px solid ; - position: relative; - } - - #main>div{ - padding-top:130px; - height: 100vh; - overflow-x: hidden; - overflow-y: auto; - } - - #main article{ - padding-top:12px; - padding-left:100px; - padding-right:20px; - height:100%; - overflow-x: hidden; - overflow-y: auto; - } - - .box{ - margin:10px; - overflow:hidden; - } - - - -/*********************************************************************************/ -/* Nav */ -/*********************************************************************************/ - - #header - { - position:absolute; - top:30px; - height:100px; - left:-120px; - right:-70px; - padding-left:50px; - text-align:center; - } - - #header h1 - { - font-size:64px; - } - - #nav - { - position:absolute; - top:142px; - left:-120px; - width:200px; - } - - #nav ul - { - list-style-type:none; - } - - #nav li, header - { - border: 4px solid ; - background: white; - margin-bottom:12px; - padding:4px; - } - - #nav a{ - display: inline-block; - width:100% - } - - #nav a span - { - /*text-transform:*/ - background:url("/img/texture_.png") no-repeat right bottom; - background-size:70%; - font-family:'OCR'; - display: inline-block; - color: #000; - font-size:1.3em; - width:100%; - line-height: 1.5em; - padding-right:60px; - } - - #nav .active span - { - text-decoration:underline; - } - - -/*********************************************************************************/ -/* Content */ -/*********************************************************************************/ - - - - - -/*********************************************************************************/ -/* Footer */ -/*********************************************************************************/ - - #footer - { - font-family:'OCR'; - } - - - diff --git a/text/cfp.html b/text/cfp.html index 7b85437..c451ad3 100644 --- a/text/cfp.html +++ b/text/cfp.html @@ -1,4 +1,3 @@ -

Was ist der Interfug?

Wir, der Chaostreff Chemnitz veranstalten am letzten August-Wochenende (29. & 30.08.2015) unsere erste Konferenz. Dies ist unser Einstand in die Organisation chaosnaher Veranstaltungen und das erste derartige Event in der ehemaligen Industriemetropole und heutigen "Stadt der Moderne" Chemnitz (ehemals Karl-Marx-Stadt).
Wir freuen uns daher, euch erstmals eine Bühne und Technik für eure Ideen, Vorträge, Präsentationen und Workshops bieten zu können.

diff --git a/text/home.html b/text/home.html index 35d453c..39fe535 100644 --- a/text/home.html +++ b/text/home.html @@ -1,8 +1,6 @@ -
-

Interfug 2015

-

- Der Chaostreff Chemnitz veranstaltet am letzten Augustwochenende (29. & 30.08.2015) seine erste Konferenz. - Damit das auch ordentlich Spaß macht und ihr euer Wissen möglichst effizient verbreiten könnt, bieten wir eine Bühne und Raum für Vorträge, Workshops und Hacking an. -

- die A102 bei Nacht -
+

Interfug 2015

+

+Der Chaostreff Chemnitz veranstaltet am letzten Augustwochenende (29. & 30.08.2015) seine erste Konferenz. +Damit das auch ordentlich Spaß macht und ihr euer Wissen möglichst effizient verbreiten könnt, bieten wir eine Bühne und Raum für Vorträge, Workshops und Hacking an. +

+die A102 bei Nacht diff --git a/text/kontakt.html b/text/kontakt.html index d6184c9..a4b65dc 100644 --- a/text/kontakt.html +++ b/text/kontakt.html @@ -1,5 +1,3 @@ -

Kontakt

Solltest du noch Fragen haben, melde dich einfach unter kontakt@interfug.de

Für weitere Kontaktmöglichkeiten schaue bitte in unser Impressum.

-
diff --git a/text/tickets.html b/text/tickets.html index d640231..28f0568 100644 --- a/text/tickets.html +++ b/text/tickets.html @@ -1,12 +1,10 @@ -
-

Tickets

-

- Der Ticketverkauf ist noch nicht gestartet. -

-

- Um Dich anzumelden sende eine Mail an tickets@interfug.de. -

- Betreff: Anmeldung Intrefug15
- Inhalt: Id: #code# -

-
+

Tickets

+

+Der Ticketverkauf ist noch nicht gestartet. +

+

+ Um Dich anzumelden sende eine Mail an tickets@interfug.de. +

+ Betreff: Anmeldung Intrefug15
+ Inhalt: Id: #code# +