From b41681573d3a6d6b53f0846f5d8a0afa255d7647 Mon Sep 17 00:00:00 2001
From: Georg Hopp <georg@steffers.org>
Date: Sun, 10 Apr 2016 17:26:49 +0200
Subject: [PATCH] more styling

---
 app/assets/stylesheets/welcome.scss | 34 ++++++++------
 app/views/welcome/index.html.erb    | 69 ++++++++++++++++-------------
 2 files changed, 58 insertions(+), 45 deletions(-)

diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss
index b26ec5d..cd23326 100644
--- a/app/assets/stylesheets/welcome.scss
+++ b/app/assets/stylesheets/welcome.scss
@@ -245,7 +245,6 @@ p {
 .title {
 	position: relative;
 	width: 100%;
-	line-height: 0;
 	text-align: center;
 	padding-bottom: 50px;
 }
@@ -257,32 +256,41 @@ p {
 	display: inline-block;
 	vertical-align: middle;
 }
+.title p {
+	padding-top: 10px;
+}
 
-.quote {
+.quote-container {
 	position: relative;
+	width: 500px;
+	left: 50%;
+	top: 10px;
+	transform: translate(-50%, 0);
 }
-.quote q {
-	display: block;
-	font-family: serif;
-	text-align: center;
-}
-.quote div {
+.quote {
 	position: relative;
+	display: inline-block;
 	width: 100%;
-	line-height: 0;
-	text-align: center;
 }
 .quote img {
 	display: inline-block;
 	vertical-align: middle;
 }
-.quote span {
+.quote div {
 	display: inline-block;
+	width: 80%;
+	text-align: right;
 	vertical-align: middle;
-	font-weight: bold;
 }
+.quote q {
+	display: inline-block;
+	font-family: serif;
+	text-align: center;
+	font-size: small;
+}
+
 .text {
-	padding-top: 30px;
+	padding-top: 0px;
 }
 
 .content {
diff --git a/app/views/welcome/index.html.erb b/app/views/welcome/index.html.erb
index 998ba93..b1a82ca 100644
--- a/app/views/welcome/index.html.erb
+++ b/app/views/welcome/index.html.erb
@@ -23,10 +23,13 @@
 <div id="section2" class="section">
 	<%= image_tag "dogs2.svg", class: "watermark" %>
 	<div class="content">
-		<h2>This is mostly about programming.</h2>
-		<p>
-		Here you find links to the projects hosted on <i>Weird Web Workers</i>.
-		</p>
+		<div class="title">
+			<%= image_tag("gears.svg", size: "60") %>
+			<h2>Custom Code</h2>
+			<p>
+			Here you find links to the projects hosted on <i>Weird Web Workers</i>.
+			</p>
+		</div>
 		<% @namespaces.each do |namespace| -%>
 			<hr />
 			<div class="projectspace">
@@ -148,34 +151,36 @@
 		<div class="title">
 			<%= image_tag("copyleft-icon.svg", size: "60") %>
 			<h2>Free as in <q>FREE SPEACH</q></h2>
-		</div>
-		<div class="quote">
-			<q>
-				Value your freedom or you will lose it, teaches history. 'Don't
-				bother us with politics', respond those who don't want to learn.
-			</q>
-			<div>
-				<%= image_tag "stallman.png" %>
-				<span>Dr. Richard Stallman</span>
-			</div>
-		</div>
-		<div class="quote">
-			<q>
-				If I have seen further it is by standing on ye sholders of Giants.
-			</q>
-			<div>
-				<%= image_tag "newton.png" %>
-				<span>Sir Isaac Newton</span>
-			</div>
-		</div>
-		<div class="quote">
-			<q>
-				Free software is software that respects your freedom and the social
-				solidarity of your community. So it's free as in freedom.
-			</q>
-			<div>
-				<%= image_tag "stallman.png" %>
-				<span>Dr. Richard Stallman</span>
+			<div class="quote-container">
+				<div class="quote">
+					<%= image_tag "stallman.png" %>
+					<div>
+					<q>
+						Value your freedom or you will lose it, teaches history. 'Don't
+						bother us with politics', respond those who don't want to learn.
+					</q>
+					Dr. Richard Stallman
+					</div>
+				</div>
+				<div class="quote">
+					<%= image_tag "newton.png" %>
+					<div>
+					<q>
+						If I have seen further it is by standing on ye sholders of Giants.
+					</q>
+					Sir Isaac Newton
+					</div>
+				</div>
+				<div class="quote">
+					<%= image_tag "stallman.png" %>
+					<div>
+					<q>
+						Free software is software that respects your freedom and the
+						social solidarity of your community. So it's free as in freedom.
+					</q>
+					Dr. Richard Stallman
+					</div>
+				</div>
 			</div>
 		</div>
 		<div class="text">