simple mobile friendlyness

.gitignore

@@ -2,4 +2,5 @@
 /media/
 /options.ini
 /database.*
+migrations
 *.py[cod]

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
+                float: right
-                left: auto
+
+@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

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 %}