From 13537adde2bed739bfbcc32b84cd7e07e6da0bb7 Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@jones.dk>
Date: Wed, 3 Jun 2020 19:05:50 +0200
Subject: mobile-first styling

---
 branding.mdwn      |  4 +++-
 style.scss         | 34 ++++++++++++++++++++++------------
 templates/div.mdwn |  3 +++
 3 files changed, 28 insertions(+), 13 deletions(-)
 create mode 100644 templates/div.mdwn

diff --git a/branding.mdwn b/branding.mdwn
index 0519ecb..625ad70 100644
--- a/branding.mdwn
+++ b/branding.mdwn
@@ -1 +1,3 @@
- 
\ No newline at end of file
+[[!template id=div anchor=branding-logo content="""
+[[!img logo.jpg alt="Orø Fællesjord" link=index]]
+"""]]
diff --git a/style.scss b/style.scss
index 44316e0..b154d8b 100644
--- a/style.scss
+++ b/style.scss
@@ -6,6 +6,8 @@
 @import "blueprint";
 @import "breakpoint";
 
+@include h5bp-media;
+
 @include h5bp-normalize;
 
 @include ikiwiki-style;
@@ -15,22 +17,31 @@ h1 {
 	font-size: 2.75em;
 }
 
-.branding {
-	z-index: -1;
-	position: fixed;
-	bottom: 0; // full height isn't enough on Replicant browser
-	height: 100%;
+#branding-logo {
+	top: 75px;
 	width: 100%;
-	background-color: transparent;
-	background-image: url("logo.jpg");
-	background-repeat: no-repeat;
-	background-position: right bottom;
+	right: 2%;
+	text-align: right;
+}
+
+
+.branding {
+	@media screen and(min-width:790px) {
+		z-index: -1;
+		position: absolute;
+		margin-top: 8em;
+		height: 100%;
+		width: 100%;
+		background-color: transparent;
+		background-image: url("logo.jpg");
+		background-repeat: no-repeat;
+		background-position: top right;
+	}
 }
 
 .pageheader {
 	padding: 0;
 	header {
-		float: right;
 		padding: 1em 2%;
 	}
 }
@@ -89,7 +100,7 @@ a {
 }
 
 #content {
-	width: 100%;
+	width: 96%;
 	max-width: 52em;
 	min-height: 480px;
 	margin: 0 auto;
@@ -101,7 +112,6 @@ a {
 }
 
 img {
-	float: right;
 	vertical-align: top;
 	margin: 0 1em 1em 0;
 	padding: 0;
diff --git a/templates/div.mdwn b/templates/div.mdwn
new file mode 100644
index 0000000..709b253
--- /dev/null
+++ b/templates/div.mdwn
@@ -0,0 +1,3 @@
+<div <TMPL_IF anchor>id="<TMPL_VAR ESCAPE=HTML anchor>"</TMPL_IF> <TMPL_IF class>class="<TMPL_VAR ESCAPE=HTML class>"</TMPL_IF>>
+<TMPL_VAR content><TMPL_VAR content2>
+</div>
-- 
cgit v1.2.3