All of lore.kernel.org
 help / color / mirror / Atom feed
From: "Daniel P. Berrangé" <berrange@redhat.com>
To: qemu-devel@nongnu.org
Cc: "Paolo Bonzini" <pbonzini@redhat.com>,
	"Thomas Huth" <thuth@redhat.com>,
	"Daniel P. Berrangé" <berrange@redhat.com>
Subject: [qemu-web PATCH 1/7] Convert files to UNIX line endings
Date: Fri, 23 Oct 2020 16:29:51 +0100	[thread overview]
Message-ID: <20201023152957.488974-2-berrange@redhat.com> (raw)
In-Reply-To: <20201023152957.488974-1-berrange@redhat.com>

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(-)

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>
-- 
2.26.2



  reply	other threads:[~2020-10-23 16:07 UTC|newest]

Thread overview: 15+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2020-10-23 15:29 [qemu-web PATCH 0/7] Tweaks to page footer and add "edit page" links Daniel P. Berrangé
2020-10-23 15:29 ` Daniel P. Berrangé [this message]
2020-10-23 15:29 ` [qemu-web PATCH 2/7] gitlab: introduce a CI job to publish the site content Daniel P. Berrangé
2020-10-23 15:29 ` [qemu-web PATCH 3/7] make all links be relative to the root Daniel P. Berrangé
2020-10-23 15:29 ` [qemu-web PATCH 4/7] Make page header nav narrower Daniel P. Berrangé
2020-10-23 15:29 ` [qemu-web PATCH 5/7] Simplify and restructure the page footer Daniel P. Berrangé
2020-10-23 15:46   ` Paolo Bonzini
2020-10-23 16:46     ` Daniel P. Berrangé
2020-10-23 17:19       ` Paolo Bonzini
2020-10-23 15:29 ` [qemu-web PATCH 6/7] Add link to "edit this page" for all pages Daniel P. Berrangé
2020-10-23 15:47   ` Paolo Bonzini
2020-10-23 16:19     ` Daniel P. Berrangé
2020-10-23 17:07       ` Paolo Bonzini
2020-10-23 15:29 ` [qemu-web PATCH 7/7] Add a CONTRIBUTING.md file as guidance for contributors Daniel P. Berrangé
2020-10-23 15:50   ` Paolo Bonzini

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=20201023152957.488974-2-berrange@redhat.com \
    --to=berrange@redhat.com \
    --cc=pbonzini@redhat.com \
    --cc=qemu-devel@nongnu.org \
    --cc=thuth@redhat.com \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is an external index of several public inboxes,
see mirroring instructions on how to clone and mirror
all data and code used by this external index.