jekyll-theme-clean-blog 4.0.10 → 4.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 97329a4c1604491b0ca28d6a6bf187fa239bb40aeeeebf28591ceb0de55d2cff
-  data.tar.gz: 0e9d3357ff9cda90b548342062abcd161d99adddbc28e494dad47380dcde45ec
+  metadata.gz: 481ba2a8f678ccef2a6cad3583e10a5521f07597742fe77596b2f73239523554
+  data.tar.gz: 7e137a343c0e5a8fb3751b2bd72805ec5b1fac5a894a8d1f7aa7c312767359b3
 SHA512:
-  metadata.gz: ae34b2f4ccb3f3e02cfe46149342f634eb6917f7f594f7f7b652b845ffaa45e14b99fa2aa57492afd7d02c5f1046785521cfa8e436568a2b15aa10ecfe77e232
-  data.tar.gz: 1fd53e9c00a423b35c61bbf16088922faf9d291f6dbd1d1923222d9306f481bcfd68bcaf4d6ae6225917a3d1d383385f95cbac77d306f50a7a4058cb8aab51ee
+  metadata.gz: 18fc7c3e6c4fde301815e813fe0f7b7772a7b9c407963fc8e28b0ebb3e8cfbf9dd0637c7d7af7e5d9ef6bbafbd31f40dd8f63b7a8cdc975e979e0b08cf38b5ed
+  data.tar.gz: 2eeacf5dbc69e7ac4559c3f25979d5895ebc7bb33e833009b45d69974265b0827bbf05300e3e1d6d5b79d630b9f6fb0c4742e1e51f2df7b2f2bc1e3b5ad3e4de

data/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2013-2020 Start Bootstrap LLC
+Copyright (c) 2013-2021 Start Bootstrap LLC
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/README.md

@@ -115,17 +115,19 @@ When using the core files, the demo images, posts, and pages are all included wi
 
 1. [Download](https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll/archive/master.zip) or Clone the repository.
 2. Update the following configuration settings in your `_config.yml` file:
-   - `baseurl`
-   - `url`
-   - `title`
-   - `email` (after setting this setting to a working email address, fill out the form on the contact page and send it - then check your email and verify the address and the form will send you messages when used)
-   - `description`
-   - `author`
-   - `twitter_username` (Optional)
-   - `facebook_username` (Optional)
-   - `github_username` (Optional)
-   - `linkedin_username` (Optional)
-   - `instagram_username` (Optional)
+
+    * `baseurl`
+    * `url`
+    * `title`
+    * `email` (after setting this setting to a working email address, fill out the form on the contact page and send it - then check your email and verify the address and the form will send you messages when used)
+    * `description`
+    * `author`
+    * `twitter_username` (Optional)
+    * `facebook_username` (Optional)
+    * `github_username` (Optional)
+    * `linkedin_username` (Optional)
+    * `instagram_username` (Optional)
+
 3. Build your site: `bundle exec jekyll serve`
 
 ## Bugs and Issues
@@ -142,11 +144,11 @@ Start Bootstrap is an open source library of free Bootstrap templates and themes
 Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**.
 
 * <http://davidmiller.io>
-* <https://twitter.com/davidmillerskt>
+* <https://twitter.com/davidmillerhere>
 * <https://github.com/davidtmiller>
 
 Start Bootstrap is based on the [Bootstrap](https://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
 
 ## Copyright and License
 
-Copyright 2013-2020 Start Bootstrap LLC. Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll/blob/gh-pages/LICENSE) license.
+Copyright 2013-2021 Start Bootstrap LLC. Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-clean-blog-jekyll/blob/master/LICENSE) license.

data/_includes/head.html

@@ -13,9 +13,7 @@
   <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
   <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
 
-  <link rel="stylesheet" href="{{"/assets/vendor/bootstrap/css/bootstrap.min.css" | relative_url }}">
-
-  <link rel="stylesheet" href="{{"/assets/vendor/fontawesome-free/css/all.min.css" | relative_url }}">
+  <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
 
   <link rel="stylesheet" href="{{"/assets/main.css" | relative_url }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">

data/_includes/scripts.html

@@ -1,6 +1,6 @@
-<script src="{{"/assets/vendor/jquery/jquery.min.js" | relative_url }}"></script>
-<script src="{{"/assets/vendor/bootstrap/js/bootstrap.bundle.min.js" | relative_url }}"></script>
-<script src="{{"/assets/vendor/startbootstrap-clean-blog/js/clean-blog.min.js" | relative_url }}"></script>
+<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
+<script src="{{"/assets/vendor/startbootstrap-clean-blog/js/scripts.js" | relative_url }}"></script>
 
 <script src="{{"/assets/scripts.js" | relative_url }}"></script>
 

data/_sass/styles.scss

@@ -1,2 +1,2 @@
 // Import Core Clean Blog SCSS
-@import "../assets/vendor/startbootstrap-clean-blog/scss/clean-blog.scss";
+@import "../assets/vendor/startbootstrap-clean-blog/scss/styles.scss";

data/assets/vendor/startbootstrap-clean-blog/js/scripts.js

@@ -0,0 +1,46 @@
+/*!
+* Start Bootstrap - Clean Blog v5.1.0 (https://startbootstrap.com/theme/clean-blog)
+* Copyright 2013-2021 Start Bootstrap
+* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-clean-blog/blob/master/LICENSE)
+*/
+(function ($) {
+    "use strict"; // Start of use strict
+
+    // Floating label headings for the contact form
+    $("body").on("input propertychange", ".floating-label-form-group", function (e) {
+        $(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val());
+    }).on("focus", ".floating-label-form-group", function () {
+        $(this).addClass("floating-label-form-group-with-focus");
+    }).on("blur", ".floating-label-form-group", function () {
+        $(this).removeClass("floating-label-form-group-with-focus");
+    });
+
+    // Show the navbar when the page is scrolled up
+    var MQL = 992;
+
+    //primary navigation slide-in effect
+    if ($(window).width() > MQL) {
+        var headerHeight = $('#mainNav').height();
+        $(window).on('scroll', {
+                previousTop: 0
+            },
+            function () {
+                var currentTop = $(window).scrollTop();
+                //check if user is scrolling up
+                if (currentTop < this.previousTop) {
+                    //if scrolling up...
+                    if (currentTop > 0 && $('#mainNav').hasClass('is-fixed')) {
+                        $('#mainNav').addClass('is-visible');
+                    } else {
+                        $('#mainNav').removeClass('is-visible is-fixed');
+                    }
+                } else if (currentTop > this.previousTop) {
+                    //if scrolling down...
+                    $('#mainNav').removeClass('is-visible');
+                    if (currentTop > headerHeight && !$('#mainNav').hasClass('is-fixed')) $('#mainNav').addClass('is-fixed');
+                }
+                this.previousTop = currentTop;
+            });
+    }
+
+})(jQuery); // End of use strict

data/assets/vendor/startbootstrap-clean-blog/scss/_global.scss

@@ -1,16 +1,16 @@
 // Global styling for this template
 body {
-  font-size: 20px;
-  color: $gray-900;
-  @include serif-font;
+    font-size: 20px;
+    color: $gray-900;
 }
 
 p {
-  line-height: 1.5;
-  margin: 30px 0;
-  a {
-    text-decoration: underline;
-  }
+    line-height: 1.5;
+    margin: 30px 0;
+
+    a {
+        text-decoration: underline;
+    }
 }
 
 h1,
@@ -19,59 +19,58 @@ h3,
 h4,
 h5,
 h6 {
-  font-weight: 800;
-  @include sans-serif-font;
+    font-weight: 800;
 }
 
 a {
-  color: $gray-900;
-  @include transition-all;
-  &:focus,
-  &:hover {
-    color: $primary;
-  }
+    color: $gray-900;
+
+    &:focus,
+    &:hover {
+        color: $primary;
+    }
 }
 
 blockquote {
-  font-style: italic;
-  color: $gray-600;
+    font-style: italic;
+    color: $gray-600;
 }
 
 .section-heading {
-  font-size: 36px;
-  font-weight: 700;
-  margin-top: 60px;
+    font-size: 36px;
+    font-weight: 700;
+    margin-top: 60px;
 }
 
 .caption {
-  font-size: 14px;
-  font-style: italic;
-  display: block;
-  margin: 0;
-  padding: 10px;
-  text-align: center;
-  border-bottom-right-radius: 5px;
-  border-bottom-left-radius: 5px;
+    font-size: 14px;
+    font-style: italic;
+    display: block;
+    margin: 0;
+    padding: 10px;
+    text-align: center;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
 }
 
 ::-moz-selection {
-  color: $white;
-  background: $primary;
-  text-shadow: none;
+    color: $white;
+    background: $primary;
+    text-shadow: none;
 }
 
 ::selection {
-  color: $white;
-  background: $primary;
-  text-shadow: none;
+    color: $white;
+    background: $primary;
+    text-shadow: none;
 }
 
 img::selection {
-  color: $white;
-  background: transparent;
+    color: $white;
+    background: transparent;
 }
 
 img::-moz-selection {
-  color: $white;
-  background: transparent;
-}
+    color: $white;
+    background: transparent;
+}

data/assets/vendor/startbootstrap-clean-blog/scss/_variables.scss

@@ -1,33 +1,2 @@
-// Variables
-
-$white:    #fff !default;
-$gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #343a40 !default;
-$gray-900: #212529 !default;
-$black:    #000 !default;
-
-$blue:    #007bff !default;
-$indigo:  #6610f2 !default;
-$purple:  #6f42c1 !default;
-$pink:    #e83e8c !default;
-$red:     #dc3545 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #ffc107 !default;
-$green:   #28a745 !default;
-$teal:    #0085A1 !default;
-$cyan:    #17a2b8 !default;
-
-$primary:       $teal !default;
-$secondary:     $gray-600 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $yellow !default;
-$danger:        $red !default;
-$light:         $gray-100 !default;
-$dark:          $gray-800 !default;
+@import "./variables/colors.scss";
+@import "./variables/typography.scss";

data/assets/vendor/startbootstrap-clean-blog/scss/components/_buttons.scss

@@ -0,0 +1,28 @@
+// Bootstrap overrides for this template
+.btn {
+    font-size: 14px;
+    font-weight: 800;
+    padding: 15px 25px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    border-radius: 0;
+    font-family: $headings-font-family;
+}
+
+.btn-primary {
+    background-color: $primary;
+    border-color: $primary;
+
+    &:hover,
+    &:focus,
+    &:active {
+        color: $white;
+        background-color: darken($primary, 7.5) !important;
+        border-color: darken($primary, 7.5) !important;
+    }
+}
+
+.btn-lg {
+    font-size: 16px;
+    padding: 25px 35px;
+}

data/assets/vendor/startbootstrap-clean-blog/scss/components/_navbar.scss

@@ -0,0 +1,116 @@
+// Styling for the navbar
+#mainNav {
+    position: absolute;
+    border-bottom: 1px solid $gray-200;
+    background-color: white;
+    font-family: $headings-font-family;
+
+    .navbar-brand {
+        font-weight: 800;
+        color: $gray-800;
+    }
+
+    .navbar-toggler {
+        font-size: 12px;
+        font-weight: 800;
+        padding: 13px;
+        text-transform: uppercase;
+        color: $gray-800;
+    }
+
+    .navbar-nav {
+        >li.nav-item {
+            >a {
+                font-size: 12px;
+                font-weight: 800;
+                letter-spacing: 1px;
+                text-transform: uppercase;
+            }
+        }
+    }
+
+    @media only screen and (min-width: 992px) {
+        border-bottom: 1px solid transparent;
+        background: transparent;
+
+        .navbar-brand {
+            padding: 10px 20px;
+            color: $white;
+
+            &:focus,
+            &:hover {
+                color: fade-out($white, .2);
+            }
+        }
+
+        .navbar-nav {
+            >li.nav-item {
+                >a {
+                    padding: 10px 20px;
+                    color: $white;
+
+                    &:focus,
+                    &:hover {
+                        color: fade-out($white, .2);
+                    }
+                }
+            }
+        }
+    }
+
+    @media only screen and (min-width: 992px) {
+        -webkit-transition: background-color 0.2s;
+        -moz-transition: background-color 0.2s;
+        transition: background-color 0.2s;
+        /* Force Hardware Acceleration in WebKit */
+        -webkit-transform: translate3d(0, 0, 0);
+        -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+        -o-transform: translate3d(0, 0, 0);
+        transform: translate3d(0, 0, 0);
+        -webkit-backface-visibility: hidden;
+        backface-visibility: hidden;
+
+        &.is-fixed {
+            /* when the user scrolls down, we hide the header right above the viewport */
+            position: fixed;
+            top: -67px;
+            -webkit-transition: -webkit-transform 0.2s;
+            -moz-transition: -moz-transform 0.2s;
+            transition: transform 0.2s;
+            border-bottom: 1px solid darken($white, .05);
+            background-color: fade-out($white, .1);
+
+            .navbar-brand {
+                color: $gray-900;
+
+                &:focus,
+                &:hover {
+                    color: $primary;
+                }
+            }
+
+            .navbar-nav {
+                >li.nav-item {
+                    >a {
+                        color: $gray-900;
+
+                        &:focus,
+                        &:hover {
+                            color: $primary;
+                        }
+                    }
+                }
+            }
+        }
+
+        &.is-visible {
+            /* if the user changes the scrolling direction, we show the header */
+            -webkit-transform: translate3d(0, 100%, 0);
+            -moz-transform: translate3d(0, 100%, 0);
+            -ms-transform: translate3d(0, 100%, 0);
+            -o-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+        }
+    }
+}

data/assets/vendor/startbootstrap-clean-blog/scss/sections/_contact.scss

@@ -0,0 +1,61 @@
+// Styling for the contact page
+.floating-label-form-group {
+    font-size: 14px;
+    position: relative;
+    margin-bottom: 0;
+    padding-bottom: 0.5em;
+    border-bottom: 1px solid $gray-300;
+
+    input,
+    textarea {
+        font-size: 1.5em;
+        position: relative;
+        z-index: 1;
+        padding: 0;
+        resize: none;
+        border: none;
+        border-radius: 0;
+        background: none;
+        box-shadow: none !important;
+
+        &::-webkit-input-placeholder {
+            color: $gray-600;
+        }
+    }
+
+    label {
+        font-size: 0.85em;
+        line-height: 1.764705882em;
+        position: relative;
+        z-index: 0;
+        top: 2em;
+        display: block;
+        margin: 0;
+        -webkit-transition: top 0.3s ease, opacity 0.3s ease;
+        -moz-transition: top 0.3s ease, opacity 0.3s ease;
+        -ms-transition: top 0.3s ease, opacity 0.3s ease;
+        transition: top 0.3s ease, opacity 0.3s ease;
+        opacity: 0;
+    }
+
+    .help-block {
+        margin: 15px 0;
+    }
+}
+
+.floating-label-form-group-with-value {
+    label {
+        top: 0;
+        opacity: 1;
+    }
+}
+
+.floating-label-form-group-with-focus {
+    label {
+        color: $primary;
+    }
+}
+
+form .form-group:first-child .floating-label-form-group {
+    border-top: 1px solid $gray-300;
+}