feat(init): 🚀

.gitignore

@@ -0,0 +1,5 @@
+_site
+_posts
+.sass-cache
+.jekyll-metadata
+.DS_Store

Gemfile

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+gemspec

Gemfile.lock

@@ -0,0 +1,70 @@
+PATH
+  remote: .
+  specs:
+    jekyll-theme-guardian (0.0.1)
+      jekyll (~> 3.8.7)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.7.0)
+      public_suffix (>= 2.0.2, < 5.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.1.6)
+    em-websocket (0.5.1)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.6.0)
+    eventmachine (1.2.7)
+    ffi (1.13.1)
+    forwardable-extended (2.6.0)
+    http_parser.rb (0.6.0)
+    i18n (0.9.5)
+      concurrent-ruby (~> 1.0)
+    jekyll (3.8.7)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 0.7)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 1.14)
+      liquid (~> 4.0)
+      mercenary (~> 0.3.3)
+      pathutil (~> 0.9)
+      rouge (>= 1.7, < 4)
+      safe_yaml (~> 1.0)
+    jekyll-sass-converter (1.5.2)
+      sass (~> 3.4)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (1.17.0)
+    liquid (4.0.3)
+    listen (3.2.1)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.3.6)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (3.1.1)
+    rake (12.3.2)
+    rb-fsevent (0.10.4)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rouge (3.19.0)
+    safe_yaml (1.0.5)
+    sass (3.7.4)
+      sass-listen (~> 4.0.0)
+    sass-listen (4.0.0)
+      rb-fsevent (~> 0.9, >= 0.9.4)
+      rb-inotify (~> 0.9, >= 0.9.7)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.16)
+  jekyll-theme-guardian!
+  rake (~> 12.0)
+
+BUNDLED WITH
+   1.17.2

README.md

@@ -1,2 +1,52 @@
 # jekyll-theme-guardian
-Guardian: A Jekyll theme made by the Widen Developer Relations Committee
+
+Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+
+To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
+
+TODO: Delete this and the text above, and describe your gem
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "jekyll-theme-guardian"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: jekyll-theme-guardian
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install jekyll-theme-guardian
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## 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.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-guardian.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

_config.yml

@@ -0,0 +1,8 @@
+# theme configuration
+logo_url: https://embed.widencdn.net/img/widen/c17yrvuaac/400px@2x/Widen Engineering White Logo.png?u=mcuc7i
+header_background_url: https://embed.widencdn.net/img/widen/m4ml1kuspv/exact/1680x90_Engineering Blog Banner.png?keep=c&crop=yes&u=ksmgip
+twitter_username: widendev
+github_widen: https://github.com/widen
+github_repository: https://github.com/widen/jekyll-theme-guardian
+google_analytics_code:
+disqus_shortname:

_includes/analytics.html

@@ -0,0 +1,13 @@
+{% if site.google_analytics_code %}
+<script type="text/javascript">
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', '{{site.google_analytics_code}}']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+{% endif %}

_includes/disqus.html

@@ -0,0 +1,14 @@
+{% if site.disqus_shortname %}
+<div class="comments">
+	<div id="disqus_thread"></div>
+	<script type="text/javascript">
+	    var disqus_shortname = '{{ site.disqus_shortname }}';
+	    (function() {
+	        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+	        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+	        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+	    })();
+	</script>
+	<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+</div>
+{% endif %}

_includes/favicons.html

@@ -0,0 +1,19 @@
+<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png">
+<link rel="icon" type="image/png" sizes="192x192"  href="/assets/images/favicon/android-icon-192x192.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
+
+<link rel="manifest" href="/assets/images/favicon/manifest.json">
+
+<meta name="msapplication-TileColor" content="#B72822">
+<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png">
+<meta name="theme-color" content="#B72822">

_includes/footer.html

@@ -0,0 +1,28 @@
+<div class="wrapper">
+    <footer class="site-footer" role="contentinfo">
+        <nav>
+          <ul class="inline">
+          {% for page in site.pages %}
+            {% if page.title %}
+            <li>
+                <a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
+            </li>
+            {% endif %}
+          {% endfor %}
+          </ul>
+          <br/>
+        </nav >
+        <nav>
+          <ul class="site-social-links inline">
+              <li><a target="_blank" title="RSS Feed" href="/feed.xml" class="ion-social-rss"></a></li>
+              <li><a target="_blank" title="GitHub" href="{{site.github_widen}}" class="ion-social-github"></a></li>
+              <li><a target="_blank" title="Twitter" href="https://twitter.com/{{site.twitter_username}}" class="ion-social-twitter"></a></li>
+          </ul>
+        </nav>
+        <p>© Copyright {{ site.time | date: '%Y' }}, <a title="Widen Homepage" target="_blank" href="http://widen.com">Widen Enterprises, Inc.</a></p>
+
+        <p><strong>Looking for work?</strong> <a title="Come engineer with us!" target="_blank" href="http://www.widen.com/careers/">Come engineer with us!</a></p>
+        <p><strong>Something wrong with this page?</strong> Please <a title="Create new issue on bugtracker" target="_blank" href="{{site.github_repository}}/issues/new">file a bug</a>.</p>
+        {% include git-info.html %}
+    </footer>
+</div>

_includes/git-info.html

@@ -0,0 +1,21 @@
+<div class="git-info">
+<nav>
+  <ul class="inline">
+    <li>
+        <a target="_blank" title="View site source on GitHub" href="{{ site.github_repository }}">source</a>
+    </li>
+    <li>
+        <a target="_blank" title="View current page on GitHub" href="{{ site.github_repository }}/blob/master/{{page.path}}">view</a>
+    </li>
+    <li>
+        <a target="_blank" title="Edit current page on GitHub" href="{{ site.github_repository }}/edit/master/{{page.path}}">edit</a>
+    </li>
+    <li>
+        <a ="_blank" title="Last site commit" href="{{ site.github_repository }}/commit/{{ site.git.last_commit.short_sha }}">{{ site.git.last_commit.short_sha }}</a>
+    </li>
+    <li>
+        <a target="_blank" title="Last page commit" href="{{ site.github_repository }}/commit/{{ page.git.last_commit.short_sha }}">{{ page.git.last_commit.short_sha }}</a>
+    </li>
+  </ul>
+  </nav >
+</div>

_includes/head.html

@@ -0,0 +1,13 @@
+<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 }} | {% endif %}{{ site.title }}</title>
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+
+  {% include favicons.html %}
+  <link rel="stylesheet" href="/assets/css/app.css">
+  <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 }}" />
+</head>

_includes/header.html

@@ -0,0 +1,10 @@
+<header class="site-header" role="banner">
+  <div class="wrapper">
+    <div class="logo">
+      <a href="/">
+        <img width="400" alt="{{ site.title }} Logo" src="{{ site.logo_url }}">
+      </a>
+    </div>
+    <br class="clear"/>
+  </div>
+</header>

_layouts/default.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+
+  {% include head.html %}
+
+  <body>
+
+    <div class="full-width">
+      {% include header.html %}
+    </div>
+
+    <div class="wrapper">
+
+      <main class="content" role="main">
+
+        {{ content }}
+
+      </main>
+
+    </div>
+
+    <div class="full-width">
+      {% include footer.html %}
+    </div>
+
+    {% include analytics.html %}
+
+  </body>
+
+</html>

_layouts/post.html

@@ -0,0 +1,19 @@
+---
+layout: default
+---
+<div class="post">
+    <header>
+        <h1><a title="{{page.title}}" href="{{page.url}}">{{ page.title }}</a></h1>
+        <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • {% if site.data.team.members[page.author] %}<a href="#">{{ site.data.team.members[page.author].name }}</a>{% else %}{{ page.author }}{% endif %}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}
+    </header>
+
+    <article role="article">
+
+      {{ content }}
+
+    </article>
+
+    {% if page.comments != false %}
+      {% include disqus.html disqus_identifier=page.disqus_identifier %}
+    {% endif %}
+</div>

_sass/_default-layout.scss

@@ -0,0 +1,48 @@
+.wrapper {
+  max-width: $body-width;
+  margin: 0 auto;
+  padding-right: 10px;
+  padding-left: 10px;
+  clear: both;
+}
+
+.full-width {
+  max-width: 100%;
+  margin: 0 auto;
+}
+
+.content {
+    margin-top: 21px;
+    margin-bottom: 21px;
+
+    h1 {
+        margin-bottom: 13px;
+
+        a {
+          color: $darkest-grey;
+        }
+    }
+    h2 {
+        margin-bottom: 8px;
+    }
+    h3 {
+        margin-bottom: 5px;
+    }
+    h4, h5, h6 { margin-bottom: 3px; }
+
+    header {
+        h1 {
+            margin-bottom: 13px;
+        }
+        margin-bottom: 34px;
+    }
+
+}
+
+.git-info {
+    opacity: 0;
+    transition: opacity 1s ease-in;
+}
+.git-info:hover {
+    opacity: 0.5
+}

_sass/_footer.scss

@@ -0,0 +1,24 @@
+footer.site-footer {
+    margin-top: 21px;
+    text-align: center;
+    font-size: 80%;
+    nav {
+        margin-top: 34px;
+        margin-bottom: 34px;
+    }
+    li {
+        margin-top: 8px;
+    }
+    li + li:before{
+        content: "   ";
+        padding: 0 8px;
+    }
+    .logo {
+        height: 4rem;
+        height: 4rem;
+        margin-top: 21px;
+    }
+    .site-social-links {
+        font-size: 3rem;
+    }
+}