More style and layout

10 years ago · 99942a5420
8 changed files with 325 additions and 24 deletions
--- a/app/assets/images/copyleft-icon.svg
+++ b/app/assets/images/copyleft-icon.svg
@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg5410"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   width="118.12305"
+   height="118.12305"
+   viewBox="0 0 118.12305 118.12305"
+   sodipodi:docname="copyleft-icon.svg">
+  <metadata
+     id="metadata5416">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs5414" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1362"
+     inkscape:window-height="729"
+     id="namedview5412"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="2.6074563"
+     inkscape:cx="135.29494"
+     inkscape:cy="82.772717"
+     inkscape:window-x="0"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer2" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 1"
+     style="display:inline"
+     transform="translate(125.39844,-4.890625)" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline"
+     transform="translate(125.39844,-4.890625)">
+    <path
+       style="fill:#000000;fill-opacity:1"
+       d="m -66.335938,4.890625 a 59.061394,59.061394 0 0 0 -59.062502,59.0625 59.061394,59.061394 0 0 0 59.062502,59.060545 59.061394,59.061394 0 0 0 59.060548,-59.060545 59.061394,59.061394 0 0 0 -59.060548,-59.0625 z m 0.105469,12.191406 A 47.74382,46.80027 0 0 1 -18.48633,63.882812 47.74382,46.80027 0 0 1 -66.230469,110.68164 47.74382,46.80027 0 0 1 -113.97461,63.882812 47.74382,46.80027 0 0 1 -66.230469,17.082031 Z"
+       id="path5422"
+       inkscape:connector-curvature="0" />
+    <path
+       style="display:inline;fill:#000000;fill-opacity:1"
+       d="m -90.526934,86.610346 c 6.142158,6.141805 14.627279,9.940513 23.99959,9.940435 18.74386,-9.23e-4 33.93853,-15.195593 33.939453,-33.939453 1.56e-4,-18.744623 -15.19483,-33.940483 -33.939453,-33.941406 -9.372693,-7.8e-5 -17.858083,3.798927 -24.000281,9.941125 l 9.173358,8.407161 c 3.990391,-3.990745 9.503167,-6.459238 15.592548,-6.459614 12.179524,-3.27e-4 22.053061,9.87321 22.052735,22.052734 -7.52e-4,12.178762 -9.873973,22.051108 -22.052735,22.050781 -6.088999,-3.76e-4 -11.601506,-2.468572 -15.591858,-6.458923"
+       id="path5431"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccccccc" />
+  </g>
+</svg>
--- a/app/assets/images/gears.svg
+++ b/app/assets/images/gears.svg
@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="gears.svg"
+   inkscape:version="0.91 r13725"
+   version="1.1"
+   id="svg2"
+   viewBox="0 0 258.47759 268.80987"
+   height="75.86412mm"
+   width="72.94812mm">
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="18"
+     inkscape:window-x="0"
+     inkscape:window-height="729"
+     inkscape:window-width="1362"
+     showgrid="false"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="65.634985"
+     inkscape:cx="196.92331"
+     inkscape:zoom="0.98994949"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <defs
+     id="defs4" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     transform="translate(-231.1806,-297.70508)">
+    <g
+       id="g3341"
+       inkscape:label="Gear24"
+       transform="translate(406.42857,380.93363)"
+       style="fill:none;fill-opacity:1;image-rendering:auto">
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1"
+         d="m 404.15039,298.20508 -2.71875,6.49804 -0.76562,4.67579 0.14062,1.75195 -7.01562,0.92383 -0.31641,-1.73047 -1.94922,-4.31641 -4.30859,-5.57422 -4.40039,1.17969 -0.94336,6.98047 0.46875,4.71289 0.59179,1.6582 -6.53906,2.70704 -0.75391,-1.5879 -3,-3.66601 -5.60351,-4.26953 -3.94531,2.27734 0.89453,6.98828 1.67383,4.43164 1,1.44727 -5.61524,4.30859 -1.13867,-1.33984 -3.84766,-2.76367 -6.51757,-2.67383 -3.22071,3.2207 2.67188,6.51758 2.76367,3.84766 1.33984,1.14062 -4.30664,5.61328 -1.44922,-0.99804 -4.43164,-1.67579 -6.98632,-0.89257 -2.27735,3.94336 4.26758,5.60351 3.66601,3.00195 1.58985,0.75391 -2.70899,6.53711 -1.65625,-0.58984 -4.71484,-0.47071 -6.98047,0.94532 -1.17773,4.39843 5.57226,4.3086 4.31836,1.95117 1.73047,0.31641 -0.92383,7.01562 -1.7539,-0.14062 -4.67578,0.76562 -6.49805,2.71875 0,4.55469 6.49805,2.71875 4.67578,0.76562 1.7539,-0.14062 0.92383,7.01562 -1.73047,0.31836 -4.31836,1.94922 -5.57226,4.30859 1.17773,4.39844 6.98047,0.94531 4.71484,-0.4707 1.65625,-0.58984 2.70899,6.53711 -1.58985,0.7539 -3.66601,3.00196 -4.26758,5.60351 2.27735,3.94531 6.98632,-0.89453 4.43164,-1.67578 1.44922,-0.99805 4.30664,5.61329 -1.33984,1.14062 -2.76367,3.84766 -2.67188,6.51758 3.22071,3.2207 6.51757,-2.67383 3.84766,-2.76367 1.13867,-1.33985 5.61524,4.3086 -1,1.44726 -1.67383,4.43164 -0.89453,6.98829 3.94531,2.27734 5.60351,-4.26953 3,-3.66602 0.75391,-1.58789 6.53906,2.70703 -0.59179,1.65821 -0.46875,4.71289 0.94336,6.98047 4.40039,1.17968 4.30859,-5.57421 1.94922,-4.31641 0.31641,-1.73047 7.01562,0.92383 -0.14062,1.75195 0.76562,4.67578 2.71875,6.49805 4.55469,0 2.7207,-6.49805 0.76563,-4.67578 -0.14258,-1.75195 7.01562,-0.92383 0.31836,1.73047 1.94922,4.31641 4.30859,5.57421 4.4004,-1.17968 0.94336,-6.98047 -0.47071,-4.71289 -0.58984,-1.65821 6.53711,-2.70703 0.75586,1.58789 3,3.66602 5.60351,4.26953 3.94531,-2.27734 -0.89453,-6.98829 -1.67382,-4.43164 -1,-1.44726 5.61523,-4.3086 1.13867,1.33985 3.84766,2.76367 6.51758,2.67383 3.2207,-3.2207 -2.67188,-6.51758 -2.76562,-3.84766 -1.33789,-1.14062 4.30664,-5.61329 1.44726,0.99805 4.43165,1.67578 6.98828,0.89453 2.27734,-3.94531 -4.26758,-5.60351 -3.66601,-3.00196 -1.58985,-0.7539 2.70899,-6.53711 1.65625,0.58984 4.71484,0.4707 6.98047,-0.94531 1.17773,-4.39844 -5.57226,-4.30859 -4.31836,-1.94922 -1.73047,-0.31836 0.92383,-7.01562 1.75391,0.14062 4.67578,-0.76562 6.49804,-2.71875 0,-4.55469 -6.49804,-2.71875 -4.67578,-0.76562 -1.75391,0.14062 -0.92383,-7.01562 1.73047,-0.31641 4.31836,-1.95117 5.57226,-4.3086 -1.17773,-4.39843 -6.98047,-0.94532 -4.71484,0.47071 -1.65625,0.58984 -2.70899,-6.53711 1.58985,-0.75391 3.66601,-3.00195 4.26758,-5.60351 -2.27734,-3.94336 -6.98828,0.89257 -4.43165,1.67579 -1.44726,0.99804 -4.30664,-5.61328 1.33789,-1.14062 2.76562,-3.84766 2.67188,-6.51758 -3.2207,-3.2207 -6.51758,2.67383 -3.84766,2.76367 -1.13867,1.33984 -5.61523,-4.30859 1,-1.44727 1.67382,-4.43164 0.89453,-6.98828 -3.94531,-2.27734 -5.60351,4.26953 -3,3.66601 -0.75586,1.5879 -6.53711,-2.70704 0.58984,-1.6582 0.47071,-4.71289 -0.94336,-6.98047 -4.4004,-1.17969 -4.30859,5.57422 -1.94922,4.31641 -0.31836,1.73047 -7.01562,-0.92383 0.14258,-1.75195 -0.76563,-4.67579 -2.7207,-6.49804 -4.55469,0 z m 2.27734,72.72851 a 10,10 0 0 1 10,10 10,10 0 0 1 -10,10 10,10 0 0 1 -10,-10 10,10 0 0 1 10,-10 z"
+         transform="translate(-406.42857,-380.93363)"
+         id="path3343"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       transform="translate(291.53839,449.25525)"
+       inkscape:label="Gear17"
+       id="g4484">
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1"
+         d="m 294.97852,388.875 -3.43946,6.26758 -0.75781,3.26953 0.0449,3.10156 -7.36133,0.68164 -0.52343,-3.05664 -1.34571,-3.07422 -4.53515,-5.52929 -4.125,1.17382 -0.94532,7.0879 0.47461,3.32226 1.16407,2.875 -6.61719,3.29688 -1.59375,-2.66211 -2.36719,-2.38086 -6.22461,-3.51758 -3.42383,2.58398 1.67969,6.95117 1.64258,2.92579 2.125,2.26171 -4.98047,5.4629 -2.44726,-1.90625 -3.06641,-1.36524 -7.07617,-1.03125 -2.25782,3.64844 4.07813,5.87305 2.58789,2.13671 2.79688,1.33985 -2.66993,6.89453 -2.9707,-0.89258 -3.35156,-0.16601 -6.97071,1.59375 -0.78906,4.21679 5.92383,4.00391 3.18555,1.05664 3.09375,0.24023 0,7.39258 -3.09375,0.24024 -3.18555,1.05664 -5.92383,4.0039 0.78906,4.21875 6.97071,1.59375 3.35156,-0.16601 2.9707,-0.89453 2.66993,6.89453 -2.79688,1.34179 -2.58789,2.13477 -4.07813,5.875 2.25782,3.64648 7.07617,-1.03125 3.06641,-1.36523 2.44726,-1.90625 4.98047,5.46289 -2.125,2.26172 -1.64258,2.92578 -1.67969,6.95117 3.42383,2.58594 6.22461,-3.51758 2.36719,-2.38086 1.59375,-2.66211 6.61719,3.29492 -1.16407,2.87696 -0.47461,3.32031 0.94532,7.08789 4.125,1.17578 4.53515,-5.52929 1.34571,-3.07422 0.52343,-3.0586 7.36133,0.68164 -0.0449,3.10352 0.75781,3.26758 3.43946,6.26953 4.27343,-0.39649 2.23047,-6.79296 0.14258,-3.35352 -0.61523,-3.04102 7.11132,-2.02343 1.07813,2.91015 1.88672,2.77344 5.47265,4.60352 3.8418,-1.91211 -0.375,-7.14063 -1.07617,-3.17969 -1.67383,-2.61328 5.90039,-4.45508 2.05664,2.32422 2.76172,1.9043 6.76563,2.31445 2.89062,-3.16992 -2.92969,-6.52344 -2.15234,-2.57421 -2.50195,-1.83399 3.89062,-6.28515 2.75781,1.42382 3.26368,0.7793 7.14453,-0.28516 1.54883,-4.00195 -5.08594,-5.02344 -2.9375,-1.625 -2.9961,-0.80273 1.35743,-7.26758 3.08593,0.33203 3.32422,-0.45312 6.5586,-2.84766 0,-4.29101 -6.5586,-2.84766 -3.32422,-0.45313 -3.08593,0.33399 -1.35743,-7.26758 2.9961,-0.80469 2.9375,-1.62304 5.08594,-5.02539 -1.54883,-4 -7.14453,-0.28711 -3.26368,0.77929 -2.75781,1.42383 -3.89062,-6.28516 2.50195,-1.83203 2.15234,-2.57617 2.92969,-6.52344 -2.89062,-3.16992 -6.76563,2.31445 -2.76172,1.9043 -2.05664,2.32422 -5.90039,-4.45508 1.67383,-2.61328 1.07617,-3.17773 0.375,-7.14063 -3.8418,-1.91211 -5.47265,4.60157 -1.88672,2.77343 -1.07813,2.91016 -7.11132,-2.02344 0.61523,-3.04101 -0.14258,-3.35157 -2.23047,-6.79492 -4.27343,-0.39453 z m -3.43946,50.38086 a 10,10 0 0 1 10,10 10,10 0 0 1 -10,10 10,10 0 0 1 -10,-10 10,10 0 0 1 10,-10 z"
+         transform="translate(-291.53839,-449.25525)"
+         id="path4486"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       transform="translate(369.32012,515.88469)"
+       inkscape:label="Gear14"
+       id="g4605">
+      <path
+         style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1"
+         d="m 360,465.81445 -4.00781,0.91602 -1.39063,7.0918 0.30078,2.74609 1.26563,3.45508 -6.68555,3.21875 -1.91015,-3.14258 -1.96094,-1.94727 -6.41211,-3.33593 -3.21484,2.56445 1.82421,6.99219 1.46289,2.3457 2.63868,2.5625 -4.62696,5.80078 -3.08398,-2.00195 -2.61133,-0.9043 -7.22461,-0.22266 -1.7832,3.70508 4.67773,5.50782 2.33399,1.47851 3.49023,1.16406 -1.65039,7.23438 -3.65039,-0.4668 -2.74414,0.31836 -6.60547,2.93359 0,4.11133 6.60547,2.93555 2.74414,0.31836 3.65039,-0.4668 1.65039,7.23438 -3.49023,1.16406 -2.33399,1.47852 -4.67773,5.50781 1.7832,3.70508 7.22461,-0.22266 2.61133,-0.9043 3.08398,-2.00195 4.62696,5.80078 -2.63868,2.5625 -1.46289,2.3457 -1.82421,6.99219 3.21484,2.56445 6.41211,-3.33593 1.96094,-1.94727 1.91015,-3.14258 6.68555,3.21875 -1.26563,3.45313 -0.30078,2.74805 1.39063,7.09179 4.00781,0.91602 4.33008,-5.78711 0.92187,-2.60547 0.35743,-3.66211 7.42187,0 0.35742,3.66211 0.92188,2.60547 4.33007,5.78711 4.00782,-0.91602 1.39062,-7.09179 -0.30078,-2.74805 -1.26562,-3.45313 6.68554,-3.21875 1.91016,3.14258 1.96094,1.94727 6.41211,3.33593 3.21484,-2.56445 -1.82422,-6.99219 -1.46289,-2.3457 -2.64062,-2.5625 4.62695,-5.80078 3.08594,2.00195 2.61132,0.9043 7.22461,0.22266 1.78321,-3.70508 -4.67774,-5.50781 -2.33593,-1.47852 -3.48829,-1.16406 1.65039,-7.23438 3.64844,0.4668 2.7461,-0.31836 6.60546,-2.93555 0,-4.11133 -6.60546,-2.93359 -2.7461,-0.31836 -3.64844,0.4668 -1.65039,-7.23438 3.48829,-1.16406 2.33593,-1.47851 4.67774,-5.50782 -1.78321,-3.70508 -7.22461,0.22266 -2.61132,0.9043 -3.08594,2.00195 -4.62695,-5.80078 2.64062,-2.5625 1.46289,-2.3457 1.82422,-6.99219 -3.21484,-2.56445 -6.41211,3.33593 -1.96094,1.94727 -1.91016,3.14258 -6.68554,-3.21875 1.26562,-3.45508 0.30078,-2.74609 -1.39062,-7.0918 -4.00782,-0.91602 -4.33007,5.78711 -0.92188,2.60547 -0.35742,3.66016 -7.42187,0 -0.35743,-3.66016 -0.92187,-2.60547 L 360,465.81445 Z m 9.32031,40.07032 a 10,10 0 0 1 10,10 10,10 0 0 1 -10,10 10,10 0 0 1 -10,-10 10,10 0 0 1 10,-10 z"
+         transform="translate(-369.32012,-515.88469)"
+         id="path4607"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
--- a/app/assets/images/tux-mono.svg
+++ b/app/assets/images/tux-mono.svg
--- a/app/assets/javascripts/parallax.coffee
+++ b/app/assets/javascripts/parallax.coffee
@ -7,6 +7,26 @@ window.App ||= {}
 content_top = content_left = width_delta = height_delta = 0

 App.init = ->
+	$('a[href*=\\#]').each ->
+		if location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') and location.hostname == this.hostname and this.hash.replace(/#/,'')
+			$targetId = $(this.hash)
+			$targetAnchor = $('[name=' + this.hash.slice(1) + ']')
+			$target = if $targetId.length
+				$targetId
+			else
+				if $targetAnchor.length
+					$targetAnchor
+				else
+  				false
+
+		if $target
+			targetOffset = $target.offset().top
+
+			$(this).click ->
+				$("#nav li a").removeClass("active")
+				$(this).addClass('active')
+				$('html, body').animate({scrollTop: targetOffset}, 1000)
+				return false

 App.scroll = ->
 	v_scroll = $(document).scrollTop()
--- a/app/assets/stylesheets/welcome.scss
+++ b/app/assets/stylesheets/welcome.scss
@ -26,6 +26,9 @@ a {
 a:visited {
 	color: rgb(60, 130, 12);
 }
+hr {
+	margin: 5px 0 5px 0;
+}

 #header {
 	background: rgba(0, 0, 0, 0.7);
@ -55,7 +58,6 @@ a:visited {

 	text-decoration: none;
 	font-size: 30px;
-	font-family:"Meath";
 	font-weight: bold;
 }
 #nav ul{
@ -128,23 +130,35 @@ a:visited {
 	height: 0;
 	content: '';
 }
-#about .box {
+#about .textbox {
 	display: inline-block;
+	padding: 10px;
 	width: 30%;
 	height: 100%;
 	overflow: hidden;
-	border-style: solid;
 	border-color: rgba(100,190,12,0.7);
-	border-radius: 10px;
-	border-width: 3px;
 	background-color: rgba(255,255,255,0.7);
 	box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
 }

+#projects {
+	position: relative;
+	width: 100%;
+	display: block;
+	list-style: none;
+	text-align: justify;
+}
+#projects .textbox {
+	display: inline-block;
+	padding: 3px;
+	margin-top: 10px;
+	border-color: rgb(100,190,12);
+	background-color: rgb(255,255,255);
+}
+
 .section {
 	position: relative;
 	height: 100%;
-
 	overflow: hidden;
 }

@ -157,7 +171,11 @@ a:visited {
 	transform: translate(-50%, -50%);
 	z-index: 1;
 }
-.text {
+.textbox {
+	text-align: center;
+	border-style: solid;
+	border-radius: 10px;
+	border-width: 3px;
 }

 /*
--- a/app/controllers/welcome_controller.rb
+++ b/app/controllers/welcome_controller.rb
@ -1,6 +1,9 @@
 class WelcomeController < ApplicationController
 	def index
 		@projects = Gitlab::Project.all
+		@namespaces = @projects.map { |project|
+			project.namespace if project.namespace
+		}.uniq.sort { |a,b| a['name'] <=> b['name'] }
 	end
 end
 # vim: set ts=2 sw=2:
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@ -12,11 +12,10 @@
 				<div id="logo"><a href=""> WEIRD WEB WORKERS </a></div>
 				<nav id="nav">
 					<ul>
-						<li><a href="#slide1" class="active" title="Next Section" >Slide 1</a></li>
-						<li><a href="#slide2" title="Next Section">Slide 2</a></li>
-						<li><a href="#slide3" title="Next Section">Slide 3</a></li>
-						<li><a href="#slide4" title="Next Section">Slide 4</a></li>
-						<li><a href="#slide5" title="Next Section">Slide 5</a></li>
+						<li><a href="#section1" class="active" title="Next Section" >Slide 1</a></li>
+						<li><a href="#section2" title="Next Section">Slide 2</a></li>
+						<li><a href="#section3" title="Next Section">Slide 3</a></li>
+						<li><a href="#section4" title="Next Section">Slide 4</a></li>
 					</ul>
 				</nav>
 			</div>
--- a/app/views/welcome/index.html.erb
+++ b/app/views/welcome/index.html.erb
@ -1,29 +1,48 @@
 <div id="section1" class="section">
-	<div class="content text">
+	<div class="content">
 		<div id="about">
-			<div class="box">
-				<h1>Free as in "Free speach"</h1>
+			<div class="textbox">
+				<%= image_tag("copyleft-icon.svg", size: "60") %>
+				<h1>Free as in <q>FREE SPEACH</q></h1>
+				Freedom
 			</div>
-			<div class="box">
+			<div class="textbox">
+				<%= image_tag("gears.svg", size: "60") %>
 				<h1>Custom Code</h1>
+				Programs
 			</div>
-			<div class="box">
+			<div class="textbox">
+				<%= image_tag("tux-mono.svg", size: "60") %>
 				<h1>Linux Consulting</h1>
+				Support
 			</div>
 		</div>
 	</div>
 </div>
 <div id="section2" class="section">
-	<div class="content text">
-		<h1>Other</h1>
-		<h3>Welcome to the famous <i>Weird Web Workers</i>.</h3>
-		<% @projects.each do |project| -%>
-		<p><%= project.name %></p>
+	<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>
+		<% @namespaces.each do |namespace| -%>
+			<hr />
+			<h3><%= namespace['name'] %></h3>
+			<p><%= namespace['description'] %></p>
+			<div id="projects">
+				<% @projects.find_all { |project|
+					project.namespace == namespace
+				}.each do |project| -%>
+					<div class="textbox">
+						<%= link_to project.name, project.web_url, :target => "_blank" %>
+					</div>
+				<% end -%>
+			</div>
 		<% end -%>
 	</div>
 </div>
 <div id="section3" class="section">
-	<div class="content text">
+	<div class="content">
 		<h1>Other</h1>
 		<p>
 		Some other stuff here...
@ -31,7 +50,7 @@
 	</div>
 </div>
 <div id="section4" class="section">
-	<div class="content text">
+	<div class="content">
 		<h1>Other</h1>
 		<p>
 		Some other stuff here...