diff mbox series

[qemu-web,v2,01/16] Convert files to UNIX line endings

Message ID 20201027132015.621733-2-berrange@redhat.com
State Superseded
Headers show
Series Re-design the QEMU home page to better present information | expand

Commit Message

Daniel P. Berrangé Oct. 27, 2020, 1:20 p.m. UTC
Signed-off-by: Daniel P. Berrangé <berrange@redhat.com>
---
 assets/css/style-desktop.css |  586 ++++++++---------
 assets/css/style-mobile.css  |  750 ++++++++++-----------
 assets/css/style.css         | 1184 +++++++++++++++++-----------------
 index.html                   |  178 ++---
 4 files changed, 1349 insertions(+), 1349 deletions(-)

Comments

Thomas Huth Oct. 27, 2020, 5:40 p.m. UTC | #1
On 27/10/2020 14.20, Daniel P. Berrangé wrote:
> Signed-off-by: Daniel P. Berrangé <berrange@redhat.com>

> ---

>  assets/css/style-desktop.css |  586 ++++++++---------

>  assets/css/style-mobile.css  |  750 ++++++++++-----------

>  assets/css/style.css         | 1184 +++++++++++++++++-----------------

>  index.html                   |  178 ++---

>  4 files changed, 1349 insertions(+), 1349 deletions(-)


git am complains:

.git/rebase-apply/patch:62: trailing whitespace.
	}	
.git/rebase-apply/patch:68: trailing whitespace.
	}	
.git/rebase-apply/patch:375: trailing whitespace.
	
.git/rebase-apply/patch:409: trailing whitespace.
	
.git/rebase-apply/patch:414: trailing whitespace.
	
warning: squelched 57 whitespace errors
warning: 62 lines add whitespace errors.

... so in case you respin, please fix these trailing whitespaces, too.

 Thomas
diff mbox series

Patch

diff --git a/assets/css/style-desktop.css b/assets/css/style-desktop.css
index b6c5aa1..ce58fe2 100644
--- a/assets/css/style-desktop.css
+++ b/assets/css/style-desktop.css
@@ -1,295 +1,295 @@ 
-/*
-	Linear by TEMPLATED
-    templated.co @templatedco
-    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-*/
-
-/*********************************************************************************/
-/* Grid                                                                          */
-/*********************************************************************************/
-
-@import url(cells.css);
-
-	.row > * {
-		padding-left: 50px;
-	}	
-	.row > *:first-child {
-		padding-left: 0px;
-	}
-	.row + .row {
-		padding-top: 50px;
-	}	
-
-/*********************************************************************************/
-/* Basic                                                                         */
-/*********************************************************************************/
-
-	.only-mobile, .not-desktop
-	{
-		display: none !important;
-	}
-
-	body
-	{
-		/* 90% transparent */
-		background: url(../images/qemu_head_200.png) no-repeat fixed 2em 80px;
+/*
+	Linear by TEMPLATED
+    templated.co @templatedco
+    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/*********************************************************************************/
+/* Grid                                                                          */
+/*********************************************************************************/
+
+@import url(cells.css);
+
+	.row > * {
+		padding-left: 50px;
+	}	
+	.row > *:first-child {
+		padding-left: 0px;
+	}
+	.row + .row {
+		padding-top: 50px;
+	}	
+
+/*********************************************************************************/
+/* Basic                                                                         */
+/*********************************************************************************/
+
+	.only-mobile, .not-desktop
+	{
+		display: none !important;
+	}
+
+	body
+	{
+		/* 90% transparent */
+		background: url(../images/qemu_head_200.png) no-repeat fixed 2em 80px;
 		background-color: #FFF;
-	}
-
-	body.homepage
-	{
-		/* 90% transparent */
-		background: url(../images/qemu_head_400_faint.png) no-repeat fixed center 60%;
+	}
+
+	body.homepage
+	{
+		/* 90% transparent */
+		background: url(../images/qemu_head_400_faint.png) no-repeat fixed center 60%;
 		background-color: #FFF;
-	}
-
-	body,input,textarea,select
-	{
-	}
-
-	.homepage h1
-	{
-		font-size: 7em;
-		letter-spacing: -0.05em;
-	}
-
-	.homepage h2
-	{
-		font-size: 2.2em;
-	}
-
-	h1
-	{
-		font-size: 3em;
-	}
-
-	header
-	{
-		margin-bottom: 2em;
-	}
-	
-		header .byline
-		{
-			font-size: 1.7em;
-		}
-
-/*********************************************************************************/
-/* Header                                                                        */
-/*********************************************************************************/
-
-	#header
-	{
-		padding: 5em 0 2em 0;
-	}
-
-/*********************************************************************************/
-/* Main                                                                          */
-/*********************************************************************************/
-
-	#main,#sidebar {
-		margin-top: 5em;
-	}
-
-	#sidebar h1
-	{
-		font-size: 2.4em;
-		letter-spacing: 0em;
-		line-height: 1.2em;
-		margin-top: -0.2em;
-	}
-
-/*********************************************************************************/
-/* Footer                                                                        */
-/*********************************************************************************/
-	
-	#footer
-	{
-		padding: 1em 0em;
-	}
-	
-	#footer-inner
-	{
-		width: 95%;
-		display: table;
-		margin: auto;
-	}
-
-	#footer ul
-	{
-		width: 25%;
-		display: table-cell;
-		padding-left: 2em;
-	}
-
-	#footer ul:first-child
-	{
-		padding-left: 0px;
-	}
-
-/*********************************************************************************/
-/* Featured                                                                      */
-/*********************************************************************************/
-	
-	#featured
-	{
-		padding: 3em 0em 1em 0em;
-	}
-	
-	#featured p
-	{
-		line-height: 1.5em;
-		font-size: 1.2em;
-	}
-	
-	.\31 u img { height:  6vw; }
-	.\32 u img { height: 12vw; }
-	.\33 u img { height: 18vw; }
-	.\34 u img { height: 24vw; }
-	.\36 u img { height: 36vw; }
-	.\37 u img { height: 42vw; }
-	.\38 u img { height: 48vw; }
-	.\39 u img { height: 54vw; }
-	.\31 0u img { height: 60vw; }
-	.\31 1u img { height: 66vw; }
-	.\31 2u img { height: 72vw; }
-	
-/*********************************************************************************/
-/* Horizontal menu                                                               */
-/*********************************************************************************/
-	.horiz-menu > ul
-	{
-		width: 100%;
-		margin: 0;
-		padding: 0;
-		display: table;
-		border-collapse: collapse;
-	}
-	.horiz-menu > ul > li
-	{
-		width: 25%;
-		border: 1px solid #000000;
-		display: table-cell;
-		color: #F03B11;
-	}
-	.horiz-menu > ul > li:hover
-	{
-		background: #FCECD4;
-		color: #802400;
-	}
-
-	.horiz-menu > ul > li > a
-	{
-		display: block;
-		padding: 1em;
-		border-bottom: 5px transparent;
-		white-space: nowrap;
-		color: inherit;
-	}
-	.horiz-menu > ul > li > a:hover
-	{
-		text-decoration: none;
-	}
-	.horiz-menu > ul > li.active > a
-	{
-		border-bottom: 5px #F03B11 solid;
-	}
-
-	.horiz-menu > ul > li.active > a:hover
-	{
-		border-bottom: 5px #802400 solid;
-	}
-
-	.horiz-menu > article
-	{
-		padding-top: 1em;
-		margin: 0;
-		display: none;
-	}
-
-	.horiz-menu > article.active
-	{
-		display: block;
-	}
-
-/*********************************************************************************/
-/* Nav                                                                           */
-/*********************************************************************************/
-
-	#titleBar
-	{
-		display: none !important;
-	}
-
-	#nav
-	{
-		display: block !important;
-		z-index: 2;
-		position: fixed;
-		background: #802400;
-		background: -webkit-linear-gradient(top, #802400 0%,#800800 100%);
-		background: linear-gradient(to bottom, #802400 0%,#800800 100%);
-		left: 0;
-		top: 0;
-		width: 100%;
-	}
-		
-		#nav > ul
-		{
-			text-align: right;
-			margin: 0;
-		}
-
-		#nav > ul > li
-		{
-			display: inline-block;
-			margin: 0;
-			padding: 0.5em 2em 0.5em 0em;
-			color: #FFF;
-			letter-spacing: 0.06em;
-			text-transform: uppercase;
-			font-size: 1.1em;
-		}
-
-		#nav a
-		{
-			text-decoration: none;
-			color: inherit;
-		}
-
-		#nav > ul > li > a,
-		#nav > ul > li > span
-		{
-			display: inline-block;
-			padding: 3px 0.5em 3px 0.5em;
-		}
-
-		#nav > ul > li:hover > a,
-		#nav > ul > li:hover > span
-		{
-			border-bottom: 3px solid #F0A833;
-			padding-bottom: 0px;
-		}
-
-		#nav li.current a
-		{
-			font-weight: 500;
-		}
-
-/*
-		#nav > ul > li.home
-		{
-			display: block;
-			float: left;
-		}
-*/
-
-		#nav > ul > li > ul
-		{
-			display: none;
-		}
-
-
-/* Colorbox customization */
-
-	body #cboxTitle { height: 50px; bottom: 24px; color: #000000; text-align: left; }
-	body #cboxMiddleLeft, body #cboxMiddleRight, body #cboxContent { padding-bottom: 50px; box-sizing: content-box; }
+	}
+
+	body,input,textarea,select
+	{
+	}
+
+	.homepage h1
+	{
+		font-size: 7em;
+		letter-spacing: -0.05em;
+	}
+
+	.homepage h2
+	{
+		font-size: 2.2em;
+	}
+
+	h1
+	{
+		font-size: 3em;
+	}
+
+	header
+	{
+		margin-bottom: 2em;
+	}
+	
+		header .byline
+		{
+			font-size: 1.7em;
+		}
+
+/*********************************************************************************/
+/* Header                                                                        */
+/*********************************************************************************/
+
+	#header
+	{
+		padding: 5em 0 2em 0;
+	}
+
+/*********************************************************************************/
+/* Main                                                                          */
+/*********************************************************************************/
+
+	#main,#sidebar {
+		margin-top: 5em;
+	}
+
+	#sidebar h1
+	{
+		font-size: 2.4em;
+		letter-spacing: 0em;
+		line-height: 1.2em;
+		margin-top: -0.2em;
+	}
+
+/*********************************************************************************/
+/* Footer                                                                        */
+/*********************************************************************************/
+	
+	#footer
+	{
+		padding: 1em 0em;
+	}
+	
+	#footer-inner
+	{
+		width: 95%;
+		display: table;
+		margin: auto;
+	}
+
+	#footer ul
+	{
+		width: 25%;
+		display: table-cell;
+		padding-left: 2em;
+	}
+
+	#footer ul:first-child
+	{
+		padding-left: 0px;
+	}
+
+/*********************************************************************************/
+/* Featured                                                                      */
+/*********************************************************************************/
+	
+	#featured
+	{
+		padding: 3em 0em 1em 0em;
+	}
+	
+	#featured p
+	{
+		line-height: 1.5em;
+		font-size: 1.2em;
+	}
+	
+	.\31 u img { height:  6vw; }
+	.\32 u img { height: 12vw; }
+	.\33 u img { height: 18vw; }
+	.\34 u img { height: 24vw; }
+	.\36 u img { height: 36vw; }
+	.\37 u img { height: 42vw; }
+	.\38 u img { height: 48vw; }
+	.\39 u img { height: 54vw; }
+	.\31 0u img { height: 60vw; }
+	.\31 1u img { height: 66vw; }
+	.\31 2u img { height: 72vw; }
+	
+/*********************************************************************************/
+/* Horizontal menu                                                               */
+/*********************************************************************************/
+	.horiz-menu > ul
+	{
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+		border-collapse: collapse;
+	}
+	.horiz-menu > ul > li
+	{
+		width: 25%;
+		border: 1px solid #000000;
+		display: table-cell;
+		color: #F03B11;
+	}
+	.horiz-menu > ul > li:hover
+	{
+		background: #FCECD4;
+		color: #802400;
+	}
+
+	.horiz-menu > ul > li > a
+	{
+		display: block;
+		padding: 1em;
+		border-bottom: 5px transparent;
+		white-space: nowrap;
+		color: inherit;
+	}
+	.horiz-menu > ul > li > a:hover
+	{
+		text-decoration: none;
+	}
+	.horiz-menu > ul > li.active > a
+	{
+		border-bottom: 5px #F03B11 solid;
+	}
+
+	.horiz-menu > ul > li.active > a:hover
+	{
+		border-bottom: 5px #802400 solid;
+	}
+
+	.horiz-menu > article
+	{
+		padding-top: 1em;
+		margin: 0;
+		display: none;
+	}
+
+	.horiz-menu > article.active
+	{
+		display: block;
+	}
+
+/*********************************************************************************/
+/* Nav                                                                           */
+/*********************************************************************************/
+
+	#titleBar
+	{
+		display: none !important;
+	}
+
+	#nav
+	{
+		display: block !important;
+		z-index: 2;
+		position: fixed;
+		background: #802400;
+		background: -webkit-linear-gradient(top, #802400 0%,#800800 100%);
+		background: linear-gradient(to bottom, #802400 0%,#800800 100%);
+		left: 0;
+		top: 0;
+		width: 100%;
+	}
+		
+		#nav > ul
+		{
+			text-align: right;
+			margin: 0;
+		}
+
+		#nav > ul > li
+		{
+			display: inline-block;
+			margin: 0;
+			padding: 0.5em 2em 0.5em 0em;
+			color: #FFF;
+			letter-spacing: 0.06em;
+			text-transform: uppercase;
+			font-size: 1.1em;
+		}
+
+		#nav a
+		{
+			text-decoration: none;
+			color: inherit;
+		}
+
+		#nav > ul > li > a,
+		#nav > ul > li > span
+		{
+			display: inline-block;
+			padding: 3px 0.5em 3px 0.5em;
+		}
+
+		#nav > ul > li:hover > a,
+		#nav > ul > li:hover > span
+		{
+			border-bottom: 3px solid #F0A833;
+			padding-bottom: 0px;
+		}
+
+		#nav li.current a
+		{
+			font-weight: 500;
+		}
+
+/*
+		#nav > ul > li.home
+		{
+			display: block;
+			float: left;
+		}
+*/
+
+		#nav > ul > li > ul
+		{
+			display: none;
+		}
+
+
+/* Colorbox customization */
+
+	body #cboxTitle { height: 50px; bottom: 24px; color: #000000; text-align: left; }
+	body #cboxMiddleLeft, body #cboxMiddleRight, body #cboxContent { padding-bottom: 50px; box-sizing: content-box; }
diff --git a/assets/css/style-mobile.css b/assets/css/style-mobile.css
index 9f2f033..8910e71 100644
--- a/assets/css/style-mobile.css
+++ b/assets/css/style-mobile.css
@@ -1,375 +1,375 @@ 
-/*
-	Linear by TEMPLATED
-    templated.co @templatedco
-    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-*/
-
-/*********************************************************************************/
-/* Grid                                                                          */
-/*********************************************************************************/
-
-	.row > * {
-		padding: 15px 0 0 0;
-		float: none;
-		margin-left: auto !important;
-		margin-right: auto !important;
-	}	
-	.row + .row > * {
-		padding-top: 15px;
-	}
-
-/*********************************************************************************/
-/* Basic                                                                         */
-/*********************************************************************************/
-
-	.only-desktop, .not-mobile
-	{
-		display: none !important;
-	}
-
-	body,input,textarea,select
-	{
-		line-height: 1.5em;
-		font-size: 10.5pt;
-		letter-spacing: 0;
-	}
-
-	body
-	{
-		background: url(../images/qemu_head_200_faint.png) no-repeat fixed center center;
-	}
-		body.homepage
-		{
-			background-position: center 200px;
-			background-attachment: scroll;
-		}
-		body.fixed
-		{
-			background-position: center 80px;
-			background-attachment: fixed;
-		}
-
-	#featured
-	{
-		padding-top: 250px;
-	}
-	@media (min-width:500px) {
-		body
-		{
-			background-image: url(../images/qemu_head_400_faint.png);
-		}
-		#featured
-		{
-			padding-top: 50px;
-		}
-	}
-
-	section,
-	article
-	{
-		clear: both;
-		margin: 2em 0 2em 0;
-	}
-
-	.container
-	{
-		padding: 0em 1em;
-	}
-
-	header
-	{
-		margin-bottom: 1.6em;
-	}
-	
-		header .byline
-		{
-			font-size: 1.2em;
-		}
-
-	.button
-	{
-		display: block;
-		width: 100%;
-		text-align: center;
-	}
-
-	.homepage h1
-	{
-		font-size: 3em;
-		padding-top: 0.6em;
-	}
-
-	h1, .homepage h2
-	{
-		font-size: 2em;
-	}
-
-	h2, .homepage h3
-	{
-		font-size: 1.6em;
-	}
-
-	h3, h4, h5, h6
-	{
-		font-size: 1.5em;
-	}
-
-/*********************************************************************************/
-/* UI                                                                            */
-/*********************************************************************************/
-
-	#titleBar
-	{
-		width: 100%;
-		background: #161616;
-		height: 44px;
-		overflow: hidden;
-		position: fixed;
-		margin-top: -44px;
-		z-index: 2;
-	}
-
-		body.js {
-			padding-top: 44px;
-		}
-
-		#titleBar .title
-		{
-			color: #fff;
-			text-align: center;
-			line-height: 44px;
-			font-weight: 300;
-			text-decoration: none;
-			display: block;
-			position: absolute;
-			left: 0;
-			top: 0;
-			width: 100%;
-			z-index: 1;
-		}
-		
-		button[aria-controls="nav"]
-		{
-			float: left;
-			position: relative;
-			left: 0;
-			top: 0;
-			width: 80px;
-			height: 44px;
-			cursor: pointer;
-			z-index: 2;
-			background: transparent;
-			border: 0px;
-			color: #808080;
-		}
-
-			button[aria-controls="nav"] > span.fa
-			{
-				width: 20px;
-				height: 12px;
-				position: absolute;
-				left: 12px;
-				top: 10px;
-			}
-
-			button[aria-controls="nav"]:active
-			{
-				color: #c0c0c0;
-			}
-	#nav
-	{
-		padding: 0em;
-		background: #1f1f1f;
-	}
-
-		#titleBar + #nav {
-			position: fixed;
-			margin-left: -80%;
-			width: 80%;
-			height: 100%;
-			z-index: 2;
-			left: 0;
-			top: 0;
-		}
-
-		#nav > ul 
-		{
-			margin: 0em;
-			padding: 0.3em;
-		}
-
-		#nav > ul > li
-		{
-			border-top: 1px solid white;
-			margin: 0;
-			padding: 0.3em;
-			color: #ffffff;
-		}
-
-		#nav > ul > li:first-child
-		{
-			border-top: 0px;
-		}
-	
-		#nav > ul > li > a,
-		#nav > ul > li > span
-		{
-			display: block;
-			padding: 0 1em 0 1em;
-			letter-spacing: 1px;
-			color: inherit;
-			text-align: left;
-		}
-		
-/*********************************************************************************/
-/* Header                                                                        */
-/*********************************************************************************/
-
-	#header {
-		height: 9em;
-	}
-
-	#header h1 {
-		margin-bottom: 0.2em;
-	}
-
-/*********************************************************************************/
-/* Logo                                                                          */
-/*********************************************************************************/
-
-
-/*********************************************************************************/
-/* Columns                                                                       */
-/*********************************************************************************/
-
-	#main, #footer-inner, #copyright-inner
-	{
-		margin-left: 0%;
-		width: 100%;
-	}
-
-	#sidebar
-	{
-		margin-left: 0%;
-		width: 100%;
-	}
-
-/*********************************************************************************/
-/* Main                                                                          */
-/*********************************************************************************/
-
-	#main
-	{
-		padding: 2em 0em 1em 0em;
-	}
-
-/*********************************************************************************/
-/* Sidebar                                                                       */
-/*********************************************************************************/
-	
-	#sidebar
-	{
-		clear: left;
-	}
-
-	#sidebar h1
-	{
-		font-size: 1.6em;
-	}
-	
-/*********************************************************************************/
-/* Footer                                                                        */
-/*********************************************************************************/
-	
-	#footer
-	{
-		padding: 1em;
-	}
-	
-	#footer ul
-	{
-		padding: 0.6em 0px;
-		border-top: 1px solid white;
-	}
-
-	#footer ul:first-child
-	{
-		border-top: 0px;
-	}
-	
-/*********************************************************************************/
-/* Featured                                                                      */
-/*********************************************************************************/
-	
-	#featured
-	{
-		padding-bottom: 3em;
-	}
-
-	#featured h3
-	{
-		padding: 0.5em 0em;
-		font-size: 1.4em;
-		margin: 0em;
-	}
-	#featured h3+p
-	{
-		margin-top: 0em;
-	}
-
-	#featured .pennant a
-	{
-		cursor: inherit;
-	}
-
-	#featured .pennant img
-	{
-		object-position: bottom;
-		background-position: bottom; /* for IE polyfill */
-	}
-	@media (orientation: landscape) {
-		#featured .pennant img
-		{
-			height: 70vh;
-		}
-	}
-
-/*********************************************************************************/
-/* Welcome                                                                       */
-/*********************************************************************************/
-	
-	#welcome
-	{
-		padding: 4em 0em 3em 0em;
-	}
-	
-/*********************************************************************************/
-/* Horizontal menu                                                               */
-/*********************************************************************************/
-	.horiz-menu > ul
-	{
-		display: none !important;
-	}
-	.horiz-menu > article
-	{
-		display: block !important;
-		border: 1px solid #000000;
-		padding: 1em;
-		margin-bottom: 1em;
-	}
-	.horiz-menu > article > header
-	{
-		display: block !important;
-	}
-	.horiz-menu pre
-	{
-		border: 0px;
-	}
-
-/*********************************************************************************/
-/* Releases                                                                      */
-/*********************************************************************************/
-
-	#releases ul > li {
-		width: 48%;
-	}
+/*
+	Linear by TEMPLATED
+    templated.co @templatedco
+    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/*********************************************************************************/
+/* Grid                                                                          */
+/*********************************************************************************/
+
+	.row > * {
+		padding: 15px 0 0 0;
+		float: none;
+		margin-left: auto !important;
+		margin-right: auto !important;
+	}	
+	.row + .row > * {
+		padding-top: 15px;
+	}
+
+/*********************************************************************************/
+/* Basic                                                                         */
+/*********************************************************************************/
+
+	.only-desktop, .not-mobile
+	{
+		display: none !important;
+	}
+
+	body,input,textarea,select
+	{
+		line-height: 1.5em;
+		font-size: 10.5pt;
+		letter-spacing: 0;
+	}
+
+	body
+	{
+		background: url(../images/qemu_head_200_faint.png) no-repeat fixed center center;
+	}
+		body.homepage
+		{
+			background-position: center 200px;
+			background-attachment: scroll;
+		}
+		body.fixed
+		{
+			background-position: center 80px;
+			background-attachment: fixed;
+		}
+
+	#featured
+	{
+		padding-top: 250px;
+	}
+	@media (min-width:500px) {
+		body
+		{
+			background-image: url(../images/qemu_head_400_faint.png);
+		}
+		#featured
+		{
+			padding-top: 50px;
+		}
+	}
+
+	section,
+	article
+	{
+		clear: both;
+		margin: 2em 0 2em 0;
+	}
+
+	.container
+	{
+		padding: 0em 1em;
+	}
+
+	header
+	{
+		margin-bottom: 1.6em;
+	}
+	
+		header .byline
+		{
+			font-size: 1.2em;
+		}
+
+	.button
+	{
+		display: block;
+		width: 100%;
+		text-align: center;
+	}
+
+	.homepage h1
+	{
+		font-size: 3em;
+		padding-top: 0.6em;
+	}
+
+	h1, .homepage h2
+	{
+		font-size: 2em;
+	}
+
+	h2, .homepage h3
+	{
+		font-size: 1.6em;
+	}
+
+	h3, h4, h5, h6
+	{
+		font-size: 1.5em;
+	}
+
+/*********************************************************************************/
+/* UI                                                                            */
+/*********************************************************************************/
+
+	#titleBar
+	{
+		width: 100%;
+		background: #161616;
+		height: 44px;
+		overflow: hidden;
+		position: fixed;
+		margin-top: -44px;
+		z-index: 2;
+	}
+
+		body.js {
+			padding-top: 44px;
+		}
+
+		#titleBar .title
+		{
+			color: #fff;
+			text-align: center;
+			line-height: 44px;
+			font-weight: 300;
+			text-decoration: none;
+			display: block;
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			z-index: 1;
+		}
+		
+		button[aria-controls="nav"]
+		{
+			float: left;
+			position: relative;
+			left: 0;
+			top: 0;
+			width: 80px;
+			height: 44px;
+			cursor: pointer;
+			z-index: 2;
+			background: transparent;
+			border: 0px;
+			color: #808080;
+		}
+
+			button[aria-controls="nav"] > span.fa
+			{
+				width: 20px;
+				height: 12px;
+				position: absolute;
+				left: 12px;
+				top: 10px;
+			}
+
+			button[aria-controls="nav"]:active
+			{
+				color: #c0c0c0;
+			}
+	#nav
+	{
+		padding: 0em;
+		background: #1f1f1f;
+	}
+
+		#titleBar + #nav {
+			position: fixed;
+			margin-left: -80%;
+			width: 80%;
+			height: 100%;
+			z-index: 2;
+			left: 0;
+			top: 0;
+		}
+
+		#nav > ul 
+		{
+			margin: 0em;
+			padding: 0.3em;
+		}
+
+		#nav > ul > li
+		{
+			border-top: 1px solid white;
+			margin: 0;
+			padding: 0.3em;
+			color: #ffffff;
+		}
+
+		#nav > ul > li:first-child
+		{
+			border-top: 0px;
+		}
+	
+		#nav > ul > li > a,
+		#nav > ul > li > span
+		{
+			display: block;
+			padding: 0 1em 0 1em;
+			letter-spacing: 1px;
+			color: inherit;
+			text-align: left;
+		}
+		
+/*********************************************************************************/
+/* Header                                                                        */
+/*********************************************************************************/
+
+	#header {
+		height: 9em;
+	}
+
+	#header h1 {
+		margin-bottom: 0.2em;
+	}
+
+/*********************************************************************************/
+/* Logo                                                                          */
+/*********************************************************************************/
+
+
+/*********************************************************************************/
+/* Columns                                                                       */
+/*********************************************************************************/
+
+	#main, #footer-inner, #copyright-inner
+	{
+		margin-left: 0%;
+		width: 100%;
+	}
+
+	#sidebar
+	{
+		margin-left: 0%;
+		width: 100%;
+	}
+
+/*********************************************************************************/
+/* Main                                                                          */
+/*********************************************************************************/
+
+	#main
+	{
+		padding: 2em 0em 1em 0em;
+	}
+
+/*********************************************************************************/
+/* Sidebar                                                                       */
+/*********************************************************************************/
+	
+	#sidebar
+	{
+		clear: left;
+	}
+
+	#sidebar h1
+	{
+		font-size: 1.6em;
+	}
+	
+/*********************************************************************************/
+/* Footer                                                                        */
+/*********************************************************************************/
+	
+	#footer
+	{
+		padding: 1em;
+	}
+	
+	#footer ul
+	{
+		padding: 0.6em 0px;
+		border-top: 1px solid white;
+	}
+
+	#footer ul:first-child
+	{
+		border-top: 0px;
+	}
+	
+/*********************************************************************************/
+/* Featured                                                                      */
+/*********************************************************************************/
+	
+	#featured
+	{
+		padding-bottom: 3em;
+	}
+
+	#featured h3
+	{
+		padding: 0.5em 0em;
+		font-size: 1.4em;
+		margin: 0em;
+	}
+	#featured h3+p
+	{
+		margin-top: 0em;
+	}
+
+	#featured .pennant a
+	{
+		cursor: inherit;
+	}
+
+	#featured .pennant img
+	{
+		object-position: bottom;
+		background-position: bottom; /* for IE polyfill */
+	}
+	@media (orientation: landscape) {
+		#featured .pennant img
+		{
+			height: 70vh;
+		}
+	}
+
+/*********************************************************************************/
+/* Welcome                                                                       */
+/*********************************************************************************/
+	
+	#welcome
+	{
+		padding: 4em 0em 3em 0em;
+	}
+	
+/*********************************************************************************/
+/* Horizontal menu                                                               */
+/*********************************************************************************/
+	.horiz-menu > ul
+	{
+		display: none !important;
+	}
+	.horiz-menu > article
+	{
+		display: block !important;
+		border: 1px solid #000000;
+		padding: 1em;
+		margin-bottom: 1em;
+	}
+	.horiz-menu > article > header
+	{
+		display: block !important;
+	}
+	.horiz-menu pre
+	{
+		border: 0px;
+	}
+
+/*********************************************************************************/
+/* Releases                                                                      */
+/*********************************************************************************/
+
+	#releases ul > li {
+		width: 48%;
+	}
diff --git a/assets/css/style.css b/assets/css/style.css
index b828887..e09b383 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,592 +1,592 @@ 
-@charset 'UTF-8';
-/*
-	Linear by TEMPLATED
-    templated.co @templatedco
-    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-*/
-
-/*********************************************************************************/
-/* Basic                                                                         */
-/*********************************************************************************/
-
-	body
-	{
-		margin: 0;
-		padding: 0;
-		background: #ffffff;
-	}
-
-	body,input,textarea,select
-	{
-		font-family: 'Roboto', sans-serif;
-		font-size: 11pt;
-		font-weight: 300;
-		line-height: 1.75em;
-		color: #000000;
-	}
-
-	strong,b,a
-	{
-		font-weight: 400;
-	}
-	strong a,b a
-	{
-		font-weight: 500;
-	}
-	h1,.homepage h2
-	{
-		font-weight: 300;
-		color: black;
-	}
-	h2,h3,h4,h5,h6
-	{
-		font-weight: 400;
-		color: #802400;
-	}
-	
-	pre,code,samp,tt
-	{
-		font-family: 'Roboto Mono', monospace;
-	}
-	pre,code
-	{
-		background: rgba(0,0,0,0.05);
-	}
-
-	.homepage h1 {
-		margin: 0;
-	}
-
-		h1, .homepage h2
-		{
-			letter-spacing: -0.025em;
-			line-height: 1.025em;
-			margin-top: -0.125em;
-		}
-
-		h2, .homepage h3
-		{
-			font-size: 2em;
-		}
-	
-		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
-		{
-			color: inherit;
-			font-weight: inherit;
-		}
-	
-		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
-		{
-			text-decoration: none;
-		}
-		
-	pre
-	{
-               padding: 1em;
-               border: 1px #000000 solid;
-		max-width: 100%;
-		overflow-x: auto;
-	}
-
-	a
-	{
-		text-decoration: none;
-		color: #F03B11;
-	}
-	
-	a:hover
-	{
-		text-decoration: underline;
-	}
-
-	sub
-	{
-		position: relative;
-		top: 0.5em;
-		font-size: 0.8em;
-	}
-	
-	sup
-	{
-		position: relative;
-		top: -0.5em;
-		font-size: 0.8em;
-	}
-	
-	hr
-	{
-		border: 0;
-		border-top: solid 1px #333;
-		margin: 2em 0 2em 0;
-		padding: 0;
-	}
-	
-	blockquote
-	{
-		border-left: solid 0.5em #333;
-		padding: 1em 0 1em 2em;
-		font-style: italic;
-	}
-	
-	p, ul, ol, dl, table
-	{
-		margin-bottom: 1em;
-	}
-
-	header
-	{
-		margin-bottom: 1em;
-	}
-	
-		header h1, header h2, header h3, header h4, header h5, header h6
-		{
-			margin-bottom: 0em;
-		}
-
-		header .byline
-		{
-			display: block;
-			margin: 1.5em 0 0 0;
-			padding: 0 0 0.5em 0;
-		}
-		
-		.posted {
-			letter-spacing: 1px;
-			text-transform: uppercase;
-			font-size: 80%;
-			color: #999999;
-		}
-
-	footer
-	{
-		margin-top: 1em;
-	}
-
-	.clear
-	{
-		clear: both;
-	}
-
-	.pennant
-	{
-		color: #999999;
-	}
-
-	/* Sections/Articles */
-	
-		section,
-		article
-		{
-			margin-bottom: 3em;
-		}
-		
-		section > :last-child,
-		article > :last-child
-		{
-			margin-bottom: 0;
-		}
-
-		section:last-child,
-		article:last-child
-		{
-			margin-bottom: 0;
-		}
-
-		.row > section,
-		.row > article
-		{
-			margin-bottom: 0;
-		}
-
-	/* Images */
-
-		img {
-			max-width: 100%;
-		}
-
-		.image
-		{
-			display: inline-block;
-		}
-		
-			.image img
-			{
-				display: block;
-				width: 100%;
-			}
-
-			.image.featured
-			{
-				display: block;
-				width: 100%;
-				margin: 0 0 2em 0;
-			}
-			
-			.image.full
-			{
-				display: block;
-				width: 100%;
-				margin-bottom: 2em;
-			}
-			
-			.image.left
-			{
-				float: left;
-				margin: 0 2em 2em 0;
-			}
-			
-			.image.centered
-			{
-				display: block;
-				margin: 0 0 2em 0;
-			}
-
-				.image.centered img
-				{
-					margin: 0 auto;
-					width: auto;
-				}
-
-	/* Lists */
-
-		ul.style
-		{
-			margin-bottom: 0em;
-			padding: 0;
-		}
-		
-		ul.style li {
-			margin: 0;
-			padding: 0em 0em 1.5em 0em;
-			list-style: none;
-		}
-		
-		ul.category
-		{
-			margin: 0;
-			padding: 0;
-			letter-spacing: 1px;
-			text-transform: uppercase;
-			font-size: 80%;
-			color: #999999;
-		}
-
-		ul.category li {
-			display: inline;
-			margin: 0;
-			padding: 0;
-			list-style: none;
-			padding-right: 1em;
-		}
-		ul.category li::before {
-			padding-right: 0.3em;
-		}
-
-
-	/* Buttons */
-		
-	.button
-	{
-		position: relative;
-		display: inline-block;
-		background: #F03B11;
-		padding: 0.8em 2em;
-		font-size: 1.2em;
-		color: #FFF;
-		-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		text-align: center;
-		border-radius: 0.25em;
-	}
-
-	.button:hover
-	{
-		background: #F01111;
-		text-decoration: none;
-	}
-
-/*********************************************************************************/
-/* Icons                                                                         */
-/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
-/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
-/*********************************************************************************/
-
-	.fa
-	{
-		text-decoration: none;
-	}
-
-		.fa.solo
-		{
-		}
-		
-			.fa.solo span
-			{
-				display: none;
-			}
-
-		.fa:before
-		{
-			display:inline-block;
-			font-family: FontAwesome;
-			font-size: 1.25em;
-			text-decoration: none;
-			font-style: normal;
-			font-weight: normal;
-			line-height: 1;
-			-webkit-font-smoothing:antialiased;
-			-moz-osx-font-smoothing:grayscale;
-		}
-
-/*********************************************************************************/
-/* Social Icon Styles                                                            */
-/*********************************************************************************/
-
-	ul.contact
-	{
-		padding: 1.5em 0 0 0;
-		list-style: none;
-		cursor: default;
-	}
-	
-	ul.contact li
-	{
-		display: inline-block;
-		margin: 0 1em;
-	}
-	
-	ul.contact li span
-	{
-		display: none;
-		margin: 0;
-		padding: 0;
-	}
-	
-	ul.contact li a
-	{
-		color: inherit;
-		font-size: 1.75em;
-		display: inline-block;
-		-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-		transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
-	}
-	
-	ul.contact li a:hover
-	{
-		color: #fff;
-	}
-
-/*********************************************************************************/
-/* Header                                                                        */
-/*********************************************************************************/
-
-	#header
-	{
-		position: relative;
-		background: #f03b11;
-		background: -webkit-linear-gradient(top, #f03b11 0%,#f01139 100%);
-		background: linear-gradient(to bottom, #f03b11 0%,#f01139 100%);
-		background-size: cover;
-		text-align: center;
-	}
-	
-		#header:after
-		{
-			content: '';
-			position: relative;
-			width: 0;
-			height: 6em;
-			left: 0;
-			top: 0;
-			float: left;
-		}
-
-/*********************************************************************************/
-/* Logo                                                                          */
-/*********************************************************************************/
-
-		#header h1
-		{
-			color: #FFF;
-			text-decoration: none;
-			font-weight: 300;
-			line-height: 1em;
-		}
-		#header .tag
-		{
-			font-size: 1.4em;
-			color: #FFF;
-		}
-
-/*********************************************************************************/
-/* Columns                                                                       */
-/*********************************************************************************/
-
-	#main, #copyright-inner
-	{
-		margin-left: 16.667%;
-		width: 66.667%;
-	}
-
-	#sidebar
-	{
-		width: 16.667%;
-	}
-
-/*********************************************************************************/
-/* Main                                                                          */
-/*********************************************************************************/
-
-	#main
-	{
-		clear: left;
-	}
-
-	#main, #sidebar
-	{
-		position: relative;
-		float: left;
-		padding-bottom: 3em;
-	}
-	
-	.homepage header, .homepage p
-	{
-		text-align: center;
-	}
-	
-	#sidebar header
-	{
-		margin-bottom: 0.50em;
-	}
-
-/*********************************************************************************/
-/* Releases                                                                      */
-/*********************************************************************************/
-	#releases
-	{
-		margin: 2em 0em;
-		text-align: center;
-	}
-
-	#releases ul, #releases p
-	{
-		margin: 0em;
-	}
-	
-	#releases ul > li
-	{
-		list-style: none;
-		display: inline-block;
-		width: 40%;
-		margin: 1em 0em;
-	}
-
-	#releases ul > li > strong
-	{
-		list-style: none;
-		display: block;
-		font-size: 3em;
-		margin-bottom: 0.2em;
-	}
-
-/*********************************************************************************/
-/* Footer                                                                        */
-/*********************************************************************************/
-	
-	#footer
-	{
-		position: relative;
-		clear: left;
-		background: #401200;
-		color: #FFF;
-	}
-	
-	#footer a
-	{
-		color: inherit;
-	}
-	
-	#footer ul
-	{
-		vertical-align: top;
-	}
-
-	#footer ul, #footer ul > li
-	{
-		padding: 0;
-		margin: 0
-	}
-
-/*********************************************************************************/
-/* Copyright                                                                     */
-/*********************************************************************************/
-	
-	#copyright
-	{
-		clear: left;
-		border-top: 1px solid #aaaaaa;
-		position: relative;
-		color: #aaaaaa;
-		background: #ffffff;
-		padding: 1em 0em;
-	}
-	
-	#copyright a
-	{
-		color: inherit;
-	}
-	
-/*********************************************************************************/
-/* Featured                                                                      */
-/*********************************************************************************/
-	
-	#featured
-	{
-		position: relative;
-		background: rgba(0,0,0,0.05);
-		text-align: center;
-		margin-bottom: 2em;
-	}
-	
-	#featured header
-	{
-		border-bottom: 1px solid #333333;
-	}
-	#featured h2
-	{
-		margin-bottom: 0em;
-	}
-
-	#featured h3
-	{
-		padding: 1.5em 0em;
-		font-size: 1.6em;
-		display: block;
-		font-weight: 300;
-		height: 2em;
-		margin: 0em 0em 1em 0em;
-	}
-
-	#featured .pennant
-	{
-		font-size: 4em;
-	}
-
-	#featured .pennant img
-	{
-		width: 100%;
-		object-fit: contain;
-		background-size: contain; /* for IE polyfill */
-		background-repeat: no-repeat; /* for IE polyfill */
-	}
-
-	#featured .button
-	{
-		margin-top: 1.5em;
-	}
+@charset 'UTF-8';
+/*
+	Linear by TEMPLATED
+    templated.co @templatedco
+    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+
+/*********************************************************************************/
+/* Basic                                                                         */
+/*********************************************************************************/
+
+	body
+	{
+		margin: 0;
+		padding: 0;
+		background: #ffffff;
+	}
+
+	body,input,textarea,select
+	{
+		font-family: 'Roboto', sans-serif;
+		font-size: 11pt;
+		font-weight: 300;
+		line-height: 1.75em;
+		color: #000000;
+	}
+
+	strong,b,a
+	{
+		font-weight: 400;
+	}
+	strong a,b a
+	{
+		font-weight: 500;
+	}
+	h1,.homepage h2
+	{
+		font-weight: 300;
+		color: black;
+	}
+	h2,h3,h4,h5,h6
+	{
+		font-weight: 400;
+		color: #802400;
+	}
+	
+	pre,code,samp,tt
+	{
+		font-family: 'Roboto Mono', monospace;
+	}
+	pre,code
+	{
+		background: rgba(0,0,0,0.05);
+	}
+
+	.homepage h1 {
+		margin: 0;
+	}
+
+		h1, .homepage h2
+		{
+			letter-spacing: -0.025em;
+			line-height: 1.025em;
+			margin-top: -0.125em;
+		}
+
+		h2, .homepage h3
+		{
+			font-size: 2em;
+		}
+	
+		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
+		{
+			color: inherit;
+			font-weight: inherit;
+		}
+	
+		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
+		{
+			text-decoration: none;
+		}
+		
+	pre
+	{
+               padding: 1em;
+               border: 1px #000000 solid;
+		max-width: 100%;
+		overflow-x: auto;
+	}
+
+	a
+	{
+		text-decoration: none;
+		color: #F03B11;
+	}
+	
+	a:hover
+	{
+		text-decoration: underline;
+	}
+
+	sub
+	{
+		position: relative;
+		top: 0.5em;
+		font-size: 0.8em;
+	}
+	
+	sup
+	{
+		position: relative;
+		top: -0.5em;
+		font-size: 0.8em;
+	}
+	
+	hr
+	{
+		border: 0;
+		border-top: solid 1px #333;
+		margin: 2em 0 2em 0;
+		padding: 0;
+	}
+	
+	blockquote
+	{
+		border-left: solid 0.5em #333;
+		padding: 1em 0 1em 2em;
+		font-style: italic;
+	}
+	
+	p, ul, ol, dl, table
+	{
+		margin-bottom: 1em;
+	}
+
+	header
+	{
+		margin-bottom: 1em;
+	}
+	
+		header h1, header h2, header h3, header h4, header h5, header h6
+		{
+			margin-bottom: 0em;
+		}
+
+		header .byline
+		{
+			display: block;
+			margin: 1.5em 0 0 0;
+			padding: 0 0 0.5em 0;
+		}
+		
+		.posted {
+			letter-spacing: 1px;
+			text-transform: uppercase;
+			font-size: 80%;
+			color: #999999;
+		}
+
+	footer
+	{
+		margin-top: 1em;
+	}
+
+	.clear
+	{
+		clear: both;
+	}
+
+	.pennant
+	{
+		color: #999999;
+	}
+
+	/* Sections/Articles */
+	
+		section,
+		article
+		{
+			margin-bottom: 3em;
+		}
+		
+		section > :last-child,
+		article > :last-child
+		{
+			margin-bottom: 0;
+		}
+
+		section:last-child,
+		article:last-child
+		{
+			margin-bottom: 0;
+		}
+
+		.row > section,
+		.row > article
+		{
+			margin-bottom: 0;
+		}
+
+	/* Images */
+
+		img {
+			max-width: 100%;
+		}
+
+		.image
+		{
+			display: inline-block;
+		}
+		
+			.image img
+			{
+				display: block;
+				width: 100%;
+			}
+
+			.image.featured
+			{
+				display: block;
+				width: 100%;
+				margin: 0 0 2em 0;
+			}
+			
+			.image.full
+			{
+				display: block;
+				width: 100%;
+				margin-bottom: 2em;
+			}
+			
+			.image.left
+			{
+				float: left;
+				margin: 0 2em 2em 0;
+			}
+			
+			.image.centered
+			{
+				display: block;
+				margin: 0 0 2em 0;
+			}
+
+				.image.centered img
+				{
+					margin: 0 auto;
+					width: auto;
+				}
+
+	/* Lists */
+
+		ul.style
+		{
+			margin-bottom: 0em;
+			padding: 0;
+		}
+		
+		ul.style li {
+			margin: 0;
+			padding: 0em 0em 1.5em 0em;
+			list-style: none;
+		}
+		
+		ul.category
+		{
+			margin: 0;
+			padding: 0;
+			letter-spacing: 1px;
+			text-transform: uppercase;
+			font-size: 80%;
+			color: #999999;
+		}
+
+		ul.category li {
+			display: inline;
+			margin: 0;
+			padding: 0;
+			list-style: none;
+			padding-right: 1em;
+		}
+		ul.category li::before {
+			padding-right: 0.3em;
+		}
+
+
+	/* Buttons */
+		
+	.button
+	{
+		position: relative;
+		display: inline-block;
+		background: #F03B11;
+		padding: 0.8em 2em;
+		font-size: 1.2em;
+		color: #FFF;
+		-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		text-align: center;
+		border-radius: 0.25em;
+	}
+
+	.button:hover
+	{
+		background: #F01111;
+		text-decoration: none;
+	}
+
+/*********************************************************************************/
+/* Icons                                                                         */
+/* Powered by Font Awesome by Dave Gandy | http://fontawesome.io                 */
+/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
+/*********************************************************************************/
+
+	.fa
+	{
+		text-decoration: none;
+	}
+
+		.fa.solo
+		{
+		}
+		
+			.fa.solo span
+			{
+				display: none;
+			}
+
+		.fa:before
+		{
+			display:inline-block;
+			font-family: FontAwesome;
+			font-size: 1.25em;
+			text-decoration: none;
+			font-style: normal;
+			font-weight: normal;
+			line-height: 1;
+			-webkit-font-smoothing:antialiased;
+			-moz-osx-font-smoothing:grayscale;
+		}
+
+/*********************************************************************************/
+/* Social Icon Styles                                                            */
+/*********************************************************************************/
+
+	ul.contact
+	{
+		padding: 1.5em 0 0 0;
+		list-style: none;
+		cursor: default;
+	}
+	
+	ul.contact li
+	{
+		display: inline-block;
+		margin: 0 1em;
+	}
+	
+	ul.contact li span
+	{
+		display: none;
+		margin: 0;
+		padding: 0;
+	}
+	
+	ul.contact li a
+	{
+		color: inherit;
+		font-size: 1.75em;
+		display: inline-block;
+		-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+		transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
+	}
+	
+	ul.contact li a:hover
+	{
+		color: #fff;
+	}
+
+/*********************************************************************************/
+/* Header                                                                        */
+/*********************************************************************************/
+
+	#header
+	{
+		position: relative;
+		background: #f03b11;
+		background: -webkit-linear-gradient(top, #f03b11 0%,#f01139 100%);
+		background: linear-gradient(to bottom, #f03b11 0%,#f01139 100%);
+		background-size: cover;
+		text-align: center;
+	}
+	
+		#header:after
+		{
+			content: '';
+			position: relative;
+			width: 0;
+			height: 6em;
+			left: 0;
+			top: 0;
+			float: left;
+		}
+
+/*********************************************************************************/
+/* Logo                                                                          */
+/*********************************************************************************/
+
+		#header h1
+		{
+			color: #FFF;
+			text-decoration: none;
+			font-weight: 300;
+			line-height: 1em;
+		}
+		#header .tag
+		{
+			font-size: 1.4em;
+			color: #FFF;
+		}
+
+/*********************************************************************************/
+/* Columns                                                                       */
+/*********************************************************************************/
+
+	#main, #copyright-inner
+	{
+		margin-left: 16.667%;
+		width: 66.667%;
+	}
+
+	#sidebar
+	{
+		width: 16.667%;
+	}
+
+/*********************************************************************************/
+/* Main                                                                          */
+/*********************************************************************************/
+
+	#main
+	{
+		clear: left;
+	}
+
+	#main, #sidebar
+	{
+		position: relative;
+		float: left;
+		padding-bottom: 3em;
+	}
+	
+	.homepage header, .homepage p
+	{
+		text-align: center;
+	}
+	
+	#sidebar header
+	{
+		margin-bottom: 0.50em;
+	}
+
+/*********************************************************************************/
+/* Releases                                                                      */
+/*********************************************************************************/
+	#releases
+	{
+		margin: 2em 0em;
+		text-align: center;
+	}
+
+	#releases ul, #releases p
+	{
+		margin: 0em;
+	}
+	
+	#releases ul > li
+	{
+		list-style: none;
+		display: inline-block;
+		width: 40%;
+		margin: 1em 0em;
+	}
+
+	#releases ul > li > strong
+	{
+		list-style: none;
+		display: block;
+		font-size: 3em;
+		margin-bottom: 0.2em;
+	}
+
+/*********************************************************************************/
+/* Footer                                                                        */
+/*********************************************************************************/
+	
+	#footer
+	{
+		position: relative;
+		clear: left;
+		background: #401200;
+		color: #FFF;
+	}
+	
+	#footer a
+	{
+		color: inherit;
+	}
+	
+	#footer ul
+	{
+		vertical-align: top;
+	}
+
+	#footer ul, #footer ul > li
+	{
+		padding: 0;
+		margin: 0
+	}
+
+/*********************************************************************************/
+/* Copyright                                                                     */
+/*********************************************************************************/
+	
+	#copyright
+	{
+		clear: left;
+		border-top: 1px solid #aaaaaa;
+		position: relative;
+		color: #aaaaaa;
+		background: #ffffff;
+		padding: 1em 0em;
+	}
+	
+	#copyright a
+	{
+		color: inherit;
+	}
+	
+/*********************************************************************************/
+/* Featured                                                                      */
+/*********************************************************************************/
+	
+	#featured
+	{
+		position: relative;
+		background: rgba(0,0,0,0.05);
+		text-align: center;
+		margin-bottom: 2em;
+	}
+	
+	#featured header
+	{
+		border-bottom: 1px solid #333333;
+	}
+	#featured h2
+	{
+		margin-bottom: 0em;
+	}
+
+	#featured h3
+	{
+		padding: 1.5em 0em;
+		font-size: 1.6em;
+		display: block;
+		font-weight: 300;
+		height: 2em;
+		margin: 0em 0em 1em 0em;
+	}
+
+	#featured .pennant
+	{
+		font-size: 4em;
+	}
+
+	#featured .pennant img
+	{
+		width: 100%;
+		object-fit: contain;
+		background-size: contain; /* for IE polyfill */
+		background-repeat: no-repeat; /* for IE polyfill */
+	}
+
+	#featured .button
+	{
+		margin-top: 1.5em;
+	}
diff --git a/index.html b/index.html
index 1de3fe3..4c65101 100644
--- a/index.html
+++ b/index.html
@@ -1,89 +1,89 @@ 
----
-title: QEMU
-layout: home
-colorbox: True
----
-	<!-- Header -->
-	<div id="header">
-		<div class="container">
-			<h1>QEMU</h1>
-			<span class="tag">the FAST! processor emulator</span>
-		</div>
-	</div>
-	
-<!-- Featured -->
-<div id="featured">
-	<div class="container">
-		<header>
-			<h2>What is QEMU?</h2>
-			<p>QEMU is a generic and open source machine emulator and virtualizer.</p>
-		</header>
-		<div class="row">
-			<section class="4u">
-				<div class="pennant">{% include screenshot.html offset=0 limit=1 %}</div>
-				<h3>Full-system<br class="only-desktop"> emulation</h3>
-				<p>Run operating systems for any machine, on any supported architecture</p>
-			</section>
-			<section class="4u">
-				<div class="pennant">{% include screenshot.html offset=1 limit=1 %}</div>
-				<h3>User-mode<br class="only-desktop"> emulation</h3>
-				<p>Run programs for another Linux/BSD target, on any supported architecture</p>
-			</section>
-			<section class="4u">
-				<div class="pennant">{% include screenshot.html offset=2 limit=1 %}</div>
-				<h3>Virtualization</h3>
-				<p>Run KVM and Xen virtual machines with near native performance</p>
-			</section>
-			<section style="display: none;">
-			{% include screenshot.html offset=3 limit=10 %}
-			</section>
-
-<script src="/assets/js/object-fit.js"></script>
-<script>
-window.hasColorBox = false;
-$(window).on("load resize", function() {
-    isMobile = window.innerWidth < 700;
-    if (isMobile && window.hasColorBox) {
-        window.hasColorBox = false;
-        $.colorbox.remove();
-    } else if (!isMobile && !window.hasColorBox) {
-	window.hasColorBox = true;
-	$('.colorbox').colorbox({
-            'rel': '.colorbox',
-            'title': function() { return $(this).attr("data-title"); }
-        });
-    }
-});
-// make links to images inactive, except through the colorbox
-$('.colorbox').on("click.random-namespace", function() {
-    return window.hasColorBox;
-})
-</script>
-
-		</div>
-		<hr>
-		<p>QEMU is a member of <a href="/conservancy/">Software Freedom Conservancy</a>.</p>
-	</div>
-</div>
-
-<!-- Main -->
-	<div id="releases">
-		<header>
-			<h2>Latest releases</h2>
-		</header>
-		<div class="container">
-			{% include releases.html %}
-		</div>
-	</div>
-
-
-<script>
-	$(window).on("scroll", function() {
-		isScroll = window.scrollY < 120;
-		jqBody = $('body');
-		if (isScroll && jqBody.hasClass('fixed'))
-			jqBody.removeClass('fixed')
-		else if (!isScroll && !jqBody.hasClass('fixed'))
-			jqBody.addClass('fixed')
-       });
-       </script>
+---
+title: QEMU
+layout: home
+colorbox: True
+---
+	<!-- Header -->
+	<div id="header">
+		<div class="container">
+			<h1>QEMU</h1>
+			<span class="tag">the FAST! processor emulator</span>
+		</div>
+	</div>
+	
+<!-- Featured -->
+<div id="featured">
+	<div class="container">
+		<header>
+			<h2>What is QEMU?</h2>
+			<p>QEMU is a generic and open source machine emulator and virtualizer.</p>
+		</header>
+		<div class="row">
+			<section class="4u">
+				<div class="pennant">{% include screenshot.html offset=0 limit=1 %}</div>
+				<h3>Full-system<br class="only-desktop"> emulation</h3>
+				<p>Run operating systems for any machine, on any supported architecture</p>
+			</section>
+			<section class="4u">
+				<div class="pennant">{% include screenshot.html offset=1 limit=1 %}</div>
+				<h3>User-mode<br class="only-desktop"> emulation</h3>
+				<p>Run programs for another Linux/BSD target, on any supported architecture</p>
+			</section>
+			<section class="4u">
+				<div class="pennant">{% include screenshot.html offset=2 limit=1 %}</div>
+				<h3>Virtualization</h3>
+				<p>Run KVM and Xen virtual machines with near native performance</p>
+			</section>
+			<section style="display: none;">
+			{% include screenshot.html offset=3 limit=10 %}
+			</section>
+
+<script src="/assets/js/object-fit.js"></script>
+<script>
+window.hasColorBox = false;
+$(window).on("load resize", function() {
+    isMobile = window.innerWidth < 700;
+    if (isMobile && window.hasColorBox) {
+        window.hasColorBox = false;
+        $.colorbox.remove();
+    } else if (!isMobile && !window.hasColorBox) {
+	window.hasColorBox = true;
+	$('.colorbox').colorbox({
+            'rel': '.colorbox',
+            'title': function() { return $(this).attr("data-title"); }
+        });
+    }
+});
+// make links to images inactive, except through the colorbox
+$('.colorbox').on("click.random-namespace", function() {
+    return window.hasColorBox;
+})
+</script>
+
+		</div>
+		<hr>
+		<p>QEMU is a member of <a href="/conservancy/">Software Freedom Conservancy</a>.</p>
+	</div>
+</div>
+
+<!-- Main -->
+	<div id="releases">
+		<header>
+			<h2>Latest releases</h2>
+		</header>
+		<div class="container">
+			{% include releases.html %}
+		</div>
+	</div>
+
+
+<script>
+	$(window).on("scroll", function() {
+		isScroll = window.scrollY < 120;
+		jqBody = $('body');
+		if (isScroll && jqBody.hasClass('fixed'))
+			jqBody.removeClass('fixed')
+		else if (!isScroll && !jqBody.hasClass('fixed'))
+			jqBody.addClass('fixed')
+       });
+       </script>