sanguine 0.1.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c7eff4dce2badb055c70ac8f073347f6aa4388d6
-  data.tar.gz: 7df3b21cf53f1d3a303093f815ecc42194c6701a
+  metadata.gz: a456e7b467400fabfc4adb63f6ceb08b13b7c819
+  data.tar.gz: 4024600abfc191b802a30f4de8780a04a8bbcedd
 SHA512:
-  metadata.gz: 5a7bcdf71d4e39c0e706da8e24735ebc7681faec1276fe19a4f8a182a62fbd24382fa24793cfc7937ad614c8e77c7ed42243163967e8ebe3407057513bda633c
-  data.tar.gz: b9e18f492a72a660dc2de3dbbcba5e1a2c6ba355c60b0d6b9409683edb15b5c8d6b401b4d904abe5575413ed3bc8bb3de5254269384d2c8a17596b84d78da21e
+  metadata.gz: 6e5bcd3681d4a8fe6b6a9c4712b9422c4e1e2ebe1b74fec422f916b7373c683462c3cc5ca4444b57d13afa625898e509f9445fe5e44839b18f04c2d5ae38b343
+  data.tar.gz: ff1fcb275d1480947af467e02066584295a742f7a34ac928413d3369240dd445940d0c6b75150e7b72281837db47545054d9e5b1ceba076a19b401582380d6d3

data/README.md

@@ -32,7 +32,7 @@ TODO: Write usage instructions here. Describe your available layouts, includes,
 
 ## Contributing
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+Bug reports and pull requests are welcome on GitHub at https://github.com/austenmadden/sanguine.
 
 ## Development
 
@@ -45,4 +45,3 @@ When your theme is released, only the files in `_layouts`, `_includes`, and `_sa
 ## License
 
 The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
-

data/_includes/disqus_comments.html

@@ -0,0 +1,17 @@
+{% if page.comments != false and jekyll.environment == "production" %}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ page.url | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+    (function() {
+      var d = document, s = d.createElement('script');
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{% endif %}

data/_includes/footer.html

@@ -0,0 +1,52 @@
+<footer class="site-footer">
+
+  <div class="wrapper">
+
+    <h2 class="footer-heading">{{ site.footer_title | site.title | escape }}</h2>
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+        <ul class="contact-list">
+          <li>
+            {% if site.author %}
+              {{ site.author | escape }}
+            {% else %}
+              {{ site.title | escape }}
+            {% endif %}
+            </li>
+            {% if site.email %}
+            <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+            {% endif %}
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-2">
+        <ul class="social-media-list">
+          {% if site.github_username %}
+          <li>
+            {% include icon-github.html username=site.github_username %}
+          </li>
+          {% endif %}
+
+          {% if site.twitter_username %}
+          <li>
+            {% include icon-twitter.html username=site.twitter_username %}
+          </li>
+          {% endif %}
+
+          {% if site.linkedin_username %}
+          <li>
+            {% include icon-linkedin.html username=site.linkedin_username %}
+          </li>
+          {% endif %}
+        </ul>
+      </div>
+
+      <div class="footer-col footer-col-3">
+        <p>{{ site.description | escape }}</p>
+      </div>
+    </div>
+
+  </div>
+
+</footer>

data/_includes/google-analytics.html

@@ -0,0 +1,9 @@
+<!-- Google Analytics -->
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+  ga('create', 'UA-77149006-1', 'auto');
+  ga('send', 'pageview');
+</script>

data/_includes/head.html

@@ -0,0 +1,19 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
+  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+
+  <link rel='shortcut icon' type='image/x-icon' href="{{"/img/favicon.ico" | relative_url }}"/>
+  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans">
+  <link rel="stylesheet" href="{{ "/assets/font-awesome/css/font-awesome.css" | relative_url }}">
+  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
+
+  {% if jekyll.environment == 'production' and site.google_analytics %}
+  {% include google-analytics.html %}
+  {% endif %}
+</head>

data/_includes/header.html

@@ -0,0 +1,32 @@
+<header class="site-header" role="banner">
+
+  <div class="wrapper">
+    {% assign default_paths = site.pages | map: "path" %}
+    {% assign page_paths = site.header_pages | default: default_paths %}
+    <a class="site-title" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+
+    {% if page_paths %}
+      <nav class="site-nav">
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <label for="nav-trigger">
+          <span class="menu-icon">
+            <svg viewBox="0 0 18 15" width="18px" height="15px">
+              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+              <path d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+              <path d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+            </svg>
+          </span>
+        </label>
+
+        <div class="trigger">
+          {% for path in page_paths %}
+            {% assign my_page = site.pages | where: "path", path | first %}
+            {% if my_page.title %}
+            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+            {% endif %}
+          {% endfor %}
+        </div>
+      </nav>
+    {% endif %}
+  </div>
+</header>

data/_includes/icon-github.html

@@ -0,0 +1 @@
+<a href="https://github.com/{{ include.username }}"><span class="fa fa-github"></span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-linkedin.html

@@ -0,0 +1 @@
+<a href="https://linkedin.com/in/{{ linkedin_username }}"><span class="fa fa-linkedin"></span><span class="username">{{ include.username }}</span></a>

data/_includes/icon-twitter.html

@@ -0,0 +1 @@
+<a href="https://twitter.com/{{ include.username }}"><span class="fa fa-twitter"></span><span class="username">{{ include.username }}</span></a>

data/_layouts/default.html

@@ -1 +1,19 @@
-{{ content }}
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {% include head.html %}
+
+  <body>
+
+    {% include header.html %}
+
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {% include footer.html %}
+
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {% include head.html %}
+
+  <body>
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {% assign default_paths = site.pages | map: "path" %}
+        {% assign page_paths = site.header_pages | default: default_paths %}
+        <div class="home">
+          <div class="flex center">
+            <div class="panel">
+              <div class="summary">
+                <h1>{{site.greeting}}</h1>
+                <h4>{{site.description}}</h4>
+                <div class="home-nav">
+                  {% for path in page_paths %}
+                    {% assign my_page = site.pages | where: "path", path | first %}
+                    {% if my_page.title %}
+                    <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+                    {% endif %}
+                  {% endfor %}
+                </div>
+              </div>
+            </div>
+            <div class="panel">
+              <ul class="inline unstyled">
+                {% if site.github_username %}
+                <li><a href="https://github.com/{{site.github_username}}">
+                  <i class="fa fa-github fa-3x"></i></a></li>
+                {% endif %}
+                {% if site.twitter_username %}
+                <li><a href="https://twitter.com/{{site.twitter_username}}">
+                  <i class="fa fa-twitter fa-3x"></i></a></li>
+                {% endif %}
+                {% if site.linkedin_username %}
+                <li><a href="https://www.linkedin.com/in/{{site.linkedin_username}}/">
+                  <i class="fa fa-linkedin fa-3x"></i></a></li>
+                {% endif %}
+                {% if site.email %}
+                <li><a href="mailto:{{site.email}}">
+                  <i class="fa fa-envelope fa-3x"></i></a></li>
+                {% endif %}
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+  </body>
+</html>

data/_layouts/post.html

@@ -2,4 +2,18 @@
 layout: default
 ---
 
-{{ content }}
+<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header class="post-header">
+    <h1 class="post-title" itemprop="name headline">{{ page.title | escape }}</h1>
+    <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
+  </header>
+
+  <div class="post-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  {% if site.disqus.shortname %}
+    {% include disqus_comments.html %}
+  {% endif %}
+</article>

data/_sass/sanguine.scss

@@ -0,0 +1,4 @@
+@import
+  'sanguine/base',
+  'sanguine/home',
+  'sanguine/layout';

data/_sass/sanguine/_base.scss

@@ -0,0 +1,110 @@
+@charset "utf-8";
+
+$primary-color: #e50914;
+$hover-color: white;
+$hover-background-color: $primary-color;
+$font-color: white;
+$divider-color: #3d3d3d;
+
+$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$base-font-size:   16px !default;
+$base-font-weight: 400 !default;
+$small-font-size:  $base-font-size * 0.875 !default;
+$base-line-height: 1.5 !default;
+
+$spacing-unit:     30px !default;
+
+$text-color:       #ffffff !default;
+$background-color: #000000 !default;
+$background-color-alt: #141414 !default;
+$brand-color:      #2a7ae2 !default;
+
+$grey-color:       #828282 !default;
+$grey-color-light: lighten($grey-color, 40%) !default;
+$grey-color-dark:  darken($grey-color, 25%) !default;
+
+// Width of the content area
+$content-width:    800px !default;
+
+$on-palm:          640px !default;
+$on-laptop:        800px !default;
+
+// Use media queries like this:
+// @include media-query($on-palm) {
+//   .wrapper {
+//     padding-right: $spacing-unit / 2;
+//     padding-left: $spacing-unit / 2;
+//   }
+// }
+@mixin media-query($device) {
+  @media screen and (max-width: $device) {
+    @content;
+  }
+}
+
+@mixin relative-font-size($ratio) {
+  font-size: $base-font-size * $ratio;
+}
+
+/**
+ * Wrapper
+ */
+.wrapper {
+  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
+  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: $spacing-unit;
+  padding-left: $spacing-unit;
+  @extend %clearfix;
+
+  @include media-query($on-laptop) {
+    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
+    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
+    padding-right: $spacing-unit / 2;
+    padding-left: $spacing-unit / 2;
+  }
+}
+
+/**
+ * Clearfix
+ */
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+$fonts: "Helvetica Neue", Helvetica, sans-serif;
+
+html {
+  font-family: $fonts;
+  color: $font-color;
+  background-color: $background-color;
+  width: 100%;
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  overflow-x: hidden;
+}
+
+body {
+  margin: 0;
+}
+
+ul {
+  padding: 0;
+}
+
+a {
+  color: $primary-color;
+  text-decoration: none;
+
+  &:hover {
+    color: $hover-color;
+  }
+}
+
+.username {
+  margin-left: 5px;
+}

data/_sass/sanguine/_home.scss

@@ -0,0 +1,79 @@
+.home {
+  h1 {
+    font-size: 3em;
+    margin: 0;
+  }
+
+  h4 {
+    margin: 0;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .center {
+    margin-top: 40vh;
+  }
+
+  .panel {
+    flex: 1
+  }
+
+  .unstyled {
+    padding: 0;
+    margin: 20px 0 0 0;
+    list-style: none;
+  }
+
+  .inline li {
+    display: inline;
+    padding: 50vh 15px 50vh 15px;
+  }
+
+  .inline li:hover {
+    background-color: red;
+
+    a {
+      color: $hover-color;
+    }
+
+    i {
+      transition: all .2s ease-in-out;
+      transform: translateY(-15px);
+    }
+  }
+
+  .inline li a {
+    color: $primary-color;
+  }
+
+  @media (max-width: $on-palm) {
+    .flex {
+      display: block;
+    }
+
+    .inline li {
+      padding: 0 30px 0 0;
+    }
+
+    .inline li:hover {
+      background-color: transparent;
+
+      i {
+        transition: none;
+        transform: none;
+      }
+    }
+  }
+
+  .home-nav {
+    margin-top: 5px;
+    font-size: 1em;
+    font-weight: 700;
+
+    a {
+      margin-right: 10px;
+    }
+  }
+}