From 36a2ae5aa469c830a68bff19a3ca6da5a8bcf113 Mon Sep 17 00:00:00 2001
From: Sebastian Bachmann <me@free-minds.net>
Date: Mon, 15 Apr 2013 21:04:39 +0200
Subject: [PATCH] more sophistication of the html layout. adding colors and
 logo

---
 debian_swirl-75.png | Bin 0 -> 1097 bytes
 index.mdwn          |   4 +--
 local.css           |  59 +++++++++++++++++++++++++++++++++++++++-----
 3 files changed, 55 insertions(+), 8 deletions(-)
 create mode 100644 debian_swirl-75.png

diff --git a/debian_swirl-75.png b/debian_swirl-75.png
new file mode 100644
index 0000000000000000000000000000000000000000..b159f1c85aa051a753a791675d50a2aa4d7a97a7
GIT binary patch
literal 1097
zcmV-P1h)H$P)<h;3K|Lk000e1NJLTq002t>003MF0{{R35kt890000pP)t-s|NsBT
z05<Wz&HL~2%Me5K&)Mpqv(-Ro_}}K^f11)TT+Sd*++c#)P<7yNj^>Z2?XSSKw7FIQ
z0004EOGiWihy@);00009a7bBm000XT000XT0n*)m`~Uy|2XskIMF-LW0u~2345T-*
z000A=Nkl<ZSi`MZ$)dv`2n12wm;e9TcSzDK6_fPou}!8h4menVo8^F%Cs0)>2me|e
zbVSU)`M>~<=~p0EG;S-|h^P^B{Uth;u)hMoMY1Tb=)tghnq9{GWgkIRjZaoCcifS&
z_;6`m$4~*^EK6^ow9U4#Qc9`j)7RJ0NKoebtY)ASE7a1NO)Y?#E9s?|0(pH8c7f8-
zOH7nIurrkPejvwod^UbXPw`kNchWgA`z70B{pEW>pLYC0hB_vg;3e3ZvOUB2uuVBF
zWXV#zBhC(it&PYy0N4W7>P2VrhrL`$=lv(-lIX5O8&CiMWC>txSm9+uH<#_Az4wLJ
zXG2;WZTZM3jmvbjmrD!)k&hqz0=0!viP!Bfr)}*MQ<Jr}bE2&huaE%104$m-gG$~d
zZm*h&Yta<~NSjQXSS%J1F%(vceZWjT_Q5oOwCO=g(P%`yA34s46R&l7+d&0jItjO1
zb>~oAc3*^L1$D1PmZkmmmHLva1!%BIKFTG>PwJ=v0nnkGI;QEqZ!B1cW+R2AF~D;y
zziLeiOFhG40)RG3F+XrKb`!<6r$(w=7Jcj)EART~zfcf`F2w$t;~iEM_r&;1LDC0H
z*sOv1bBBizQSUWiUt^t}LtIP@56)H;`MS7dtJ+6jUc^#&DbiBf{OK7lvFc%-;pKh*
z;Y*Nx=>LlH<@5|jg8IQy;=#}(Kjn4~i@_M!YDn%9*fC<Ro;!2|;JwERSafSu^vY1(
z^(DMu5~8L9Pu^eLa72vRz`7S|aGp7T@`%LQny*8s5v?hXYREw;qcfP&R?6zw`@4i$
z<64lt!D2G?MUVnv&9Wg0%$bOY`aDN!nfzRXbD^7NNxEZatc*oL+2jHuX4hfrJK!=n
zhfFgeIE#pw+&*E}C=7h<)B1(}6wP9)f^SNxy3J{tC2J@9IA_uO@0r$<&<)0uM%5Vn
zamvtH(p<R-41m0j3RLyQ+Tz*V8EaieCp6U%3#)sd9dYPSHr}{cYi(-7rwWek+<TLb
zw@&NLSQGLDtTr#l5Bq)w7XM?4>1%&5FTA=to0#M_d`tmbhkBk8*fQ5>ngV8@-k3bk
zvQ7bO6E(JuAYqO$(!{b{<v)kA)gqXQV9~01V4W+#pTP1j7fv@vNtpu1TD+(Ip`4cO
zY~bdVK(<qQ(008xMI7s29=gq`sO7JiNqYdU21Lv}M{GcxY(xy{_Ftwyk;fU`TcShW
P00000NkvXXu0mjfT&)cu

literal 0
HcmV?d00001

diff --git a/index.mdwn b/index.mdwn
index 4311d3f..7948ca5 100644
--- a/index.mdwn
+++ b/index.mdwn
@@ -1,8 +1,8 @@
 <div class="contentwrapper" markdown="1">
-	<div class="column-left">
+	<div class="column-left columns">
 	[[!inline pages="StartSeite/L*" sort=title raw=yes]]
 	</div>
-	<div class="column-right">
+	<div class="column-right columns">
 	[[!inline pages="Kalender/* and !Kalender/*/*" show=2]]
 	[[!inline pages="StartSeite/R*" sort=title raw=yes]]
 	</div>
diff --git a/local.css b/local.css
index 0785753..1954a3c 100644
--- a/local.css
+++ b/local.css
@@ -1,3 +1,10 @@
+body{
+	background-color: #DDDDDD;
+	font-family: Sans;
+	font-size: 0.8em;
+}
+
+
 .contentwrapper{
 	width: 960px;
 	margin: 0 auto;
@@ -6,15 +13,17 @@
 
 .column-left{
 	float: left;
-	width: 500px;
-	background-color: #DDDDDD;
-	padding: 10px;
+	width: 450px;
 }
 
 .column-right{
 	float: right;
-	width: 400px;
-	background-color: #DDDDDD;
+	width: 450px;
+}
+
+.columns{
+	border-radius: 10px;
+	background-color: white;
 	padding: 10px;
 }
 
@@ -24,5 +33,43 @@ h1, h2, h3, .title{
 	color: #D70A53;
 }
 
-.title {
+.pageheader {
+	border-radius: 10px;
+	background-color: white;
+	padding: 10px;
+	width: 960px;
+	margin: 20px auto;
+	height: 100px;
+}
+
+.pageheader .title{
+	background-image: url('debian_swirl-75.png');
+	background-repeat: no-repeat;
+	padding-left: 100px;
+	margin: auto 10;
+	height: 95px;
+	display: block;
+	font-size: 2em;
+	padding-top: 30px;
+}
+
+#footer{
+	width: 960px;
+	padding: 10px;
+	margin: 0 auto;
+	margin-top: 20px;
+}
+
+a{
+	text-decoration: none;
+}
+
+a:link, a:vistited {
+	color: #1888A4;
+	text-decoration: none;
+}
+
+a:active, a:hover{
+	color: #23C7F0;
+	text-decoration: none;
 }
-- 
2.39.2