added imagebox, for better display of images

4 files changed, 33 insertions, 8 deletions

diff --git a/public/css/sublab-new.css b/public/css/sublab-new.css
index 3d32e51..17ac0ec 100644
--- a/public/css/sublab-new.css
+++ b/public/css/sublab-new.css
@@ -78,6 +78,7 @@ div.content	{
 	margin-left: 125px;
 	margin-right: 225px;
 	min-height: 120px;
+	height: 100%;
 	}
 
 div.info	{
@@ -108,6 +109,15 @@ div.footer	{
 	text-align: center;
 	}
 
+#imagecontent	{
+	border: 1px solid #444;
+	float: right;
+	margin: 5px 10px 5px 10px;
+	padding: 5px;
+	width: 35%;
+	min-width: 150px;
+	}
+
 img	{
 	border: 1px solid #444;
 	}
@@ -131,12 +141,11 @@ img.webcamthumb	{
 	height: auto;
 	}
 
-img.contentimage {
-	float: right;
-	width: 225px;
+#contentimage {
+	width: 95%;
 	height: auto;
-	margin: 10px 15px 10px 10px;
-	border: 1px solid #444;
+	margin: 5px;
+	border: 2px solid #444;
 	}
 
 img.bigimage {
@@ -163,6 +172,7 @@ table	{
 hr	{
 	margin: 10px;
 	color: #ddd;
+	clear: both;
 	}
 
 ul#menu	{
@@ -224,6 +234,11 @@ p	{
 	line-height: 20px;
 	}
 
+p.subtext	{
+	color: #ddd
+	margin: 0px 5px 5px 5px;
+	}
+
 p.header {
 	text-align: right;
 	margin: 10px;
diff --git a/template/news/2011-10-09-rackconsole.html b/template/news/2011-10-09-rackconsole.html
index df3f084..d6f7216 100644
--- a/template/news/2011-10-09-rackconsole.html
+++ b/template/news/2011-10-09-rackconsole.html
@@ -4,5 +4,10 @@ Heute wurden eine Rackconsole sowie ein KVM-Switch erfolgreich
 ins Rack montiert. Damit koennen Wartungsarbeiten an den
 untergestellten Rechnern um einiges komfortabler durchgefuehrt
 werden.
-<img class="bigimage" src="img/rackconsole.jpg" />
 </p>
+<div id="imagecontent">
+	<img id="contentimage" src="img/rackconsole.jpg" />
+	<p class="subtext">
+	Blick ins Rack
+	</p>
+</div>
diff --git a/template/pages/index/content.html b/template/pages/index/content.html
index a422954..bc907f1 100644
--- a/template/pages/index/content.html
+++ b/template/pages/index/content.html
@@ -1,7 +1,12 @@
 <h2>
 	[ Das sublab - Ein Hackerspace in Leipzig ]
 </h2>
-<img src="img/sublabview.jpg" class="contentimage" alt="Bild: Blick ins sublab">
+<div class="imagecontent">
+	<img class="contentimage" src="img/rackconsole.jpg" />
+	<p class="subtext">
+	Blick ins Rack
+	</p>
+</div>
 <p>
 	Das sublab ist ein Hackerspace. Es bietet technik- und netzaffinen Menschen aus Leipzig und Umgebung, sowie der ganzen Welt ein zweites Zuhause.<br> 
 	Hier treffen sich aber nicht nur Privatpersonen zum gemeinsamen basteln, löten und hacken, sondern auch verschiedene Initiativen und politische Gruppen welche hier gemeinsam und themenübergreifend arbeiten, forschen und spielen können. Das sublab stellt die dafür nötige Infrastruktur bereit.<br>
diff --git a/template/template/template.html b/template/template/template.html
index b699763..6c13474 100644
--- a/template/template/template.html
+++ b/template/template/template.html
@@ -123,7 +123,7 @@
 			<div class="content">
 				
 				$template_content
-
+			</hr>
 			</div>
 
 			<div class="footer">