From 20cb72c864219c3c0f9452cc84d033a6940c0163 Mon Sep 17 00:00:00 2001
From: Evert <imsonotsleepy@gmail.com>
Date: Fri, 6 Oct 2017 13:25:32 +0300
Subject: [PATCH] simple mobile friendlyness

---
 .gitignore                              |  1 +
 LandingPage/static/css/style.styl       | 33 +++++++++++++++++++------
 LandingPage/templates/landing_page.html | 20 +++++++--------
 3 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/.gitignore b/.gitignore
index 79b066f..1e86fca 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,4 +2,5 @@
 /media/
 /options.ini
 /database.*
+migrations
 *.py[cod]
diff --git a/LandingPage/static/css/style.styl b/LandingPage/static/css/style.styl
index 326ace1..cf5649d 100644
--- a/LandingPage/static/css/style.styl
+++ b/LandingPage/static/css/style.styl
@@ -38,21 +38,40 @@ body
             border-bottom: 0
             padding: 8px
             margin: 0
+            word-wrap: break-word
         .content
             overflow: hidden
             border: 2px solid #d0d0d0
             padding: 10px
     &.columns
         position: relative
+        overflow: hidden
         .column
-            position: absolute
-            left: 0px
-            top: 0
-            right: 0
-            bottom: 0
             &.primary
                 width: 80%
             &.smaller
                 width: 20%
-                right: 0
-                left: auto
+                float: right
+
+@media all and (max-width: 800px)
+    .logo
+        font-size: 5vw !important
+    .blocklayout
+        &.columns
+            .column
+                position: initial
+                display: block
+                &.primary
+                    width: initial
+                &.smaller
+                    display: none
+        .block
+            margin: 0
+            margin-bottom: 10px
+            border: none
+            box-shadow: none
+            .content, h1
+                border: none
+                .show-promo
+                    display: block
+                    margin: 5px auto
diff --git a/LandingPage/templates/landing_page.html b/LandingPage/templates/landing_page.html
index 5b94037..de1e5bd 100644
--- a/LandingPage/templates/landing_page.html
+++ b/LandingPage/templates/landing_page.html
@@ -1,6 +1,16 @@
 {% extends "base.html" %}
 {% block content %}
 <div class="blocklayout columns">
+	<div class="column smaller">
+		<div class="block">
+			<h1>Donate</h1>
+			<div class="content">
+				<p>Donate to Icy Network to help us keep up our communities.</p>
+				<a href="https://icynet.eu/donate">Click Here to Donate</a>
+			</div>
+		</div>
+	</div>
+
 	<div class="column primary">
 		<div class="block">
 			<h1>Welcome to Episodes.Community!</h1>
@@ -23,15 +33,5 @@
 			</div>
 		</div>
 	</div>
-
-	<div class="column smaller">
-		<div class="block">
-			<h1>Donate</h1>
-			<div class="content">
-				<p>Donate to Icy Network to help us keep up our communities.</p>
-				<a href="https://icynet.eu/donate">Click Here to Donate</a>
-			</div>
-		</div>
-	</div>
 </div>
 {% endblock %}