jekyll-swiss 0.1.1 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 273ec99eb9f1ef9bf268f994c8f5fba140408289
-  data.tar.gz: 7da2365226e0ea4a7092397bfb9f049d2369476f
+  metadata.gz: 000b65521be4ae8b4e97a46a11c3abebdb6a70e8
+  data.tar.gz: 3c89dc6e1e23bcca009ad5648e5fb25eeeb25d6b
 SHA512:
-  metadata.gz: dbe6f6f499264e1501e779e94f268466d39b0496990c270c9c2ea2d4322ae7aafbb4e7d07e123923fc21fae3ec27c2b29eafd506488d0d575ca44cee85113721
-  data.tar.gz: 02ef1f88c8026f03e8ef384b235413ac77f70a22c534077909befa55cd20c604898107737f99950392458d7be6af2a5b01639b128f6e7202f9f671e34e8d5991
+  metadata.gz: 05674a17f10b02d8ed5d47047bf87897347732392c9d399e000c7b6015988fb24c4f7c6b9656cb4756ec9e5e826c1d22580a26d71f1212a4a300f4ae3a8bfb11
+  data.tar.gz: 8ec12bdb0f1e3d6c1c98415e99f5efbd1d050d0c6665aa1995dd270026a30da0debd00d132b06334787ae1a403126d3d219be54517083baf83bc29482545162a

data/README.md

@@ -1,4 +1,4 @@
-# Swiss Jekyll Theme
+# :construction: WIP :construction: Swiss Jekyll Theme
 
 Swiss is a bold Jekyll theme inspired by Swiss design and the works of Massimo Vignelli. This theme lends itself well to sites heavy on written content.
 

data/_includes/dribbble.html

@@ -1,4 +1,4 @@
-<a href="https://dribbble.com/{{ site.dribbble_username }}" title="Follow me on Dribbble" class="link-social block">
+<a href="https://dribbble.com/{{ site.social_username }}" title="Follow me on Dribbble" class="link-social block">
   <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414">
     <path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/>
   </svg>

data/_includes/head.html

@@ -6,7 +6,7 @@
   <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
-  <link rel="stylesheet" href="{{ "/css/styles.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/assets/style.css" | prepend: site.baseurl }}">
 
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">

data/_includes/instagram.html

@@ -1,4 +1,4 @@
-<a href="https://www.instagram.com/{{ site.instagram_username }}" title="Follow me on Instagram" class="link-social block">
+<a href="https://www.instagram.com/{{ site.social_username }}" title="Follow me on Instagram" class="link-social block">
 	<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
 	<g>
 		<path d="M11.9,5.1c-0.1-0.2-0.2-0.4-0.4-0.6s-0.3-0.3-0.6-0.4C10.8,4,10.5,4,10,3.9c-0.5,0-0.7,0-2,0s-1.5,0-2,0

data/_includes/medium.html

@@ -1,4 +1,4 @@
-<a href="https://medium.com/@{{ site.medium_username }}" title="Follow me on Medium" class="link-social block">
+<a href="https://medium.com/@{{ site.social_username }}" title="Follow me on Medium" class="link-social block">
 	<svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
 	<path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M6.3,12.1c0,0.2-0.1,0.3-0.3,0.3c-0.1,0-0.1,0-0.2-0.1l-2.6-1.3
 	C3.1,11.1,3,10.9,3,10.7V4.3c0-0.2,0.1-0.3,0.2-0.3c0,0,0.1,0,0.2,0l0.1,0h0l2.9,1.4c0,0,0,0,0,0V12.1z M9.3,10.8L9,10.7L7,9.6v-3

data/_includes/previous-next.html

@@ -1,7 +1,9 @@
 <!-- Use if you want to show previous and next for all posts. -->
+{% assign user_url = site.url | append: site.baseurl %}
+{% assign full_base_url = user_url | default: site.github.url %}
 {% if page.previous.url %}
   <div class="col-4 sm-width-full left mr-lg-4 mt-3">
-    <a class="no-underline border-top-thin py-1 block" href="{{page.previous.url}}">
+    <a class="no-underline border-top-thin py-1 block" href="{{ page.previous.url | prepend: full_base_url }}">
       <span class="h5 bold text-accent">Previous</span>
       <p class="bold h3 link-primary mb-1">{{ page.previous.title }}</p>
       <p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
@@ -10,7 +12,7 @@
   {% endif %}
   {% if page.next.url %}
   <div class="col-4 sm-width-full left mt-3">
-    <a class="no-underline border-top-thin py-1 block" href="{{page.next.url}}">
+    <a class="no-underline border-top-thin py-1 block" href="{{ page.next.url | prepend: full_base_url }}">
       <span class="h5 bold text-accent">Next</span>
       <p class="bold h3 link-primary mb-1">{{ page.next.title }}</p>
       <p>{{ page.next.content | strip_html | truncatewords:20 }}</p>

data/_includes/previous-next_has-categories.html

@@ -17,9 +17,11 @@
     {% endif %}
   {% endfor %}
 {% endif %}
+{% assign user_url = site.url | append: site.baseurl %}
+{% assign full_base_url = user_url | default: site.github.url %}
 {% if prev_post %}
 <div class="col-4 sm-width-full left mr-lg-4 mt-3">
-  <a class="no-underline border-top-thin py-1 block" href="{{ prev_post.url }}">
+  <a class="no-underline border-top-thin py-1 block" href="{{ prev_post.url | prepend: full_base_url }}">
     <span class="h5 bold text-accent">Previous</span>
     <p class="bold h3 link-primary mb-1">{{ prev_post.title }}</p>
     <p>{{ page.previous.content | strip_html | truncatewords:20 }}</p>
@@ -28,7 +30,7 @@
 {% endif %}
 {% if next_post %}
 <div class="col-4 sm-width-full left mt-3">
-  <a class="no-underline border-top-thin py-1 block" href="{{ next_post.url }}">
+  <a class="no-underline border-top-thin py-1 block" href="{{ next_post.url | prepend: full_base_url }}">
     <span class="h5 bold text-accent">Next</span>
     <p class="bold h3 link-primary mb-1">{{ next_post.title }}</p>
     <p>{{ page.next.content | strip_html | truncatewords:20 }}</p>

data/_includes/twitter.html

@@ -1,4 +1,4 @@
-<a href="https://twitter.com/{{ site.twitter_username }}" title="Follow me on twitter" class="link-social block">
+<a href="https://twitter.com/{{ site.social_username }}" title="Follow me on twitter" class="link-social block">
   <svg height="32" class="header-social" version="1.1" width="32" viewBox="0 0 16 16" aria-hidden="true">
     <path d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M12,6c0,0.1,0,0.2,0,0.3c0,2.7-2.1,5.8-5.8,5.8
   	c-1.2,0-2.2-0.3-3.1-0.9c0.2,0,0.3,0,0.5,0c1,0,1.8-0.3,2.5-0.9c-0.9,0-1.7-0.6-1.9-1.4c0.1,0,0.3,0,0.4,0c0.2,0,0.4,0,0.5-0.1

data/_layouts/home.html

@@ -3,10 +3,69 @@
 
   {% include head.html %}
 
-  <body>    
+  <body>
 
     <div>
-      {{ content }}
+
+      <header class="header-background">
+
+        <div class="clearfix border-bottom-thick header-border">
+          <ul class="list-reset right py-1 header-text font-smoothing">
+            {% for my_page in site.pages %}
+              {% if my_page.title %}
+              <li class="inline-block">
+                <a class="align-middle link-primary header-link mr-2" href="{{ my_page.url | prepend: site.baseurl }}">{{ my_page.title }}</a>
+              </li>
+              {% endif %}
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="container mx-auto px-2 mb-2 clearfix header-text">
+          <h1 class="h0 inline-block col-9 sm-width-full py-4 mt-3 header-title">{{ site.title }}</h1>
+
+          <div class="clearfix mb-4 py-1">
+            <div class="col-4 sm-width-full left border-top-thin">
+              <div class="table">
+                <div class="inline-block mt-3 mr-1">
+                  {% include dot-accent.html %}
+                </div>
+                <div class="inline-block mt-3 mr-1">
+                  {% include dot-accent.html %}
+                </div>
+                <div class="inline-block mt-3">
+                  {% include github.html %}
+                </div>
+              </div>
+              <!-- Set site description in config.yml -->
+              <p class="h4 lh-condensed font-smoothing mt-2 py-1">{{ site.description }}</p>
+            </div>
+
+            <div class="col-4 sm-width-full left border-top-thin mt-3 mt-lg-0 ml-lg-4 table">
+                <div class="inline-block mt-3 mr-1">
+                  {% include dot.html %}
+                </div>
+                <div class="inline-block mt-3">
+                  {% include {{ site.social_link | default: "twitter" }}.html %}
+                </div>
+            </div>
+          </div>
+
+        </div>
+      </header>
+
+      <div class="container mx-auto py-4 px-2">
+        {% for post in site.posts %}
+          <div class="py-2 mb-2 prose mx-auto">
+            <a class="no-underline h5 bold text-accent" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.date | date: "%b %-d, %Y" }}</a>
+            <h2 class="h1 lh-condensed mt-0">
+              <a class="link-primary" title="{{ post.url | prepend: site.baseurl }}" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
+            </h2>
+            <p>{{ post.content | strip_html | truncatewords:30 }}</p>
+          </div>
+        {% endfor %}
+      </div>
+
     </div>
 
     {% include footer.html %}

data/_sass/_theme-black.scss

@@ -21,3 +21,11 @@ $color-primary-link: $red !default;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_theme-blue.scss

@@ -21,3 +21,11 @@ $color-primary-link: $blue !default;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_theme-gray.scss

@@ -17,3 +17,12 @@ $color-text-accent: $gray-light !default;
 $color-code: $gray-light !default;
 $color-nav-link: $gray !default;
 $color-primary-link: $gray-light !default;
+
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_theme-magenta.scss

@@ -15,3 +15,11 @@ $color-text-accent: $magenta !default;
 $color-code: $magenta !default;
 $color-nav-link: $black !default;
 $color-primary-link: $magenta !default;
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_theme-orange.scss

@@ -16,3 +16,12 @@ $color-code: $gray !default;
 $color-nav-link: $white !default;
 $color-primary-link: $orange !default;
 $color-border: $orange;
+
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_theme-red.scss

@@ -3,7 +3,7 @@
 // Color variables
 $black: #181818;
 $red: #E74727;
-$red-small: #DC3918;
+$red-dark: #DC3918;
 $white: #fff;
 
 // Config
@@ -12,7 +12,15 @@ $color-dot-accent: $black !default;
 $color-foreground: $black !default;
 $color-title: $white !default;
 $color-body-text: $black !default;
-$color-text-accent: $red !default;
-$color-code: $red-small !default;
+$color-text-accent: $red-dark !default;
+$color-code: $red-dark !default;
 $color-nav-link: $white !default;
 $color-primary-link: $red !default;
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_theme-white.scss

@@ -4,15 +4,25 @@
 $black: #181818;
 $red: #E74727;
 $red-dark: #DC3918;
-$gray: #f5f5f5;
+$gray-light: #f5f5f5;
+$white: #fff;
 
 // Config
-$color-background: $gray !default;
+$color-background: $gray-light !default;
 $color-dot-accent: $red !default;
 $color-foreground: $black !default;
 $color-title: $black !default;
 $color-body-text: $black !default;
-$color-text-accent: $red !default;
+$color-text-accent: $red-dark !default;
 $color-code: $red-dark !default;
-$color-nav-link: $red !default;
-$color-primary-link: $red !default;
+$color-nav-link: $red-dark !default;
+$color-primary-link: $red-dark !default;
+
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

data/_sass/_theme-yellow.scss

@@ -18,3 +18,12 @@ $color-code: $gray !default;
 $color-nav-link: $white !default;
 $color-primary-link: $gray !default;
 $color-border: $yellow;
+
+
+// Import sass partials (used in all themes)
+@import
+        "variables",
+        "base",
+        "components",
+        "utilities"
+;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-swiss
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - broccolini
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-09-14 00:00:00.000000000 Z
+date: 2016-09-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll