mobiiliparannuksi footer header ja bänneri etusivulle

6 files changed, 20 insertions, 9 deletions

diff --git a/_includes/footer.html b/_includes/footer.html
index f3b6822..b45e1b9 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -4,11 +4,11 @@
 
     <h2 class="footer-heading">Yhteistyössä</h2>
     <div class="footer-col-wrapper">
-        <div class="footer-col footer-col-1">
+ 
             <a href="http://new.abb.com/fi"><img width="100" style="margin:20px;border:0;" src="{{ site_full_url }}/static/sponsors/ABB.png" alt=""></a>
            <a href="http://reaktor.com/"><img width="150" style="margin:20px;border:0;" src="{{ site_full_url }}/static/sponsors/reaktor.png" alt=""></a>
            <a href="http://www.eficode.fi/"><img width="100" style="margin:20px;border:0;" src="{{ site_full_url }}/static/sponsors/eficode.png" alt=""></a>
-        </div>
+    
     </div>
 
   </div>
diff --git a/_includes/header.html b/_includes/header.html
index f8cc6c4..9c5ab06 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,8 +1,8 @@
 <header class="site-header">
 
     <div class="header__title">
-      <h1>
-        <a class="site-title" href="{{ site.baseurl }}/"><img src="{{ site_full_url }}/static/aswhite.png"/ height="40px" style="margin:20px ">{{ site.title }}</a>
+      <h1 style="margin-bottom: 0px !important;">
+        <a class="site-title" href="{{ site.baseurl }}/"><img src="{{ site_full_url }}/static/aswhite.png"/ height="40px" style="margin:20px "><span class="mobile_hide">{{ site.title }}</span></a>
       </h1>
     </div>
     <nav class="navigation header__navigation">
diff --git a/css/main.scss b/css/main.scss
index bda35d6..6d7ed9c 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -30,7 +30,7 @@ $grey-color-light: lighten($grey-color, 43%);
 $grey-color-dark:  darken($grey-color, 25%);
 
 $oldpurple-color : #5c3c7c;
-$purple-color : #620062
+$purple-color : #620062;
 $border-color: #ddd;
 $white-color: #fff;
 
@@ -101,7 +101,16 @@ $font-serif: 'Sintony', sans-serif;
         max-width: 0.75 * $content-width;
     }
 }
-
+@media screen and (max-width: 600px) {
+  .mobile_hide {
+    visibility: hidden;
+    clear: both;
+    float: left;
+    margin: 10px auto 5px 20px;
+    width: 28%;
+    display: none;
+  }
+}
 @media screen and (min-width: 400px) {
     .auto-content {
         width: 80%;
diff --git a/index.html b/index.html
index 2192150..06bf6c6 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,17 @@ layout: default
 
 <div class="home">
 
-<article class="post">
+    <img class="mobile_hide" src="static/stimulaatio.jpg" alt="Banner">
+    
+<article class="post" style="text-align: center">
 
   <header class="post-header">
-    <h1 class="post-title">le dank guild of as</h1>
+    <h1 class="post-title">Automaatio- ja Systeemitekniikan kilta</h1>
   </header>
 
   <div class="post-content">
 
-<p>tervetuloa aalto shitpostersiin</p>
+<p>Lorem ipsum ja joku esittelyteksti killasta!</p>
 
 <p>look around you</p>
 
diff --git a/static/.DS_Store b/static/.DS_Store
index e2ff48c..23334cb 100644
--- a/static/.DS_Store
+++ b/static/.DS_Store
diff --git a/static/stimulaatio.jpg b/static/stimulaatio.jpg
new file mode 100644
index 0000000..622e2fa
--- /dev/null
+++ b/static/stimulaatio.jpg