qemu-devel
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[qemu-web PATCH 1/7] Convert files to UNIX line endings


From: Daniel P . Berrangé
Subject: [qemu-web PATCH 1/7] Convert files to UNIX line endings
Date: Fri, 23 Oct 2020 16:29:51 +0100

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 via email to

[Prev in Thread] Current Thread [Next in Thread]