darkmatter-theme 1.0.0

data/_pages/welcome/index.html

@@ -0,0 +1,83 @@
+---
+layout: default
+title: Welcome
+permalink: /welcome/
+date: 2018-01-01 00:00:00 -0600
+tags: welcome template business
+---
+<!-- Page Content -->
+<div class="container">
+
+    <!-- Jumbotron Header -->
+    <header class="jumbotron my-4">
+        <h1 class="display-3">A Warm Welcome!</h1>
+        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa, ipsam, eligendi, in quo sunt
+            possimus non incidunt odit vero aliquid similique quaerat nam nobis illo aspernatur vitae fugiat numquam
+            repellat.</p>
+        <a href="#" class="btn btn-primary btn-lg">Call to action!</a>
+    </header>
+
+    <!-- Page Features -->
+    <div class="row text-center">
+
+        <div class="col-lg-3 col-md-6 mb-4">
+            <div class="card">
+                <img class="card-img-top" src="http://placehold.it/500x325" alt="">
+                <div class="card-body">
+                    <h4 class="card-title">Card title</h4>
+                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse
+                        necessitatibus neque.</p>
+                </div>
+                <div class="card-footer">
+                    <a href="#" class="btn btn-primary">Find Out More!</a>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-lg-3 col-md-6 mb-4">
+            <div class="card">
+                <img class="card-img-top" src="http://placehold.it/500x325" alt="">
+                <div class="card-body">
+                    <h4 class="card-title">Card title</h4>
+                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni
+                        sapiente, tempore debitis beatae culpa natus architecto.</p>
+                </div>
+                <div class="card-footer">
+                    <a href="#" class="btn btn-primary">Find Out More!</a>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-lg-3 col-md-6 mb-4">
+            <div class="card">
+                <img class="card-img-top" src="http://placehold.it/500x325" alt="">
+                <div class="card-body">
+                    <h4 class="card-title">Card title</h4>
+                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse
+                        necessitatibus neque.</p>
+                </div>
+                <div class="card-footer">
+                    <a href="#" class="btn btn-primary">Find Out More!</a>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-lg-3 col-md-6 mb-4">
+            <div class="card">
+                <img class="card-img-top" src="http://placehold.it/500x325" alt="">
+                <div class="card-body">
+                    <h4 class="card-title">Card title</h4>
+                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo magni
+                        sapiente, tempore debitis beatae culpa natus architecto.</p>
+                </div>
+                <div class="card-footer">
+                    <a href="#" class="btn btn-primary">Find Out More!</a>
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <!-- /.row -->
+
+</div>
+<!-- /.container -->

data/_posts/2018-01-01-what-is-bacon-ipsum-pt1.md

@@ -0,0 +1,39 @@
+---
+layout: post
+title:  "What is Bacon Ipsum pt1"
+date:   2018-01-01 00:00:00 -0600
+tags: bacon linux
+---
+
+# SECTION
+Bacon ipsum dolor amet andouille frankfurter est tempor shankle flank brisket officia, enim et boudin ham quis. Leberkas qui pork mollit aliquip drumstick dolore fugiat prosciutto do velit est. Reprehenderit pork capicola fatback cillum alcatra brisket doner, minim dolor irure ex jerky tenderloin prosciutto. Beef ribs pancetta tail leberkas shank elit ham hock venison occaecat andouille ham doner magna. Irure jerky landjaeger ut commodo nulla.
+
+
+### HIGHLIGHT
+`​html
+<a href="#">Hello world</a>
+`​
+
+### CODE BLOCK
+
+{% highlight ruby %}
+def show
+  @widget = Widget(params[:id])
+  respond_to do |format|
+    format.html # show.html.erb
+    format.json { render json: @widget }
+  end
+end
+{% endhighlight %}
+
+
+### PARAGRAPHS
+Id aute laborum consectetur t-bone in prosciutto cillum kevin. Drumstick corned beef beef venison, ad exercitation frankfurter capicola. Fatback t-bone pork chop ullamco est tempor commodo brisket quis meatball salami ground round capicola. Kevin picanha shoulder ut turducken dolore.
+
+Ad doner culpa tail ea laboris labore. Corned beef excepteur enim, ground round biltong aliquip pork belly pastrami meatball short loin ham hock sed. Flank beef rump, esse quis labore cow nulla excepteur tempor. Nisi boudin cupidatat tenderloin, filet mignon rump ut. Minim leberkas velit kevin aliquip. Shankle capicola cupim lorem dolore esse chicken turkey frankfurter cillum laboris short ribs.
+
+Minim chuck hamburger rump boudin. Strip steak ut shank sint incididunt. Commodo dolore drumstick, tempor tenderloin meatball picanha non boudin fatback velit short ribs. Sirloin fatback kevin meatloaf pork. Do non pork bacon irure drumstick pancetta t-bone et ex elit sausage labore.
+
+Rump capicola pig nulla dolore. Ex salami filet mignon reprehenderit turkey in kevin tail dolore ham excepteur ut nisi bresaola proident. Sirloin elit shoulder, nostrud aliqua strip steak short loin ullamco salami magna kevin eiusmod dolore consectetur prosciutto. Swine minim duis salami. Doner tenderloin non nostrud laboris. Velit excepteur laborum nisi, aliqua short ribs ut elit ham swine anim ball tip sint minim bresaola.
+
+Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

data/_posts/2018-02-01-what-is-bacon-ipsum-pt2.md

@@ -0,0 +1,39 @@
+---
+layout: post
+title:  "What is Bacon Ipsum pt2"
+date:   2018-02-01 00:00:00 -0600
+tags: bacon ipsum
+---
+
+# SECTION
+Bacon ipsum dolor amet andouille frankfurter est tempor shankle flank brisket officia, enim et boudin ham quis. Leberkas qui pork mollit aliquip drumstick dolore fugiat prosciutto do velit est. Reprehenderit pork capicola fatback cillum alcatra brisket doner, minim dolor irure ex jerky tenderloin prosciutto. Beef ribs pancetta tail leberkas shank elit ham hock venison occaecat andouille ham doner magna. Irure jerky landjaeger ut commodo nulla.
+
+
+### HIGHLIGHT
+`​html
+<a href="#">Hello world</a>
+`​
+
+### CODE BLOCK
+
+{% highlight ruby %}
+def show
+  @widget = Widget(params[:id])
+  respond_to do |format|
+    format.html # show.html.erb
+    format.json { render json: @widget }
+  end
+end
+{% endhighlight %}
+
+
+### PARAGRAPHS
+Id aute laborum consectetur t-bone in prosciutto cillum kevin. Drumstick corned beef beef venison, ad exercitation frankfurter capicola. Fatback t-bone pork chop ullamco est tempor commodo brisket quis meatball salami ground round capicola. Kevin picanha shoulder ut turducken dolore.
+
+Ad doner culpa tail ea laboris labore. Corned beef excepteur enim, ground round biltong aliquip pork belly pastrami meatball short loin ham hock sed. Flank beef rump, esse quis labore cow nulla excepteur tempor. Nisi boudin cupidatat tenderloin, filet mignon rump ut. Minim leberkas velit kevin aliquip. Shankle capicola cupim lorem dolore esse chicken turkey frankfurter cillum laboris short ribs.
+
+Minim chuck hamburger rump boudin. Strip steak ut shank sint incididunt. Commodo dolore drumstick, tempor tenderloin meatball picanha non boudin fatback velit short ribs. Sirloin fatback kevin meatloaf pork. Do non pork bacon irure drumstick pancetta t-bone et ex elit sausage labore.
+
+Rump capicola pig nulla dolore. Ex salami filet mignon reprehenderit turkey in kevin tail dolore ham excepteur ut nisi bresaola proident. Sirloin elit shoulder, nostrud aliqua strip steak short loin ullamco salami magna kevin eiusmod dolore consectetur prosciutto. Swine minim duis salami. Doner tenderloin non nostrud laboris. Velit excepteur laborum nisi, aliqua short ribs ut elit ham swine anim ball tip sint minim bresaola.
+
+Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

data/_posts/2018-03-01-what-is-bacon-ipsum-pt3.md

@@ -0,0 +1,39 @@
+---
+layout: post
+title:  "What is Bacon Ipsum pt3"
+date:   2018-03-01 00:00:00 -0600
+tags: bacon ipsum
+---
+
+# SECTION
+Bacon ipsum dolor amet andouille frankfurter est tempor shankle flank brisket officia, enim et boudin ham quis. Leberkas qui pork mollit aliquip drumstick dolore fugiat prosciutto do velit est. Reprehenderit pork capicola fatback cillum alcatra brisket doner, minim dolor irure ex jerky tenderloin prosciutto. Beef ribs pancetta tail leberkas shank elit ham hock venison occaecat andouille ham doner magna. Irure jerky landjaeger ut commodo nulla.
+
+
+### HIGHLIGHT
+`​html
+<a href="#">Hello world</a>
+`​
+
+### CODE BLOCK
+
+{% highlight ruby %}
+def show
+  @widget = Widget(params[:id])
+  respond_to do |format|
+    format.html # show.html.erb
+    format.json { render json: @widget }
+  end
+end
+{% endhighlight %}
+
+
+### PARAGRAPHS
+Id aute laborum consectetur t-bone in prosciutto cillum kevin. Drumstick corned beef beef venison, ad exercitation frankfurter capicola. Fatback t-bone pork chop ullamco est tempor commodo brisket quis meatball salami ground round capicola. Kevin picanha shoulder ut turducken dolore.
+
+Ad doner culpa tail ea laboris labore. Corned beef excepteur enim, ground round biltong aliquip pork belly pastrami meatball short loin ham hock sed. Flank beef rump, esse quis labore cow nulla excepteur tempor. Nisi boudin cupidatat tenderloin, filet mignon rump ut. Minim leberkas velit kevin aliquip. Shankle capicola cupim lorem dolore esse chicken turkey frankfurter cillum laboris short ribs.
+
+Minim chuck hamburger rump boudin. Strip steak ut shank sint incididunt. Commodo dolore drumstick, tempor tenderloin meatball picanha non boudin fatback velit short ribs. Sirloin fatback kevin meatloaf pork. Do non pork bacon irure drumstick pancetta t-bone et ex elit sausage labore.
+
+Rump capicola pig nulla dolore. Ex salami filet mignon reprehenderit turkey in kevin tail dolore ham excepteur ut nisi bresaola proident. Sirloin elit shoulder, nostrud aliqua strip steak short loin ullamco salami magna kevin eiusmod dolore consectetur prosciutto. Swine minim duis salami. Doner tenderloin non nostrud laboris. Velit excepteur laborum nisi, aliqua short ribs ut elit ham swine anim ball tip sint minim bresaola.
+
+Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

data/_slides/sample-presentation.md

@@ -0,0 +1,115 @@
+---
+layout: slide
+title: Sample Presentation
+description: A presentation slide for how to use reveal.js in Jekyll
+theme: white
+transition: slide
+permalink: /slides/sample-presentation
+date: 2018-01-01 00:00:00 -0600
+tags: presentation
+---
+
+<section data-markdown>
+
+## Hello!
+
+The [Darkmatter Theme](https://github.com/fellowhobbyist/darkmatter-theme) includes [reveal.js](https://github.com/hakimel/reveal.js/) which
+enables you to create beautiful interactive slide decks in your Jekyll Project using HTML and Markdown.
+</section>
+
+<section>
+
+<h2>Basic Navigation</h2>
+
+<ul>
+    <li>Press <b><i>[Esc]</i></b> to enter the slide overview</li>
+    <li>Press <b><i>[s]</i></b> to open the notes window</li>
+    <li>Use cursors <b><i>[&lt; &gt;]</i></b> or simply swipe to navigate</li>
+</ul>
+
+<aside class="notes">
+    Oh hey, these are some notes. They'll be hidden in your presentation., but you can see them if you open the speaker notes window.
+</aside>
+
+</section>
+
+
+<section>
+    <section id="fragments">
+        <h2>Fragments</h2>
+        <p>Hit the next arrow...</p>
+        <p class="fragment">... to step through ...</p>
+        <p><span class="fragment">... a</span> <span class="fragment">fragmented</span> <span class="fragment">slide.</span></p>
+
+        <aside class="notes">
+            This slide has fragments which are also stepped through in the notes window.
+        </aside>
+    </section>
+    <section>
+        <h2>Fragment Styles</h2>
+        <p>There's different types of fragments, like:</p>
+        <p class="fragment grow">grow</p>
+        <p class="fragment shrink">shrink</p>
+        <p class="fragment fade-out">fade-out</p>
+        <p class="fragment fade-up">fade-up (also down, left and right!)</p>
+        <p class="fragment current-visible">current-visible</p>
+        <p>Highlight <span class="fragment highlight-red">red</span> <span class="fragment highlight-blue">blue</span> <span class="fragment highlight-green">green</span></p>
+    </section>
+</section>
+
+<section>
+    <div class="col-8-md">
+    <h2>Pretty Code</h2>
+
+    <pre><code class="hljs" data-trim contenteditable>
+    me = new person();
+    while(me.awake()){
+        me.code();
+    }
+    </code></pre>
+
+    <p>Code syntax highlighting courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
+    </div>
+</section>
+
+
+<section data-markdown data-transition="slide" data-background="#333" data-background-transition="zoom">
+
+## Project Structure
+
+Simply add your presentations under the _slides directory
+
+    /
+    _includes/          # HEAD, HEADER AND FOOTER
+        foot.html
+        footer.html
+        head.html
+        header.html
+    _layouts/           # LAYOUTS DIRECTORY
+        cover.html
+        default.html
+        page.html
+        post.html
+        slide.html
+    _pages/             # STATIC PAGES
+        home/
+        about/
+        ...
+    _posts/             # BLOG POSTS
+    _slides/            # REVEAL.JS HTML PRESENTATIONS
+    assets/             # FONTS, IMAGES, SCRIPTS, STYLES
+        fonts/
+        images/
+        modules/
+            reveal.js
+        scripts/
+        styles/
+
+</section>
+
+
+<section>
+    <img src="../assets/images/darkmatter.png" style="border:none; box-shadow:none;"/>
+    <h3>Darkmatter Theme</h3>
+    <p>Handcrafted with <i class="fas fa-heart"></i> by a <a href="https://fellowhobbyist.com">Fellow Hobbyist</a></p>
+</section>

data/assets/scripts/jquery-easing.min.js

@@ -0,0 +1 @@
+(function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})});

data/assets/scripts/scrolling-nav.js

@@ -0,0 +1,29 @@
+(function($) {
+    "use strict"; // Start of use strict
+  
+    // Smooth scrolling using jQuery easing
+    $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
+      if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
+        var target = $(this.hash);
+        target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
+        if (target.length) {
+          $('html, body').animate({
+            scrollTop: (target.offset().top - 54)
+          }, 1000, "easeInOutExpo");
+          return false;
+        }
+      }
+    });
+  
+    // Closes responsive menu when a scroll trigger link is clicked
+    $('.js-scroll-trigger').click(function() {
+      $('.navbar-collapse').collapse('hide');
+    });
+  
+    // Activate scrollspy to add active class to navbar items on scroll
+    $('body').scrollspy({
+      target: '#mainNav',
+      offset: 54
+    });
+  
+  })(jQuery); // End of use strict

data/assets/styles/darkmatter-cover.css

@@ -0,0 +1,134 @@
+/*!
+ * Darkmatter Theme - (https://github.com/fellowhobbyist/darkmatter-theme)
+ * Copyright 2018 FellowHobbyist (Brian Hooper)
+ * Licensed under MPL_2.0 (https://www.mozilla.org/en-US/MPL/2.0/)
+ */
+ 
+/*
+ * Globals
+ */
+
+/* Links */
+a,
+a:focus,
+a:hover {
+  color: #fff;
+}
+
+/* Custom default button */
+.btn-secondary,
+.btn-secondary:hover,
+.btn-secondary:focus {
+  color: #333;
+  text-shadow: none; /* Prevent inheritance from `body` */
+  background-color: #fff;
+  border: .05rem solid #fff;
+}
+
+
+/*
+ * Base structure
+ */
+
+html,
+body {
+  height: 100%;
+  background-color: #333;
+  color: white;
+  background: url("../images/css/bg-pattern.png"), #333;
+  background: url("../images/css/bg-pattern.png"), -webkit-linear-gradient(to left, #333, #000);
+  background: url("../images/css/bg-pattern.png"), linear-gradient(to left, #333, #000);
+
+}
+
+
+header.masthead {
+  position: relative;
+  width: 100%;
+  padding-top: 150px;
+  padding-bottom: 100px;
+  color: white;
+  background: url("../images/css/bg-pattern.png"), #70C1B3;
+  background: url("../images/css/bg-pattern.png"), -webkit-linear-gradient(to left, #70C1B3, #50514F);
+  background: url("../images/css/bg-pattern.png"), linear-gradient(to left, #70C1B3, #50514F);
+}
+
+body {
+  display: -ms-flexbox;
+  display: -webkit-box;
+  display: flex;
+  -ms-flex-pack: center;
+  -webkit-box-pack: center;
+  justify-content: center;
+  color: #fff;
+  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
+  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
+}
+
+.cover-container {
+  max-width: 60em;
+}
+
+
+/*
+ * Header
+ */
+.masthead {
+  margin-bottom: 2rem;
+}
+
+.masthead-brand {
+  margin-bottom: 0;
+}
+
+.nav-masthead .nav-link {
+  padding: .25rem 0;
+  font-weight: 700;
+  color: rgba(255, 255, 255, .5);
+  background-color: transparent;
+  border-bottom: .25rem solid transparent;
+}
+
+.nav-masthead .nav-link:hover,
+.nav-masthead .nav-link:focus {
+  border-bottom-color: rgba(255, 255, 255, .25);
+}
+
+.nav-masthead .nav-link + .nav-link {
+  margin-left: 1rem;
+}
+
+.nav-masthead .active {
+  color: #fff;
+  border-bottom-color: #fff;
+}
+
+@media (min-width: 48em) {
+  .masthead-brand {
+    float: left;
+  }
+  .nav-masthead {
+    float: right;
+  }
+}
+
+
+/*
+ * Cover
+ */
+.cover {
+  padding: 0 1.5rem;
+  padding-top: 10.0rem;
+}
+.cover .btn-lg {
+  padding: .75rem 1.25rem;
+  font-weight: 700;
+}
+
+
+/*
+ * Footer
+ */
+.mastfoot {
+  color: rgba(255, 255, 255, .5);
+}