Fixes for mobile

content/contents.lr

@@ -7,7 +7,7 @@ body:
 #### banner ####
 image: header.jpg
 ----
-height: 500
+height: 500-tall
 ----
 contents:
 
@@ -19,8 +19,6 @@ contents:
 	a flexible and powerful static content management system for building
 	complex and beautiful websites out of flat files — for people who do
         not want to make a compromise between a CMS and a static blog engine.
-      <p>
-        <a href="docs/what/">Read about what makes Lektor different</a>.
     </div>
     <div class="col-md-4 visible-md-block visible-lg-block">
       <div class="download-btn"><a href="download/"

flowblocks/banner.ini

@@ -11,8 +11,8 @@ width = 3/4
 [fields.height]
 label = Height
 type = select
-choices = 500, 300
-choice_labels = 500px, 300px
+choices = 500-tall, 500, 300
+choice_labels = 500px tall, 500px, 300px
 default = 300
 width = 1/4
 

webpack/scss/main.scss

@@ -265,6 +265,12 @@ div.page-banner {
     margin-top: 0;
   }
 
+  &.page-banner-500-tall {
+    height: 500px;
+
+    @media (max-width: $screen-xs-max) { height: 400px; }
+  }
+
   &.page-banner-500 {
     height: 500px;
 
@@ -461,7 +467,7 @@ div.lektor-intro {
   height: 100%;
   //background: #3D2824;
 
-  img {
+  img.logo {
     margin-left: -80px;
     max-height: 300px;
     max-width: 700px;
@@ -473,13 +479,14 @@ div.lektor-intro {
   }
 
   p {
-    text-shadow: 0 0 3px #3D3639;
+    text-shadow: 0 0 50px #2D282A, 0 0 30px #2D282A, 0 0 2px #2D282A;
     color: white;
   }
 
   a {
     color: white;
     font-weight: bold;
+    text-decoration: underline;
   }
 
   div.install-row {
@@ -499,6 +506,10 @@ div.lektor-intro {
       left: 10px;
       right: 10px;
     }
+
+    @media (max-width: $screen-sm-max) {
+      display: none;
+    }
   }
 }