jekyll-theme-type-on-strap 1.0.0

data/_includes/navbar.html

@@ -0,0 +1,56 @@
+<header class="site-header">
+    
+    <!-- Logo and title -->
+	<div class="branding">
+		<a href="{{ site.baseurl }}/">
+			<img class="avatar" src="{{ site.baseurl }}/{{ site.theme_settings.avatar }}" alt=""/>
+		</a>
+
+		<h1 class="site-title">
+			<a href="{{ site.baseurl }}/">{{ site.theme_settings.title }}</a>
+		</h1>
+	</div>
+    
+    <!-- Toggle menu -->
+    <nav class="clear">
+    <a id="pull" class="toggle" href="#">
+    <i class="fa fa-bars fa-lg"></i>
+    </a>
+    
+    <!-- Menu -->
+    <ul>
+        {% for page in site.pages %}
+        {% if page.title and page.hide != true %}
+        <li>
+            <a class="clear" href="{{ page.url | relative_url }}">
+                {{ page.title }}
+            </a>
+        </li>
+        {% endif %}
+        {% endfor %} 
+        {% if site.theme_settings.portfolio %}
+        <li>
+            <a class="clear" href="{{ site.url }}{{ site.baseurl }}/portfolio">
+                Portfolio
+            </a>
+        </li>
+        {% endif %}
+        {% if site.theme_settings.search %}
+        <li>
+            <a class="clear" href="{{ site.url }}{{ site.baseurl }}/search">
+                <i class="fa fa-search" aria-hidden="true"></i>
+            </a>
+        </li>
+        {% endif %}
+        {% if site.theme_settings.tags %}
+        <li>
+            <a class="clear" href="{{ site.url }}{{ site.baseurl }}/tags">
+                <i class="fa fa-tags" aria-hidden="true"></i>
+            </a>
+        </li>
+        {% endif %}
+        
+    </ul>
+        
+	</nav>
+</header>

data/_includes/portfolio.html

@@ -0,0 +1,17 @@
+<!-- Portfolio Grid Section -->
+<section class="portfolio">
+    <div class="row">
+        {% for item in site.portfolio %}
+        <div class="col-sm-4 col-xs-4 portfolio-item">
+            <a href="{{ site.baseurl }}{{ item.url }}" class="portfolio-link" data-keyboard="true">
+                <div class="caption" title="{{ item.title }}">
+                    <div class="caption-content">
+                        <i class="fa fa-search-plus fa-3x"></i>
+                    </div>
+                </div>
+                <img src="{{ site.baseurl }}/{{ item.img }}" class="" alt="">
+            </a>
+        </div>
+        {% endfor %}
+    </div>
+</section>

data/_includes/post_nav.html

@@ -0,0 +1,20 @@
+<div id="post-nav">
+  {% if page.previous.url %}
+  <div id="previous-post" class="post-nav-post">
+      <p>{{ site.theme_settings.str_previous_post }}</p>
+      <a href="{{ site.baseurl }}{{ page.previous.url }}">
+        {{ page.previous.title }}
+      </a>
+  </div>
+  {% endif %}
+  {% if page.next.url %}
+  <div id="next-post" class="post-nav-post">
+      <p>{{ site.theme_settings.str_next_post }}</p>
+      <a href="{{ site.baseurl }}{{ page.next.url }}">
+        {{ page.next.title }}
+      </a>
+  </div>
+  {% endif %}
+</div>
+
+{% endif %}

data/_includes/tags_list.html

@@ -0,0 +1,19 @@
+{% assign tags = include.tags | split:'|' | sort | uniq %}
+
+{% if include.tags.size > 0 %}
+    <footer>
+        <div class="tag-list">
+        {% if include.tags.size == 1 %}
+          <div class="meta">Tag</div>
+        {% elsif include.tags.size > 1 %}
+          <div class="meta">Tags</div>
+        {% endif %}
+            
+        {% for tag in tags %}
+          <a class="button" href="{{site.baseurl}}/tags#{{tag}}">
+            <p><i class="fa fa-tag fa-fw"></i> {{ tag }}</p>
+          </a>
+        {% endfor %}
+        </div>
+    </footer>
+  {% endif %}

data/_layouts/bootstrap.html

@@ -0,0 +1,38 @@
+--- 
+layout: default 
+---
+
+<!-- Bootstrap-3.3.7 isolation CSS -->
+<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/bootstrap-iso.min.css">
+
+<!-- Bootstrap JS -->
+<script src="{{ site.baseurl }}/assets/js/bootstrap.min.js"></script>
+
+<article {% if page.feature-img %}class="feature-image" {% endif %}>
+    <header id="main" style="background-image: url('{{ site.baseurl }}/{{ page.feature-img }}')">
+        <h1 class="title">{{ page.title }}</h1> {% if page.subtitle %}
+        <h2 class="subtitle">{{ page.subtitle }}</h2>{% endif %}
+    </header>
+
+    {% if page.description %}
+    <section class="post-content">
+        {{ page.description }}
+    </section>
+    {% endif %}
+
+
+
+    <!-- Bootstrap will work within this div -->
+    <section>
+        <div class="bootstrap-iso">
+            <div class="col-md-1"></div>
+            <div class="col-md-10 centered">
+            {{ content }}
+            </div>    
+            <div class="col-md-1"></div>
+        </div>
+    </section>
+
+    
+    
+</article>

data/_layouts/default.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+  <body>
+    {% include navbar.html %}
+    <div class="content">
+      {{ content }}
+    </div>
+    {% include footer.html %}
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,59 @@
+---
+layout: default
+---
+
+<div class="home">
+  {% if site.theme_settings.header_text %}
+  <div id="main" class="call-out"
+  style="background-image: url('{{ site.baseurl }}/{{ site.theme_settings.header_text_feature_image }}')">
+    {{ site.theme_settings.header_text }}
+  </div>
+  {% endif %}
+
+  <div class="posts">
+    {% for post in paginator.posts %}
+    <div class="post-teaser">
+      {% if post.thumbnail %} 
+      <div class="post-img">
+         <img src="{{ site.baseurl }}/{{ post.thumbnail }}">
+      </div>
+      {% endif %}
+      <span>
+          <header>
+            <h1>
+              <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
+                {{ post.title }}
+              </a>
+            </h1>
+            <p class="meta">
+              {{ post.date | date: "%B %-d, %Y" }}
+            </p>
+          </header>
+          <div class="excerpt">
+            {{ post.content | strip_html | truncate: "250" }}
+            <!--<a class="button" href="{{ post.url | prepend: site.baseurl }}">
+              {{ site.theme_settings.str_continue_reading }}
+            </a>-->
+          </div>
+      </span>
+    </div>
+    {% endfor %}
+  </div>
+
+  {% if paginator.total_pages > 1 %}
+  <div class="pagination">
+    {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="button" >
+      <i class="fa fa-chevron-left"></i>
+      {{ site.theme_settings.str_previous_page }}
+    </a>
+    {% endif %}
+    {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="button" >
+      {{ site.theme_settings.str_next_page }}
+      <i class="fa fa-chevron-right"></i>
+    </a>
+    {% endif %}
+  </div>
+  {% endif %}
+</div>

data/_layouts/page.html

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+
+<article {% if page.feature-img %}class="feature-image"{% endif %}>
+  <header id="main" style="background-image: url('{{ site.baseurl }}/{{ page.feature-img }}')">
+    <h1 id="{{ page.title | default: "" | cgi_escape }}" class="title">
+        {{ page.title }}
+    </h1>
+    
+    {% if page.subtitle %}
+    <h2 class="subtitle">{{ page.subtitle }}</h2>
+    {% endif %}
+      
+  </header>
+  <section class="post-content">{{ content }}</section>
+    
+    
+  <!-- Tag list for portfolio -->
+  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
+  {% include tags_list.html tags=tag_list %}
+    
+</article>

data/_layouts/post.html

@@ -0,0 +1,30 @@
+---
+layout: default
+---
+<article {% if page.feature-img %}class="feature-image"{% endif %}>
+  <header id="main" style="background-image: url('{{ site.baseurl }}/{{ page.feature-img }}')">
+    <h1 id="{{ page.title | cgi_escape }}" class="title">{{ page.title }}</h1>
+    <p class="meta">
+    {{ page.date | date: "%B %-d, %Y" }}
+    {% if page.author %} - {{ page.author }}{% endif %}
+    </p>
+  </header>
+  <section class="post-content">{{ content }}</section>
+   
+   <!-- Tag list -->
+  {% capture tag_list %}{{ page.tags | join: "|"}}{% endcapture %}
+  {% include tags_list.html tags=tag_list %}
+    
+</article>
+
+<!-- Disqus -->
+{% if site.theme_settings.disqus_shortname %}
+<div class="comments">
+  {% include disqus.html %}
+</div>
+{% endif %}
+
+<!-- Post navigation -->
+{% if site.theme_settings.post_navigation %}
+  {% include post_nav.html %}
+{% endif %}

data/_layouts/search.html

@@ -0,0 +1,52 @@
+---
+layout: page
+---
+
+<!-- Html Elements for Search -->
+<input type="text" id="search-input" placeholder="Enter keywords..." class="search-bar">
+<br>
+<br>
+<ul id="results-container" ></ul>  
+
+<section>
+<!-- Script pointing to jekyll-search.js -->
+<script src="{{ site.baseurl }}/assets/js/jekyll-search.min.js" type="text/javascript"></script>
+
+    <script type="text/javascript">
+      SimpleJekyllSearch({
+        searchInput: document.getElementById('search-input'),
+        resultsContainer: document.getElementById('results-container'),
+        json: [
+  {% if site.theme_settings.search %}
+  {% for post in site.posts %}
+    {
+      "title"    : "{{ post.title | escape }}",
+      "category" : "{{ post.content | strip_html | strip_newlines | truncatewords: 25 }}",
+      "tags"     : "{{ post.tags | join: ', ' | prepend: " " }}",
+      "url"      : "{{ site.baseurl }}{{ post.url }}",
+      "date"     : "{{ post.date | date: "%B %-d, %Y" }}",
+      "content"  : "{{ post.content | strip_html | strip_newlines }}"
+    } {% unless forloop.last %},{% endunless %}
+  {% endfor %},
+  {% for page in site.portfolio %}
+   {
+     {% if page.title != nil %}
+        "title"    : "{{ page.title | escape }}",
+        "category" : "{{ page.content | strip_html | strip_newlines | truncatewords: 25 }}",
+        "tags"     : "{{ page.tags | join: ', ' | prepend: " " }}",
+        "url"      : "{{ site.baseurl }}{{ page.url }}",
+        "date"     : "{{ page.date | date: "%B %-d, %Y" }}",
+        "content"  : "{{ page.content | strip_html | strip_newlines }}"
+     {% endif %}
+   } {% unless forloop.last %},{% endunless %}
+  {% endfor %}
+  {% endif %}
+],
+        searchResultTemplate: '<div class="search-title"><a href="{url}"><h3> {title}</h3></a><div class="meta">{date} <div class="right"><i class="fa fa-tag"></i> {tags}</div></div><p>{category}</p></div><hr> ',
+        noResultsText: 'No results found',
+        limit: 10,
+        fuzzy: true,
+        exclude: []
+      })
+    </script>
+</section>

data/_layouts/tags.html

@@ -0,0 +1,94 @@
+---
+layout: page
+---
+
+<div class="home">
+
+<!-- cycles through posts to get tags -->
+{% assign rawtags = "" %}
+{% for post in site.posts %}
+{% assign post_tags = post.tags | join:'|' | append:'|' %}
+{% assign rawtags = rawtags | append:post_tags %}
+{% endfor %}
+
+<!-- cycles through portfolio collection to get tags -->
+{% assign portfolio =  site.portfolio | map: 'tags' | join: ','  | split: ',' | uniq %}
+{% for tag in portfolio %}
+{% assign portfolio_tags = tag | join:'|' | append:'|' %}
+{% assign rawtags = rawtags | append:portfolio_tags %}
+{% endfor %}
+
+<!-- cycles through pages to get tags -->
+{% for page in site.pages %}
+{% assign page_tags = page.tags | join:'|'  %}
+{% assign rawtags = rawtags | append:page_tags %}
+{% endfor %}    
+    
+<!-- Displays the list of tags-->
+{% include tags_list.html tags=rawtags %}
+
+    <!-- Displays the posts and pages that contains the tag-->
+    <div class="posts">
+        {% for tag in tags %}
+        <h3 id="{{ tag | cgi_escape }}" class="tag-anchor">
+            <a href="#{{ tag | cgi_escape }}"><i class="fa fa-tag fa-fw"></i> {{ tag }}</a>
+            <a href="#{{ page.title }}" style="float: right"><i class="fa fa-chevron-up" aria-hidden="true"> </i> </a>
+
+        </h3>
+
+        <!-- Posts and collection for each tags -->
+        <div class="tag-posts">
+
+            <!-- Pages -->
+            {% for page in site.pages %} 
+                {% if page.tags contains tag %}
+                <h5 class="tag-title">
+                    <a href="{{ page.url | prepend: site.baseurl }}">
+                        <i class="fa fa-file-image-o" aria-hidden="true"></i>
+                        {{ page.title }}
+                    </a>
+                    
+                    <div class="meta">
+                        {{ "today" | date: "%B %-d, %Y" }}
+                    </div>
+                </h5>
+                {% endif %} 
+            {% endfor %} 
+            
+            <!-- Posts -->
+            {% for post in site.posts %} 
+                {% if post.tags contains tag %}
+                <h5 class="tag-title">
+                    <a href="{{ post.url | prepend: site.baseurl }}">
+                        <i class="fa fa-file-text-o" aria-hidden="true"></i>
+                        {{ post.title }}
+                    </a>
+                    
+                    <div class="meta">
+                        {{ post.date | date: "%B %-d, %Y" }}
+                    </div>
+                </h5>
+                {% endif %} 
+            {% endfor %} 
+            
+            <!-- Portfolio -->
+            {% for note in site.portfolio %} 
+                {% if note.tags contains tag %}
+                <h5 class="tag-title">
+                    <a href="{{ site.baseurl }}{{ note.url }}">
+                        <i class="fa fa-file-o" aria-hidden="true"></i>
+                        {{ note.title }}
+                    </a>
+                
+                    <div class="meta">
+                        {{ note.date | date: "%B %-d, %Y" }}
+                    </div>
+                </h5>
+                {% endif %} 
+            {% endfor %}
+
+        </div>
+        {% endfor %}
+
+    </div>
+</div>

data/_sass/base/_global.scss

@@ -0,0 +1,147 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+figure {
+  margin: 0;
+}
+// For correct line number width in Github Gists
+.gist table tbody tr td {
+  box-sizing: content-box;
+}
+html {
+  background: $background-color;
+}
+
+// Typography
+::selection {
+  background: $selection-color;
+}
+::-moz-selection {
+  background: $selection-color;
+}
+body {
+  color: $text-color;
+  font-family: $font-family-main;
+  font-size: $font-size;
+  word-wrap: break-word;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-family: $font-family-headings;
+  line-height: 1.3;
+  margin: 0.67em 0;
+  a {
+    color: $text-color;
+  }
+}
+h1 {
+  font-size: 2.5em;
+}
+h2 {
+  font-size: 2em;
+}
+h3 {
+  font-size: 1.5em;
+}
+h4 {
+  font-size: 1.15em;
+}
+blockquote {
+    border-left: 2px solid darken($blockquote-color, 20%);
+    margin: 1em 1em;
+    padding: 0.75em 1em;
+    background-color: $blockquote-color;
+    box-shadow: 0 2px 2px $border-color;
+}
+blockquote p:last-child,
+footer p:last-child {
+  margin-bottom: 0;
+}
+table {
+  table-layout:fixed;
+  width:100%;
+  word-wrap:break-word;
+  @media (max-width: 1100px) {
+    overflow-x: scroll;
+    display: inline-block;
+  }
+}
+td,
+th {
+  padding: 0.5em 1em;
+  border: 1px solid $border-color;
+  text-align: left;
+}
+table,
+dl,
+code,
+kbd,
+pre,
+samp {
+  margin: 1em 0;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+    margin-left: 2em;
+}
+p, ol, ul, dl, .math-display {
+  line-height: 1.5;
+  margin-bottom: 1em;
+}
+// KaTeX math display
+.math-display {
+  display: inline-block;
+  width: 100%;
+}
+// Lists within lists
+li > ul, li > ol {
+    margin-bottom: 0;
+    margin-left: 1em;
+}
+ol, ul {
+  list-style-position: inside;
+}
+hr {
+  border: 0;
+  border-top: 1px solid $border-color;
+  border-bottom: 1px solid #fff;
+  margin: 1em 0;
+}
+a {
+  color: $link-color;
+  text-decoration: none;
+}
+
+/* ---- Responsive ---- */
+
+iframe, img, embed, object, video {
+  max-width: 100%;
+  padding: 0 10%;
+}
+img[align=left] {
+  margin-right: 3%;
+}
+img[align=right] {
+  margin-left: 3%;
+}
+
+@media screen and (max-width: $sm-break) {
+    h1 {
+      font-size: 2em;
+    }
+    h2 {
+      font-size: 1.5em;
+    }
+    h3 {
+      font-size: 1em;
+    }
+    h4 {
+      font-size: 0.75em;
+    }
+    p, li {
+      font-size: 0.75em;
+    }
+}