fix mobile css

site/docs/release/index.md

@@ -0,0 +1,110 @@
+---
+title: Libreboot releases
+x-toc-enable: true
+...
+
+Information about each Libreboot release. This news section is specifically for
+Libreboot release announcements, but for more general news about Libreboot you
+can instead refer to the [main news section](/news/)
+
+-------------------------------------------------------------------------------
+
+
+Subscribe to RSS: [/docs/release/feed.xml](/docs/release/feed.xml)
+
+[Libreboot 20210522 released!](/docs/release/libreboot20210522.md){.title}
+[22 May 2021]{.date}
+
+
+[Libreboot 20160907 release](/docs/release/libreboot20160907.md){.title}
+[7 September 2016]{.date}
+
+
+[Libreboot 20160902 release](/docs/release/libreboot20160902.md){.title}
+[2 September 2016.]{.date}
+
+
+[Libreboot 20160818 release](/docs/release/libreboot20160818.md){.title}
+[18 August 2016]{.date}
+
+
+[Libreboot 20150518 release](/docs/release/libreboot20150518.md){.title}
+[18 May 2015]{.date}
+
+
+[Libreboot 20150208 release](/docs/release/libreboot20150208.md){.title}
+[8 February 2015]{.date}
+
+
+[Libreboot 20150126 release](/docs/release/libreboot20150126.md){.title}
+[26 January 2015]{.date}
+
+
+[Libreboot 20150124 release](/docs/release/libreboot20150124.md){.title}
+[24 January 2015]{.date}
+
+
+[Libreboot 20141015 release](/docs/release/libreboot20141015.md){.title}
+[15 October 2014]{.date}
+
+
+[Libreboot 20140911 release](/docs/release/libreboot20140911.md){.title}
+[11 September 2014]{.date}
+
+
+[Libreboot 20140903 release](/docs/release/libreboot20140903.md){.title}
+[3 September 2014]{.date}
+
+
+[Libreboot 20140811 release](/docs/release/libreboot20140811.md){.title}
+[11 August 2014]{.date}
+
+
+[Libreboot 20140729 release](/docs/release/libreboot20140729.md){.title}
+[29 July 2014]{.date}
+
+
+[Libreboot 20140720 release](/docs/release/libreboot20140720.md){.title}
+[20 July 2014]{.date}
+
+
+[Libreboot 20140716 release](/docs/release/libreboot20140716.md){.title}
+[16 July 2014]{.date}
+
+
+[Libreboot 20140711 release](/docs/release/libreboot20140711.md){.title}
+[11 July 2014]{.date}
+
+
+[Libreboot 20140622 release](/docs/release/libreboot20140622.md){.title}
+[22 June 2014]{.date}
+
+
+[Libreboot 20140611 release](/docs/release/libreboot20140611.md){.title}
+[11 June 2014]{.date}
+
+
+[Libreboot 20140605 release](/docs/release/libreboot20140605.md){.title}
+[5 June 2014]{.date}
+
+
+[Libreboot 20140309 release](/docs/release/libreboot20140309.md){.title}
+[9 March 2014]{.date}
+
+
+[Libreboot 20140221 release](/docs/release/libreboot20140221.md){.title}
+[21 February 2014]{.date}
+
+
+[Libreboot 20131214 release](/docs/release/libreboot20131214.md){.title}
+[14 December 2013]{.date}
+
+
+[Libreboot 20131213](/docs/release/libreboot20131213.md){.title}
+[13 December 2013]{.date}
+
+
+[Libreboot 20131212](/docs/release/libreboot20131212.md){.title}
+[12 December 2013]{.date}
+
+

site/libreboot.css

@@ -4,6 +4,10 @@ html {
 	text-align:left;
 }
 
+p.title-logo {
+display:none;
+}
+
 div.title {
 	background:url("https://av.libreboot.org/logo/logo_light.svg");
 	background-repeat:no-repeat;
@@ -21,8 +25,11 @@ h1.title {
 	min-height:3.5em;
 	margin:0;
 	display:block;
+	padding-left:4em;
+	padding-right:4em;
 }
 
+
 body {
 	line-height: 1.6;
 	font-family: Cantarell, sans-serif;
@@ -107,6 +114,7 @@ p.author, p.date {
 }
 div.nav {
 	text-align:center;
+	clear:right;
 }
 header ul:first-of-type,
 div.nav ul:first-of-type,
@@ -169,3 +177,27 @@ img.imgleft {
 	float: left;
 	padding-left:0;
 }
+
+@media (max-width: 50em) {	
+	div.title, h1.title {background:none;}
+	nav#TOC {width:100% !important; padding:0; margin:0;}
+	h1.title{min-height:0em; padding-left:0; padding-right:0;}
+	p.title-logo {
+		display:block;
+		text-align:center;
+	}
+	img.title-logo {
+		max-width: 20%;
+		height: auto;
+	}
+}
+@media (max-width: 49em) {
+	img.title-logo {
+		max-width: 25%;
+	}
+}
+@media (max-width: 30em) {
+	img.title-logo {
+		max-width: 33%;
+	}
+}

site/template.include

@@ -41,6 +41,9 @@ $endfor$
 $if(title)$
 <header>
 <div class="title">
+<p class="title-logo">
+<img class="title-logo" alt="" src="https://av.libreboot.org/logo/logo_light.svg" />
+</p>
 <h1 class="title">$title$</h1>
 </div>
 $if(subtitle)$