seriously_simple_static_starter 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 87022d68f1fc7f9afd3764fa35378cb6e9a56ff86fc6f87d76f72ff9fcd4772f
+  data.tar.gz: 02a623d0b3699ef0d3b979a2b45f89bcffa284b07c1f35539871ebee91cf6779
+SHA512:
+  metadata.gz: e2d02f97d9cbce696b2a597e234fd8052ade123655d5c5180dd32cd13416a9a70bc07d09403280df5d3b2fafcdf9be02ba1f2e02196dede713e0f27da9e55d47
+  data.tar.gz: ce2fe134d0911e3a0a27f5068febb638b87cde65eb792a63e6b8f6d8df09aafa774535165e229af10e2a63d61dfa21faaa081c04220e477dfbd52ddeef14adbb

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Kyle Kirkby
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,39 @@
+# seriously_simple_static_starter Jekyll Theme
+
+This theme aims to provide a super lightweight and flexible Jekyll theme for piecing together a landing page / blog website.
+
+## Features
+
+- Bootstrap 4
+- jQuery
+- Gulpfile
+- Blog
+- Google Pagespeed 100 "out-of-the-box"
+- ES6 Support
+- JS Uglified
+- CSS minified
+  - SASS driven
+- Responsive images using `jekyll-picture-tag` plugin
+  - Generates next gen webp formats on the fly.
+- Blinding SEO support
+- Google Analytics
+- NO-JS support
+- Modernizr
+
+## 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/kylekirkby/seriously_simple_static_starter. 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
+
+TODO
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_includes/cards.html

@@ -0,0 +1,27 @@
+<div class="row card__block">
+    <div class="container">
+        <div class="row">
+            {% for card in include.object.items %}
+                <div class="col-md-{{include.object.card_width}}">
+                    <div class="card text-center">
+                        {% assign card_image = card.image.path | replace: '/assets/images/','' %}
+                        <a href="{{card.url}}">
+                            {% picture card {{card_image}} alt=card.image.alt %}
+                        </a>
+                        <div class="card-body">
+                            <h5 class="card-title">{{card.title}}</h5>
+                            <p class="card-text">
+                                {{card.text | markdownify}}
+                            </p>
+                            {% if card.buttons %}
+                                {% for btn in card.buttons %}
+                                    <a class="btn {% if btn.class %}{{btn.class}}{% endif %}" href="{{btn.url}}">{{btn.title}}</a>
+                                {% endfor %}
+                            {% endif %}
+                        </div>
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>

data/_includes/feature-block.html

@@ -0,0 +1,24 @@
+<div class="row feature__block p-t-50 p-b-50">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-7 block__image order-md-{% if include.object.format == "right" %}2{% else %}1{% endif %}">
+                {% assign block_image = include.object.image.path | replace: '/assets/images/','' %}
+                {% picture feature_block_image {{block_image}} alt=include.object.image.alt %}
+            </div>
+            <div class="col-md-5 block__text order-md-{% if include.object.format == "right" %}1{% else %}2{% endif %}">
+                <h2>{{include.object.title}}</h2>
+                {% if include.object.highlight-text %}
+                    <div class="font-weight-bold">
+                        {{include.object.highlight-text | markdownify }}
+                    </div>
+                {% endif %}
+                {{include.object.text | markdownify}}
+                {% if include.object.buttons %}
+                    {% for btn in include.object.buttons %}
+                        <a class="btn btn-lg {% if btn.class %}{{btn.class}}{% endif %}" href="{{btn.url}}">{{btn.title}}</a>
+                    {% endfor %}
+                {% endif %}
+            </div>
+        </div>
+    </div>
+</div>

data/_includes/footer.html

@@ -0,0 +1,11 @@
+<footer class="site-footer">
+    <div class="container">
+        <div class="row strip">
+            <div class="col-md-6 left center-sm">
+                <span class="text-muted text-light">
+                    &copy; {{ 'now' | date: "%Y" }} {{ site.title | escape }} - {{site.footer-text | markdownify | replace: '<p>', '' | replace: '</p>','' }}
+                </span>
+            </div>
+        </div>
+    </div>
+</footer>

data/_includes/ga-lite.html

@@ -0,0 +1,5 @@
+<script src="https://cdn.jsdelivr.net/npm/ga-lite@1/dist/ga-lite.min.js" async></script>
+<script>
+    var galite = galite || {};
+    galite.UA = '{{site.google_analytics}}'; // Insert your tracking code here
+</script>

data/_includes/head.html

@@ -0,0 +1,39 @@
+<head>
+    {% include ga-lite.html %}
+    <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 }} - {{site.title}}{% else %}{{ site.title | escape }} -
+        {{site.tagline}}{% endif %}</title>
+    <meta name="description"
+        content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+    <!-- <link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicons/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicons/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicons/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicons/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicons/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicons/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicons/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicons/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicons/apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicons/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicons/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicons/favicon-16x16.png"> -->
+    {% assign custom_url = site.url | append: site.baseurl %}
+    {% assign full_base_url = custom_url %}
+    <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: full_base_url }}">
+    <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}"
+    href="{{ "/feed.xml" | prepend: full_base_url }}">
+    {% if site.using_jekyll_assets %}
+    <link rel="stylesheet" href="{{ "/assets/css/dist.css" | prepend: full_base_url }}?v={% bust_cache %}">
+    <style type="text/css">
+        {% asset_source critical %}
+    </style>
+    {% else %}
+    <link rel="stylesheet" href="{{ "/assets/dist.min.css" | prepend: full_base_url }}?v={% bust_cache %}">
+    <style type="text/css">
+        {% include criticalCSS.html %}
+    </style>
+    {% endif %}
+</head>

data/_includes/header.html

@@ -0,0 +1,34 @@
+<header class="{% if include.object.image %}background_image{% else %}svg{% endif%}">
+    {% if include.object.image %}
+        {% assign header_image_path = include.object.image.path | replace: '/assets/images', '' %}
+        {% picture header_image {{header_image_path}} alt=include.object.image.alt%}
+    {% endif %}
+    <div class="container">
+        <div class="jumbotron text-white d-flex flex-column">
+            {% if include.object.items %}
+            {% for section in include.object.items %}
+                {% if section.type == "title" %} 
+                    <h1 class="display-3 font-weight-bold">{{section.content}}</h1>                
+                {% elsif section.type == "para" %}
+                    <p class="lead font-weight-bold">
+                        {{section.content}}
+                    </p>
+                {% elsif section.type  == "buttons" %}
+                    <p class="lead">
+                        {% for btn in section.content %}
+                            <a class="btn {% if btn.class %}{{btn.class}}{% endif %}"
+                             href="{{btn.url}}" role="button">{{btn.title}}</a>
+                        {% endfor %}
+                    </p>
+                {% endif %}
+            {% endfor %}
+            {% else %}
+                <h1 class="display-3 font-weight-bold">{{include.object.title}}</h1>
+                <p class="lead font-weight-bold">
+                    {{include.object.description}}
+                </p>
+                <small>{{include.object.date | date: "%A, %B %-d, %Y" }}</small>
+            {% endif %}
+        </div> 
+    </div>
+</header>

data/_includes/latest-posts.html

@@ -0,0 +1,28 @@
+<div class="row card__block latest-posts p-t-50 p-b-50">
+    <div class="container">
+        <div class="row">
+            <div class="col text-center">
+                <h3>Latest Posts</h3>
+            </div>
+        </div>
+        <div class="row">
+            {% for post in site.posts limit: include.object.number_of_posts %}
+            <div class="col-md-3">
+                <div class="card text-center">
+                    {% assign post_image = post.image.path | replace: '/assets/images/','' %}
+                    <a href="{{post.url | prepend: site.baseurl }}">
+                        {% picture card {{post_image}} alt=post.image.alt %}
+                    </a>
+                    <div class="card-body">
+                        <h5 class="card-title">{{post.title}}</h5>
+                        <p class="card-text">
+                            {{post.content | truncatewords: 20, "..."}}
+                        </p>
+                        <a class="btn btn-primary" href="{{post.url | prepend: site.baseurl }}">Read</a>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>

data/_includes/navbar.html

@@ -0,0 +1,40 @@
+<nav class="navbar navbar-dark navbar-expand-md fixed-top bg-faded" data-toggle="affix">
+    <div class="container">
+        <a class="navbar-brand" href="{{"/" | prepend: site.baseurl }}">
+            {% if site.brand_logo %}
+                <img class="navbar-brand" src="{{site.brand_logo | prepend: site.baseurl }}" alt="{{site.title}}">
+            {% else %}
+                {{site.title}}
+            {% endif %} 
+        </a>
+        <button class="navbar-toggler hidden-sm-up pull-xs-right collapsed" type="button" data-toggle="collapse"
+            data-target="#collapsingNavbar">
+            <span class="icon-bar top-bar"></span>
+            <span class="icon-bar middle-bar"></span>
+            <span class="icon-bar bottom-bar"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="collapsingNavbar">
+            <ul class="nav navbar-nav ml-auto">
+                {% for section in site.data.nav %}
+                    {% if section.items %}
+                        <li class="nav-item dropdown">
+                            <a class="nav-link text-white dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
+                                aria-expanded="false">
+                                {{section.title}}
+                            </a>
+                            <div class="dropdown-menu animated fast" aria-labelledby="Preview">
+                                {% for sub_section in section.items %}
+                                    <a class="dropdown-item text-center text-md-left" href="{{sub_section.url | prepend: site.baseurl }}">{{sub_section.title}}</a>
+                                {% endfor %}
+                            </div>
+                        </li>
+                    {% else %}
+                        <li class="nav-item">
+                            <a class="nav-link text-white" href="{{section.url | prepend: site.baseurl }}">{{section.title}}</a>
+                        </li>
+                    {% endif %}
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</nav>

data/_includes/slider.html

@@ -0,0 +1,41 @@
+<div class="carousel home slide row" id="bootstrap-carousel">
+    <ol class="carousel-indicators">
+        {% for item in include.object.items %}
+            <li data-slide-to="{{forloop.index}}" data-target="#bootstrap-carousel" 
+            {% if forloop.first %}class="active"{% endif %}></li>
+        {% endfor %}
+    </ol>
+    <div class="carousel-inner">
+        {% for slide in include.object.items %}
+        <div class="carousel-item darken {% if forloop.first %}active{% endif %}">
+<div markdown="1">
+{% assign slide_image = slide.image.path | replace: '/assets/images/','' %}
+{% picture blog {{slide_image}} alt=slide.image.alt %}
+</div>
+            <div class="carousel-caption flex-container">
+                <div class="flex-content">
+                    <h4 class="responsive-text-large">
+                        {{slide.title}}
+                    </h4>
+                    {% if slide.text %}
+                    <p class="responsive-text">
+                        {{slide.text}}
+                    </p>
+                    {% endif %}
+                    {% if slide.buttons %}
+                        {% for btn in slide.buttons %}
+                            <a class="btn btn-primary" href="{{btn.url}}">{{btn.title}}</a>
+                        {% endfor %}
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+        {% endfor %}
+    </div> 
+    <a class="carousel-control-prev" href="#bootstrap-carousel" data-slide="prev">
+    <span class="carousel-control-prev-icon"></span>
+    <span class="sr-only">Previous</span></a>
+    <a class="carousel-control-next" href="#bootstrap-carousel" data-slide="next">
+    <span class="carousel-control-next-icon"></span>
+    <span class="sr-only">Next</span></a>
+</div>

data/_layouts/base.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+    {% include head.html %}
+    <body>
+        <div id="wrapper">
+            <div class='thetop'></div>
+            {% include navbar.html %}
+            {{content}}
+            {% include footer.html %}
+            <div class='scrolltop'>
+                <div class='scroll icon'>
+                    <i class="icon-up-open"></i>
+                </div>
+            </div>
+        </div>
+        {% if site.using_jekyll_assets %}
+            <script type="text/javascript" src="{% asset_path bundle %}?v={% bust_cache %}"></script>
+        {% else %}
+            <script type="text/javascript" src="{{ "/assets/dist.min.js" | prepend: site.baseurl }}?v={% bust_cache %}"></script>
+        {% endif %}
+    </body>
+</html>

data/_layouts/default.html

@@ -0,0 +1,4 @@
+---
+layout: flow
+---
+{{ content }}

data/_layouts/flow.html

@@ -0,0 +1,25 @@
+---
+layout: base
+---
+{% if page.header %}
+    {% include header.html object=page.header %}
+{% endif %}
+<div class="container-fluid content" id="main_container">
+{% for section in page.sections %}
+    {% if section.type == "main-content" %}
+        <div class="row" id="main_content">
+            <div class="container">
+                {{content}}
+            </div>
+        </div>
+    {% elsif section.type == "slider" %}
+        {% include slider.html object=section %}
+    {% elsif section.type == "latest-posts" %}
+        {% include latest-posts.html object=section %}
+    {% elsif section.type == "feature-block" %}
+        {% include feature-block.html object=section %}
+    {% elsif section.type == "cards" %}
+        {% include cards.html object=section %}
+    {% endif %}
+{% endfor %}
+</div>

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,11 @@
+---
+layout: base
+---
+{% include header.html object=page %}
+<div class="container-fluid content" id="main_container">
+    <div class="row" id="main_content">
+        <div class="container">
+            {{content}}
+        </div>
+    </div>
+</div>

data/_sass/_animation.scss

@@ -0,0 +1,68 @@
+
+.animated {
+  -webkit-animation-duration: 1s;
+  animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+}
+
+.animated.infinite {
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+}
+
+.animated.delay-1s {
+  -webkit-animation-delay: 1s;
+  animation-delay: 1s;
+}
+
+.animated.delay-2s {
+  -webkit-animation-delay: 2s;
+  animation-delay: 2s;
+}
+
+.animated.delay-3s {
+  -webkit-animation-delay: 3s;
+  animation-delay: 3s;
+}
+
+.animated.delay-4s {
+  -webkit-animation-delay: 4s;
+  animation-delay: 4s;
+}
+
+.animated.delay-5s {
+  -webkit-animation-delay: 5s;
+  animation-delay: 5s;
+}
+
+.animated.fast {
+  -webkit-animation-duration: 800ms;
+  animation-duration: 800ms;
+}
+
+.animated.faster {
+  -webkit-animation-duration: 500ms;
+  animation-duration: 500ms;
+}
+
+.animated.slow {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+}
+
+.animated.slower {
+  -webkit-animation-duration: 3s;
+  animation-duration: 3s;
+}
+
+@media (print), (prefers-reduced-motion: reduce) {
+  .animated {
+    -webkit-animation-duration: 1ms !important;
+    animation-duration: 1ms !important;
+    -webkit-transition-duration: 1ms !important;
+    transition-duration: 1ms !important;
+    -webkit-animation-iteration-count: 1 !important;
+    animation-iteration-count: 1 !important;
+  }
+}