fundamental 0.3.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a743a4401ee396fd1932bcb8e90a4774fb40510c
-  data.tar.gz: d139ab715643578794f54bf80024176b0300c9be
+  metadata.gz: ec6f70b71e0982a17fd801a212b16bb282d36767
+  data.tar.gz: 497961cc89bd66bb67fee183cbf51044be370944
 SHA512:
-  metadata.gz: bb131bed2f9b92a05ff35b99d0320c7253f05924f0c4e851cbab64a27136c49898bb489880885e3bb1edeca069849f85ab468dcbb944e6f9d843ed8146206dba
-  data.tar.gz: c7601323c298e81f7049c755eadc1d05ee3259299ab5b0303b57f75c4331c07579e1ca1462551d56c89e748685af5d155da17929fd27ed8dae4c1b2bbe393cc5
+  metadata.gz: d5d3ffae1227df7fb006941a92cfd97af8f80fff0a7ab8c28d0fb6d9c4b167e0c482ba9afd1312fa0763b91e515e22b882ad0aee7e0d88f7742d9d7a351a473b
+  data.tar.gz: 63838795b3a4c711e345d50f7c2b871e7a8098423187420d4fb9df3130f3abba4c57a49a24af9fb1cab85efd6fb4c623bab3408450e27c6d7027ec1993670115

data/README.md

@@ -4,7 +4,7 @@
 
 See latest changes in [changelog.md])(https://github.com/theomjones/fundamental/blob/master/changelog.md))
 
-Fundamental is a clean, fully responsive, lightweight Jekyll theme for blogging. No frameworks, no JavaScript. It uses system fonts, so no external stylesheets are loaded. The CSS is just 2Kb gzipped.
+Fundamental is a clean, fully responsive, lightweight Jekyll theme for blogging. No frameworks. It uses system fonts, so no external stylesheets are loaded. The CSS is just 2Kb gzipped.
 
 View the [demo here](https://blog.theomjones.com).
 

data/_includes/bio.html

@@ -1,4 +1,4 @@
-<a id="about-link" style="font-size: 2rem; position: fixed; right: 20px; z-index: 3; transition: transform 0.2s linear; bottom: 20px; color: #444">{% if site.bio.img_url %}<img class="avatar" style="box-shadow: -1px 2px 2px 0 rgba(20, 20, 20, .5); max-height: 50px; border-radius: 50%;" src="{{site.bio.img_url}}"/>{% else %}{% include bio.svg %}{% endif %}</a>
+<a id="about-link" style="font-size: 2rem; position: fixed; right: 20px; z-index: 3; transition: transform 0.1s linear; bottom: 20px; color: #444">{% if site.bio.img_url %}<img class="avatar" style="box-shadow: -1px 2px 2px 0 rgba(20, 20, 20, .5); max-height: 50px; border-radius: 50%;" src="{{site.bio.img_url}}"/>{% else %}{% include bio.svg %}{% endif %}</a>
 
 <div id="info" style="height: 100vh; width: 500px; max-width: 100%; transform: translateX(535px); transition: transform 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95); background: white; position: fixed; top: 0; right: 0; box-shadow: 2px 2px 4px 1px rgba(20, 20, 20, .5);">
   <div class="container" style="max-width: 85%">
@@ -30,4 +30,25 @@
       link.style.transform = 'rotate(0)';
     }
   }
+
+function animateBioLink() {
+  let lastScrollTop = 0;
+  if (window.innerWidth <= 950) {
+    window.onscroll = () => {
+      let currentScrollTop = window.scrollY || document.body.scrollTop;
+      if (currentScrollTop > lastScrollTop) {
+        //console.log('Moving on down!');
+            link.style.transform = 'translateY(200px)';
+            
+        } else {
+        //console.log('Moving on up!');
+            link.style.transform = 'translateY(0)';
+      }
+      lastScrollTop = currentScrollTop;
+    }
+  }
+}
+
+animateBioLink();
+ 
 </script>

data/_sass/_header.scss

@@ -7,22 +7,40 @@ header {
   flex-wrap: wrap;
   @media screen and (max-width: $break) {
     justify-content: flex-start;
-    ul {
-      margin: 0 0 0 10px;
+    margin-bottom: -20px;
+    nav {
+      overflow-y: hidden;
+      overflow-x: scroll;
+      max-height: 55px;
+      -webkit-overflow-scrolling: touch;
+      border-bottom: 2px solid $tertiary;
+      width: 100%;
+    }
+    a {
+      text-decoration: none;
     }
   }
   ul {
     list-style: none;
     padding-left: 0;
     margin-right: 50px;
+    -webkit-overflow-scrolling: touch;
+    @media screen and (max-width: $break) {
+      margin-right: 0;
+      overflow-x: scroll;
+      margin: 10px 0 0 40px;
+      display: flex;
+      overflow-x: scroll;
+      padding-bottom: 30px;
+    }
     @media screen and (max-width: 400px) {
       margin-left: 10px;
       margin-top: 5px;
     }
-  }
   li {
     display: inline-block;
     margin: 0 10px;
+    white-space: nowrap; 
   }
 }
 
@@ -32,11 +50,14 @@ header {
   @media screen and (max-width: 400px) {
     margin-left: 20px;
     margin-top: 5px;
+    margin-bottom: 5px;
+    font-size: 120%;
   }
   a {
     text-decoration: none;
     color: $textColor;
   }
+  }
 }
 
 .active {
@@ -47,4 +68,4 @@ header {
     bottom: -15px;
     left: 45%;
   }
-}
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: fundamental
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Theo M Jones
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-08-06 00:00:00.000000000 Z
+date: 2017-08-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -144,7 +144,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.11
+rubygems_version: 2.6.12
 signing_key: 
 specification_version: 4
 summary: A lightweight, minimal Jekyll theme.