harms-columns-front-page 1.0.4 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 87948659a9aebd34738f672fc88862ce7a026ec9
-  data.tar.gz: 2d60110abc86a275bfda6a1de444682317711844
+  metadata.gz: d5d9e9f9032b35d971e8e532281d87fb95f2f4c2
+  data.tar.gz: e34cd52093c36c2f58ebd6672cd758a0b3ac15b0
 SHA512:
-  metadata.gz: b9b4553a2a40fc5ac56eb8e22029e968e1ab6a959cb938acd336523faf2f3ccb6db473bf4afe86b4a75c1f41f99be7ff757b1f834f0cbae8b8cb4e0be14e7f78
-  data.tar.gz: 5884e9c6d8f1f009078188c6ebc18139fc2930f5c8b01e50b04d92f3ec60e95b26c53337de75085c576ea71fcd5688d999d4dc985e0ed9e5efbd142ff1cdc2a2
+  metadata.gz: b31fa894febde91f6350f29dbb692d905c6d72b4fdfe1d281270076c3ffcba4dc3e2197776ede07caf6bfc48e991320c2afb5ee63da9a96c76c8ac89fa045855
+  data.tar.gz: ee04f73405144fa5d8661454bfdc4b2bdc060b37706d1acb23876fec92c13ae9e18670518840bfbfb0c04e707b00b56f18eb7f553c9f5e1260b446a39cc12c77

data/_includes/footer.html

@@ -1,5 +1,16 @@
 
 <footer>
+  <div class="social-container">
+    {% for item in site.social %}
+
+        {% if item.icon %}
+          <a href="{{ item.url }}" target="_blank"><img class="social-icon" src="{{ item.icon }}"></a>
+        {% else %}
+          <a class="button light" href="{{ item.url }}" target="_blank">{{ item.title }}</a>
+        {% endif %}
+
+    {% endfor %}
+  </div>
 
   <p>&copy; {{ site.footer-copyright }} - <a href="/impressum">Impressum</a> - Webdesign by <a href="https://www.harms.design" target="_blank">Michael Harms</a></p>
 

data/_includes/header.html

@@ -142,14 +142,16 @@
 <div class="header">
   <div class="header-content">
     <div class="header-left">
+      {% if site.profile-image %}
       <div class="profile-image" style="background-image: url('{{ site.profile-image }}')"></div>
+      {% endif %}
       <div class="header-text">
         <h1>{{ site.title | escape }}</h1>
         <p class="sub-title">{{ site.subtitle | escape }}</p>
       </div>
     </div>
 
-    <div class="header-right">
+    <!-- <div class="header-right">
       {% for item in site.social %}
 
           {% if item.icon %}
@@ -159,7 +161,7 @@
           {% endif %}
 
       {% endfor %}
-    </div>
+    </div> -->
 
   </div>
   {% endif %}

data/_layouts/home.html

@@ -34,7 +34,7 @@
 {% assign post_count = site.posts | size %}
   {% if post_count > 0 %}
     <div class="wrapper">
-      <h2>Neuigkeiten</h2>
+      
       <!-- loop for displaying posts -->
       {% for post in site.posts %}
         <div class="post">

data/_sass/_base.sass

@@ -3,9 +3,11 @@ $site-margin: 40px
 $section-margin: 80px
 
 $mobile: 'max-width: 600px'
-$tablet: 'max-width: 1000px'
+$tablet: 'max-width: 768px'
 $desktop: 'min-width: 1001px'
 
+$nav-breakpoint: 'max-width: 1000px'
+
 html
   overflow-x: hidden
   &.mobile-menu-open
@@ -45,11 +47,11 @@ html
           margin-top: $section-margin/1.5
           margin-bottom: $section-margin/1.5
         &.home-content
-          font-size: 35px
+          font-size: 25px
           @media screen and ($tablet)
-            font-size: 30px
+            font-size: 20px
           @media screen and ($mobile)
-            font-size: 25px
+            font-size: 16px
           color: $dark-grey
           line-height: 1.7
           font-weight: 300

data/_sass/_footer.sass

@@ -1,4 +1,31 @@
 footer
+  .social-container
+    margin-bottom: 20px
+    display: flex
+    justify-content: flex-end
+    align-items: center
+    @media screen and ($tablet)
+      margin-top: 20px
+      flex-wrap: wrap
+      justify-content: center
+      @media screen and ($mobile)
+        margin-top: 10px
+    a
+      &.button
+        color: $light-grey !important
+        background-color: $dark-grey
+        border-color: $light-grey !important
+        &:hover
+          color: $dark-grey !important
+      margin: 0 10px
+      @media screen and ($tablet)
+        margin: 10px 5px 0 5px
+      &:last-of-type
+        margin-right: 0
+        @media screen and ($tablet)
+          margin-right: 5px
+      .social-icon
+        max-height: 36px
   background-color: $light-grey
   padding: 100px $site-margin
   @media screen and ($mobile)
@@ -6,6 +33,7 @@ footer
   display: flex
   justify-content: center
   align-items: center
+  flex-direction: column
   p
     display: inline-block
     text-align: center

data/_sass/_nav.sass

@@ -131,7 +131,9 @@ html
             a
               text-decoration: none
               font-weight: 600
-              font-size: 13px
+              font-size: 15px
+              @media screen and ($nav-breakpoint)
+                font-size: 13px
               color: $black
               transition: color .3s ease
               &:hover

data/assets/main.js

@@ -46,7 +46,7 @@ $(document).ready(function() {
     $('.search-container input').val('');
 
 
-    if( $(window).width() <= 1000 ) {
+    if( $(window).width() <= 768 ) {
 
       $('nav li.mobile').each(function(i) {
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: harms-columns-front-page
 version: !ruby/object:Gem::Version
-  version: 1.0.4
+  version: 1.1.0
 platform: ruby
 authors:
 - Michael Harms