harms-columns-front-page 1.1.1 → 2.0.0

data/_sass/_headings.sass

@@ -10,14 +10,21 @@ h1
 
 h2
   font-size: 30px
-  color: $green
+  @media screen and ($tablet)
+    font-size: 25px
+  @media screen and ($mobile)
+    font-size: 20px
+  color: $black
   font-weight: 600
   margin-bottom: 30px
 
 h3
   font-size: 20px
+  @media screen and ($tablet)
+    font-size: 16px
   font-weight: 600
   margin-bottom: 10px
+  text-align: left
   &.light
     color: $white
   &.dark

data/_sass/_posts.sass

@@ -1,57 +1,68 @@
 .wrapper
-  .post
-    h3
-      &.with-img
-        margin-left: 330px
-        @media screen and ($tablet)
-          margin-left: 230px
-        @media screen and ($mobile)
-          margin-left: 0
-    margin-bottom: 50px
-    padding-bottom: 50px
-    border-bottom: 1px solid $light-grey
-    &:last-of-type
-      border-bottom: none
-      margin-bottom: 0
-    .post-contents
-      .right
-        display: flex
-        justify-content: flex-start
-        align-items: flex-start
-        flex-direction: column
-        flex-grow: 1
-        .date
-          font-size: 13px
-          color: $dark-grey
-          margin-bottom: 12px
-          font-style: italic
-          display: block
-      .left
-        flex: 1 0 auto
-        @media screen and ($mobile)
-          width: 100%
-        img
-          margin-right: 30px
-          margin-top: -30px
-          width: 300px
+  &.posts-wrapper
+    margin-top: $section-margin * 1.2 !important
+    &.page-posts
+      margin-top: $section-margin/2 !important
+    .post
+      &.hidden
+        display: none !important
+        visibility: hidden !important
+      h3
+        &.with-img
+          margin-left: 330px
           @media screen and ($tablet)
-            width: 200px
+            margin-left: 230px
+          @media screen and ($mobile)
+            margin-left: 0
+      margin-bottom: 50px
+      padding-bottom: 50px
+      @media screen and ($tablet)
+        margin-bottom: 30px
+        padding-bottom: 30px
+      border-bottom: 1px solid $light-grey
+      &:last-of-type
+        border-bottom: none
+        margin-bottom: 0
+      .post-contents
+        .right
+          display: flex
+          justify-content: flex-start
+          align-items: flex-start
+          flex-direction: column
+          flex-grow: 1
+          width: 100%
+          .date
+            font-size: 13px
+            color: $dark-grey
+            margin-bottom: 12px
+            font-style: italic
+            display: block
+        .left
+          flex: 1 0 auto
           @media screen and ($mobile)
             width: 100%
-            margin: 0
-            margin-bottom: 20px
-      display: flex
-      justify-content: center
-      align-items: flex-start
-      flex-direction: row
-      @media screen and ($mobile)
-        flex-direction: column
-      p
-        font-size: 15px
-        color: $dark-grey
-        line-height: 2
-      .button
-        margin-top: 10px
+          img
+            margin-right: 30px
+            margin-top: -30px
+            width: 300px
+            @media screen and ($tablet)
+              width: 200px
+            @media screen and ($mobile)
+              width: 100%
+              margin: 0
+              margin-bottom: 20px
+        display: flex
+        justify-content: center
+        align-items: flex-start
+        flex-direction: row
+        @media screen and ($mobile)
+          flex-direction: column
+        p
+          font-size: 15px
+          color: $dark-grey
+          line-height: 2
+        .button
+          margin-top: 10px
   &.single-post
     .date
       font-size: 13px

data/_sass/_tag-list.sass

@@ -0,0 +1,21 @@
+html
+  body
+    .wrapper
+      .tag-list
+        width: 100%
+        display: flex
+        justify-content: flex-start
+        margin-bottom: $section-margin - 40px
+        @media screen and ($tablet)
+          margin-bottom: $section-margin/2 - 40px
+        flex-wrap: wrap
+        li
+          margin-right: 10px
+          margin-bottom: 40px
+          &:last-of-type
+            margin-right: 0
+          a
+            &.selected
+              background-color: $blue
+              color: $white
+              border-color: $blue

data/assets/{main.sass → css/main.sass}

@@ -14,3 +14,5 @@
 @import footer
 @import special-format
 @import search
+@import accordion
+@import tag-list

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: harms-columns-front-page
 version: !ruby/object:Gem::Version
-  version: 1.1.1
+  version: 2.0.0
 platform: ruby
 authors:
 - Michael Harms
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-06-28 00:00:00.000000000 Z
+date: 2017-07-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -38,6 +38,46 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: jekyll-autoprefixer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.0.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.0.1
+- !ruby/object:Gem::Dependency
+  name: jekyll-minifier
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.1.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.1.2
 description: 
 email:
 - mitzcki@yahoo.de
@@ -47,13 +87,20 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- _includes/css/vendor/jquery-ui.min.css
+- _includes/custom-colors.html
 - _includes/footer.html
 - _includes/header.html
 - _includes/icon-github.html
 - _includes/icon-github.svg
+- _includes/js/main.js
+- _includes/js/vendor/jquery-3.2.1.min.js
+- _includes/js/vendor/jquery-ui.min.js
+- _includes/nav.html
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
+- _sass/_accordion.sass
 - _sass/_base.sass
 - _sass/_buttons.sass
 - _sass/_colors.sass
@@ -65,10 +112,10 @@ files:
 - _sass/_reset.sass
 - _sass/_search.sass
 - _sass/_special-format.sass
+- _sass/_tag-list.sass
+- assets/css/main.sass
 - assets/favicon.png
 - assets/jt.jpg
-- assets/main.js
-- assets/main.sass
 homepage: https://github.com/michael-harms/harms-columns-front-page
 licenses:
 - MIT

data/assets/main.js

@@ -1,104 +0,0 @@
-$(document).ready(function() {
-
-  $('.menu-button').on('click', function() {
-
-    if ( $('html').hasClass('mobile-menu-open') ) {
-
-      $('.mobile-nav-content li').css('opacity', '0');
-      $('.mobile-nav-content').fadeOut();
-      $('.mobile-nav-content li').css('transform', 'translateX(-10px)');
-
-    } else {
-
-      $('.mobile-nav-content').fadeIn();
-      $('.mobile-nav-content li').each(function(i) {
-
-          setTimeout(function() {
-            $('.mobile-nav-content li').eq(i).css('opacity', '1').css('transform', 'translateX(0)');
-          }, 100 * (i+1));
-
-        });
-
-    }
-
-    $('html').toggleClass('mobile-menu-open');
-
-  });
-
-  $(window).resize(function() {
-    $('html').removeClass('mobile-menu-open');
-    $('.mobile-nav-content li').css('opacity', '0');
-    $('.mobile-nav-content').fadeOut();
-    $('.mobile-nav-content li').css('transform', 'translateX(-10px)');
-  });
-
-
-  $('.search-button').on('click', function(e) {
-    e.preventDefault();
-
-    //close mobile menu
-    $('html').removeClass('mobile-menu-open');
-    $('.mobile-nav-content li').css('opacity', '0');
-    $('.mobile-nav-content').fadeOut();
-    $('.mobile-nav-content li').css('transform', 'translateX(-10px)');
-
-    $('html').addClass('search-open');
-    $('.search-container input').val('');
-
-
-    if( $(window).width() <= 768 ) {
-
-      $('nav li.mobile').each(function(i) {
-
-          setTimeout(function() {
-            $('nav li.mobile').eq(i).css('opacity', '0').css('transform', 'translateX(10px)');
-          }, 75 * (i+1));
-
-        });
-
-    } else {
-
-      $('nav li').each(function(i) {
-
-          setTimeout(function() {
-            $('nav li').eq(i).css('opacity', '0').css('transform', 'translateX(10px)');
-          }, 75 * (i+1));
-
-        });
-
-    }
-
-
-
-
-    var timeout = $('nav li').length;
-    // alert(timeout);
-    setTimeout(function() {
-      $('.search-container').fadeIn();
-      $('.search-container input').focus();
-    }, 75 * timeout);
-
-
-
-  });
-
-  $('.search-container form').on('submit', function(e) {
-    e.preventDefault();
-  });
-
-  $('.close-search-button').on('click', function() {
-    $('.search-container').fadeOut();
-
-
-    $('nav li').each(function(i) {
-
-        setTimeout(function() {
-          $('nav li').eq(i).css('opacity', '1').css('transform', 'translateX(0)');
-        }, 75 * (i+1));
-
-      });
-      $('#search-results').fadeOut();
-      $('html').removeClass('search-open');
-  });
-
-});