personally-developed 2.0.0 → 2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e8ecfad17bf1570ede5c0ddade167fb650ae5674
-  data.tar.gz: 4888b6f7578c23c00ff83275ff41a9ea99f91786
+  metadata.gz: 8fa71ad7b6d20aa2f4b481cd944621a92c31b9e1
+  data.tar.gz: dd1718e12e430d7e51bb1f5297a9ad1c1b798dad
 SHA512:
-  metadata.gz: d27f1d5b7a54a420c2cb3c826694473db210f68e4796d643d51e2a5d420202178cfe614085233cf094bc54054ca3d3bc4ebb550d1b4c1c452a9850237f147b3c
-  data.tar.gz: b98514c4a95be96a276363c8d6824d24933a013f80756909a435e83d8ed83458851eedb4b95f9870813eed83f3148b8cc873d4661ebc6528aca5ce02114133ba
+  metadata.gz: 1b517486808bc3ea85f87ab83ad8ab43608965b99797eaf47dd939d5143b38a3ac014764ec8e5031044e66a9264321046903ba8502cc0c8367ce1ea0e8556d91
+  data.tar.gz: d4d7843cb6566ffcf2e23f44cca2c9df190079535a47b611f34f3a2e37b689c6825661d7b139da586ad89f5bbb427ad79c91756a77c1839e4bc7d6deb4ec427c

data/README.md

@@ -6,6 +6,8 @@ Jekyll scaffold](https://github.com/jonathanpike/personally-developed) to use wi
 
 ![theme preview](/screenshot.png)
 
+### View a [live demo](https://jonathanpike.net/personally-developed/)!
+
 ## Installation
 
 Add this line to your Jekyll site's `Gemfile`:

data/_includes/footer.html

@@ -1,5 +1,8 @@
 <footer>  
     <div class="col-xs-12">
         <p class="text-center">Have a great rest of your <span id="day">day</span>!</p>
+        <br />
+        {% assign earliestPost = site.posts | last %}
+        <p class="meta text-center">&copy; {{ earliestPost.date | date: "%Y" }}–{{ site.time | date: "%Y" }} {{ site.author }}</p>
     </div>
-</footer>
+</footer>

data/_includes/header.html

@@ -1,12 +1,12 @@
 <header>
 
   <div class="col-xs-12 col-md-4 animated fadeInDown namebox" id="box">
-    <h1 class="title"><a href="{{ site.baseurl }}/">{{ site.title }}</a></h1>
-    <p>{{ site.description }}</p>
+    <h1 class="namebox-title"><a href="{{ site.baseurl }}/">{{ site.title }}</a></h1>
+    <p class="namebox-subtitle">{{ site.description }}</p>
     <hr />
     <ul class="navigation">
       {% for page in site.pages %}
-        <li><h4><a href="{{ page.url }}">{{ page.title }}</a><span class="gray-text"></h4></li>
+        <li class="navigation-item"><h4 class="navigation-item-text"><a href="{{ page.url }}">{{ page.title }}</a><span class="gray-text"></h4></li>
       {% endfor %}
    </ul>
   </div>

data/_sass/personally-developed/_fonts.scss

@@ -23,3 +23,12 @@ hr {
   border: 0;
   border-top: 1px solid rgba($pd-black,.1);
 }
+
+// Blockquotes
+blockquote {
+  padding: (1rem / 2) 1rem;
+  margin-bottom: 1rem;
+  font-size: $font-size-base * 1.1;
+  color: $pd-light-gray;
+  border-left: .15rem solid $pd-transparent-blue;
+}

data/_sass/personally-developed/_header.scss

@@ -9,7 +9,28 @@
   border-radius: 2px;
   border: 2px solid $pd-transparent-blue; 
   position: relative;
-	padding: 0 15px;
+  padding: 0 15px;
+  @media only screen and (max-width: $screen-tablet) {
+    margin-top: 5px;
+    border: 0;
+    border-bottom: 2px solid $pd-transparent-blue;
+    margin-left: 0px;
+    width: auto;
+    float: none;
+  }
+}
+
+.namebox-title {
+  @media only screen and (max-width: $screen-tablet) {
+    font-size: $font-size-h4;
+    text-align: center;
+  }
+}
+
+.namebox-subtitle {
+  @media only screen and (max-width: $screen-tablet) {
+    display: none;
+  }
 }
 
 .navigation {
@@ -17,11 +38,17 @@
   padding: 0px;
 }
 
-.title a:link {
-  border-bottom: 0px;
+.navigation-item {
+  @media only screen and (max-width: $screen-tablet) {
+    display: inline-block;
+    width: calc(90%/3);
+    text-align: center;
+    margin: 0 2px;
+  }
 }
 
-.title a:visited {
-  text-decoration: none;
+.navigation-item-text { 
+  @media only screen and (max-width: $screen-tablet) {
+    font-size: $font-size-h5;
+  }
 }
-

data/_sass/personally-developed/_layout.scss

@@ -4,12 +4,12 @@ html{
 
 body {
   font-family: $pd-font-family-sans-serif;
-  font-size: 1.15rem;
+  font-size: $font-size-base;
   border: 8px solid $pd-transparent-blue; 
   min-height: 100%;
   background-color: $pd-off-white;
   margin: 0;
-  @media only screen and (max-width: 500px) {
+  @media only screen and (max-width: $screen-phone) {
     border: 4px solid $pd-transparent-blue; 
   }
 }
@@ -17,15 +17,15 @@ body {
 .container {
   @include grid-container;
 
-  @media only screen and (min-width: 768px) {
+  @media only screen and (min-width: $screen-tablet) {
     max-width: 750px;
   }
 
-  @media only screen and (min-width: 992px) {
+  @media only screen and (min-width: $screen-desktop) {
     max-width: 970px;
   }
 
-  @media only screen and (min-width: 1200px) {
+  @media only screen and (min-width: $screen-wide-desktop) {
     max-width: 1170px;
   }
 
@@ -42,7 +42,7 @@ body {
 
   margin-bottom: 20px;
   padding: 0px 30px 0px 30px;
-  @media only screen and (max-width: 500px) {
+  @media only screen and (max-width: $screen-phone) {
     padding: 0px;
   }
 }

data/_sass/personally-developed/_variables.scss

@@ -25,7 +25,7 @@ $font-weight-bold: bold !default;
 $font-weight-base: $font-weight-normal !default;
 $line-height-base: 1.5 !default;
 
-$font-size-h1: 2.5rem !default;
+$font-size-h1: 2.25rem !default;
 $font-size-h2: 2rem !default;
 $font-size-h3: 1.75rem !default;
 $font-size-h4: 1.5rem !default;
@@ -48,3 +48,12 @@ $table-cell-padding: 0.75rem !default;
 $large-neat-grid: (
   media: 1000px,
 );
+
+// Media Query Breakpoints
+$screen-phone: 480px !default;
+
+$screen-tablet: 768px !default;
+
+$screen-desktop: 992px !default;
+
+$screen-wide-desktop: 1200px !default;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: personally-developed
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.1.0
 platform: ruby
 authors:
 - Jonathan Pike
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-03 00:00:00.000000000 Z
+date: 2017-05-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -122,7 +122,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.8
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: A simple, one column theme for Jekyll that puts your content first.