hardpool-flat 1.0.0 → 3.1.0

data/_sass/primer/support/variables/misc.scss

@@ -0,0 +1,26 @@
+// Miscellaneous variables
+
+// Border size
+$border-width: 1px !default;
+$border-color: $border-gray !default;
+$border-style: solid !default;
+$border: $border-width $border-color $border-style !default;
+$border-radius: 3px !default;
+
+// Box shadow
+$box-shadow: 0 1px 1px rgba($black, 0.1) !default;
+$box-shadow-medium: 0 1px 5px $black-fade-15 !default;
+$box-shadow-large: 0 1px 15px $black-fade-15 !default;
+$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;
+
+// Button and form variables
+$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;
+$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;
+$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;
+
+// Tooltips
+$tooltip-max-width: 250px !default;
+$tooltip-background-color: $black !default;
+$tooltip-text-color: $white !default;
+$tooltip-delay: 0.4s !default;
+$tooltip-duration: 0.1s !default;

data/_sass/primer/support/variables/typography.scss

@@ -0,0 +1,42 @@
+// Typography variables
+
+// Heading sizes - mobile
+// h4-h6 remain the same size on both mobile & desktop
+$h00-size-mobile: 40px !default;
+$h0-size-mobile: 32px !default;
+$h1-size-mobile: 26px !default;
+$h2-size-mobile: 22px !default;
+$h3-size-mobile: 18px !default;
+
+// Heading sizes - desktop
+$h00-size: 48px !default;
+$h0-size: 40px !default;
+$h1-size: 32px !default;
+$h2-size: 24px !default;
+$h3-size: 20px !default;
+$h4-size: 16px !default;
+$h5-size: 14px !default;
+$h6-size: 12px !default;
+
+$font-size-small: 12px !default;
+
+// Font weights
+$font-weight-bold: 600 !default;
+$font-weight-semibold: 500 !default;
+$font-weight-normal: 400 !default;
+$font-weight-light: 300 !default;
+
+// Line heights
+$lh-condensed-ultra: 1 !default;
+$lh-condensed: 1.25 !default;
+$lh-default: 1.5 !default;
+
+// Font stacks
+$body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !default;
+
+// Monospace font stack
+$mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !default;
+
+// The base body size
+$body-font-size: 14px !default;
+$body-line-height: $lh-default !default;

data/_sass/theme.scss

@@ -1,5 +1,10 @@
+@import 'var';
+// user theme imports
+@import 'colors';
+
 @import 'bootstrap/bootstrap';
 @import 'mixins';
+@import "primer/markdown/index.scss";
 
 @import 'theme/global';
 @import 'theme/animations';

data/_sass/theme/_global.scss

@@ -6,7 +6,7 @@
 // @include font-face(woodford, "/assets/fonts/woodford/woodfordbourne-thinitalic", 100, italic, otf);
 
 //========= global styles ==========
-html, body {
+html, body.blogger {
 	font: {
     size: 16px;
     family: 'Montserrat', sans-serif;
@@ -16,15 +16,23 @@ html, body {
 body {
   overflow-x: hidden;
 }
+.blogger {
 h1,h2,h3,h4,h5,
 .h1,.h2,.h3,.h4,.h5{
   font-weight: bold;
   font-family: 'Playfair Display', serif;
   color: #000;
 }
+}
 a {
 	outline: none;
-	cursor: pointer;
+  cursor: pointer;
+  color: darken($primary, 20%);
+
+  &:hover {
+    color: $primary;
+    text-decoration: underline;
+  }
 }
 table{
 	height: 100%;
@@ -39,6 +47,9 @@ table{
 .text-lg{
 	font-size: 1.2rem;
 }
+.text-sm{
+	font-size: 0.9rem;
+}
 .decoration-none{
 	text-decoration: none;
 }

data/_sass/theme/_header.scss

@@ -1,10 +1,18 @@
-header {
+header.style-1 {
   border-top: 0.4rem solid $primary;
   
   .navbar-light .navbar-brand{
     font-family: 'Dancing Script', cursive;
     font-size: 3rem;
     color: $dark;
+
+    @media (max-width: 767px) {
+      font-size: 2.5rem;
+    }
+  }
+
+  .subnav-item {
+    border-bottom: 1px solid lighten($gray, 10%);
   }
 
   &.style-default{
@@ -33,7 +41,7 @@ header {
     }
   }
   
-  &.style-1 {
+  // &.style-1 {
     .nav-item{
       margin: 0 0.7rem;
   
@@ -45,7 +53,146 @@ header {
         &.active {
           color: $primary;
         }
+        &:hover {
+          color: $primary;
+        }
+      }
+    }
+  // }
+
+  .mobile-nav-handle{
+    font-size: 1.5rem;
+    padding: 0 0.5rem;
+    z-index: 101;
+  }
+
+  @media (max-width: 767px) {
+    .nav-mobile {
+      @include transition(all, 0.4s);
+      display: block;
+      opacity: 0;
+      position: fixed;
+      top: 0;
+      left: 0;
+      background-color: rgba(255,255,255,0.95);
+      width: 100%;
+      height: 0;
+      z-index: 100;
+      padding-top: 5rem;
+      overflow: hidden;
+
+      &.active {
+        // display: block;
+        height: 100%;
+        opacity: 1;
+      }
+      .nav-item{
+        margin: 0 1rem;
+    
+        .nav-link{
+          color: $dark;
+          font-size: 1.3rem;
+          padding: 0.5rem;
+    
+          &.active {
+            color: $primary;
+          }
+        }
       }
     }
+    .subnav-item {
+      border-bottom: none;
+      margin-left: 1rem;
+      a {
+        color: lighten($color: #333, $amount: 30%);
+      }
+    }
+  }
+  .btn-icon{
+    background-color: transparent;
+    display: inline-flex;
+    width: 2rem;
+    height: 2rem;
+    color: darken($color: $primary, $amount: 20);
+    &:hover {
+      color: $primary;
+      background-color: transparent;
+    }
+  }
+  .btn-follow {
+    display: flex;
+    svg {
+      font-size: 1.3rem;
+    }
+  }
+  .mobile-link{
+    position: relative;
+    z-index: 10000;
+  }
+}
+
+.subnav-item {
+  a {
+    color: $dark;
+
+    &:hover {
+      text-decoration: none;
+      color: $primary;
+    }
+  }
+}
+
+header.project {
+  position: sticky;
+  background-color: $primary;
+  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1);
+  top: 0;
+  z-index: 1071;
+
+  .navbar-brand {
+    color: #fff;
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem;
+    font-size: 1.1rem;
+    &:hover {
+      color: $light;
+    }
+  }
+  .nav-item{
+    margin: 0 0.7rem;
+
+    .nav-link{
+      color: #ccc;
+      font-size: 1rem;
+      padding: 0.1rem 0.2rem;
+
+      &.active {
+        color: #fff;
+      }
+      &:hover {
+        color: #fff;
+      }
+    }
+  }
+
+  .btn-follow {
+    padding: 0;
+
+    &:hover {
+      color: $light;
+      background-color: transparent;
+      border-color: transparent;
+    }
+  }
+}
+footer.project {
+  font-size: 0.875rem;
+  font-weight: 600;
+
+  a {
+    color: #495057;
+    &:hover {
+      color: $primary;
+    }
   }
 }

data/_sass/theme/_page.scss

@@ -1,3 +1,4 @@
+.blogger {
 p, li {
   color: darken($color: $gray, $amount: 50%);
 }
@@ -11,6 +12,16 @@ a h1 {
 }
 img {
   image-orientation: from-image;
+
+  @extend .img-fluid;
+}
+table {
+  @extend .table;
+
+  height: auto;
+  thead {
+    @extend .thead-dark;
+  }
 }
 .btn {
   border-radius: 0;
@@ -130,6 +141,19 @@ img {
     padding-left: 0.4rem;
   }
 }
+.el-gutters {
+  @extend .no-gutters;
+  @media (min-width: 768px) { 
+    margin-right: 0;
+    margin-left: 0;
+
+    > .col,
+    > [class*="col-"] {
+      padding-right: 0.4rem;
+      padding-left: 0.4rem;
+    }
+  }
+}
 .section-heading{
   font-weight: 600;
   color: $primary;
@@ -146,6 +170,9 @@ img {
     &.sm {
       padding: 0.5rem;
     }
+    @media (max-width: 767px) {
+      padding: 0.5rem;
+    }
   }
 }
 .modal-backdrop {
@@ -185,6 +212,7 @@ img {
     opacity: 0.6;
   }
 }
+}
 
 /* ****************** portfolio ******************* */
 /* .portfolio-item {
@@ -198,16 +226,22 @@ img {
   background-image: linear-gradient(125deg, desaturate(lighten($primary, 25%), 15%), desaturate(lighten($primary, 25%), 15%));
   background-size: 100% 80%;
   background-repeat: no-repeat;
-  background-position: center;
+  background-position: bottom;
+
+  @media (min-width: 768px) {
+    background-position: center;
+  }
 }
+@media (min-width: 768px) {
 .overlap-right {
-  position: absolute;
+  position: absolute!important;
   right: 0;
 }
 .overlap-left {
-  position: absolute;
+  position: absolute!important;
   left: 0;
 }
+}
 .bnr-wrapper {
   background: #fff;
   width: 100%;
@@ -257,7 +291,23 @@ img {
     }
   }
 }
-/* ****************** header ******************* */
-.subnav-item {
-  border-bottom: 1px solid lighten($gray, 10%);
+
+/* ****************** project ******************* */
+.project-head {
+  position: relative;
+  padding: 10rem 15px;
+  background: linear-gradient(to right bottom,lighten(desaturate($primary, $desaturate), $lighten) 50%,#fff 50%);
+
+  .btn-lg {
+    padding: .8rem 2rem;
+    font-size: 1.25rem;
+  }
+  h1 {
+    font-size: 4rem;
+  }
+  .lead {
+    font-size: 1.5rem;
+    font-weight: 400;
+    color: #495057;
+  }
 }

data/assets/js/main.bundle.js

@@ -1,134 +1 @@
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "./_js/main.js");
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./_js/animations.js":
-/*!***************************!*\
-  !*** ./_js/animations.js ***!
-  \***************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-eval("let d = document;\nlet showThreshold = 150;\nlet hideThreshold = 100;\n\nlet runAnimations = (st) => {\n  fadeIn('fade-in', st);\n};\n\nlet fadeIn = (className, st) => {\n  let ea = d.querySelectorAll(`.${className}`);\n  ea.forEach(ele => {\n    // console.log(ele.offsetTop+showThreshold, st+window.innerHeight);\n    if(st+window.innerHeight>ele.offsetTop+showThreshold){\n      // console.log(\"show \", ele);\n      ele.classList.add(\"in-view\");\n    } else if(ele.offsetTop-hideThreshold>st+window.innerHeight) {\n      // console.log(\"hide\", ele);\n      ele.classList.remove(\"in-view\");\n    }\n  });\n  \n};\n\nmodule.exports.init = () => {\n  // console.log(\"animations init!\");\n  window.onscroll = (e) => {\n    runAnimations(window.pageYOffset);\n  };\n  runAnimations(window.pageYOffset);\n};\n\n//# sourceURL=webpack:///./_js/animations.js?");
-
-/***/ }),
-
-/***/ "./_js/comp-init.js":
-/*!**************************!*\
-  !*** ./_js/comp-init.js ***!
-  \**************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-eval("let carouselInit = () => {\n  $(document).ready(() => {\n    $('.carousel').carousel();\n  });\n};\nlet popoverInit = () => {\n  $(document).ready(() => {\n    let options = {\n      html: true,\n      container: 'body',\n      content: function() {\n        return $(\"#\"+$(this).attr(\"data-pop\")).html();\n      }\n    };\n    $('[data-toggle=\"popover\"]').popover(options)\n      .on(\"mouseenter\", function () {\n        if($(this).attr(\"data-trigger\")!=\"manual\")\n          return;\n        var _this = this;\n        $(this).popover(\"show\");\n        $(\".popover\").on(\"mouseleave\", function () {\n          $(_this).popover('hide');\n        });\n      })\n      .on(\"mouseleave\", function () {\n        if($(this).attr(\"data-trigger\")!=\"manual\")\n          return;\n        var _this = this;\n        setTimeout(function () {\n          if (!$(\".popover:hover\").length) {\n            $(_this).popover(\"hide\");\n          }\n        }, 300);\n      });\n  });\n};\n\nmodule.exports.init = () => {\n  popoverInit();\n  carouselInit();\n};\n\n//# sourceURL=webpack:///./_js/comp-init.js?");
-
-/***/ }),
-
-/***/ "./_js/insta-recent.js":
-/*!*****************************!*\
-  !*** ./_js/insta-recent.js ***!
-  \*****************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-eval("module.exports.init = () => {\n  fetch(`https://api.instagram.com/v1/users/self/media/recent/?access_token=${config.insta_at}&count=8`)\n    .then(response => {\n      return response.json();\n    })\n    .then(imgs => {\n      // console.log(imgs);\n      let template = document.querySelector(\"#footer-insta-port\").innerHTML;\n      let html = \"\";\n      imgs.data.forEach(img => {\n        html += `${template.replace('##__image_url__##', img.images.standard_resolution.url)\n                      .replace('##__insta_url__##', img.link)\n                      .replace('##__insta_comment__##', img.comments.count)\n                      .replace('##__insta_like__##', img.likes.count)}`;\n      });\n      document.querySelector(\"#footer-insta-port\").innerHTML = html;\n    });\n};\n\n//# sourceURL=webpack:///./_js/insta-recent.js?");
-
-/***/ }),
-
-/***/ "./_js/main.js":
-/*!*********************!*\
-  !*** ./_js/main.js ***!
-  \*********************/
-/*! no exports provided */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _animations__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./animations */ \"./_js/animations.js\");\n/* harmony import */ var _animations__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_animations__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _insta_recent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./insta-recent */ \"./_js/insta-recent.js\");\n/* harmony import */ var _insta_recent__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_insta_recent__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _comp_init__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./comp-init */ \"./_js/comp-init.js\");\n/* harmony import */ var _comp_init__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_comp_init__WEBPACK_IMPORTED_MODULE_2__);\n\n\n\n\n_comp_init__WEBPACK_IMPORTED_MODULE_2___default.a.init();\n_animations__WEBPACK_IMPORTED_MODULE_0___default.a.init();\n_insta_recent__WEBPACK_IMPORTED_MODULE_1___default.a.init();\n\n//# sourceURL=webpack:///./_js/main.js?");
-
-/***/ })
-
-/******/ });
+!function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(e,t){let n=document,o=e=>{r("fade-in",e)},r=(e,t)=>{n.querySelectorAll(`.${e}`).forEach(e=>{t+window.innerHeight>e.offsetTop+150?e.classList.add("in-view"):e.offsetTop-100>t+window.innerHeight&&e.classList.remove("in-view")})};e.exports.init=(()=>{window.onscroll=(e=>{o(window.pageYOffset)}),o(window.pageYOffset)})},function(e,t){e.exports.init=(()=>{fetch(`https://api.instagram.com/v1/users/self/media/recent/?access_token=${config.insta_at}&count=8`).then(e=>e.json()).then(e=>{let t=document.querySelector("#footer-insta-port").innerHTML,n="";e.data.forEach(e=>{n+=`${t.replace(/##__image_url__##/g,e.images.standard_resolution.url).replace(/##__insta_url__##/g,e.link).replace(/##__insta_comment__##/g,e.comments.count).replace(/##__insta_like__##/g,e.likes.count)}`}),document.querySelector("#footer-insta-port").innerHTML=n})})},function(e,t){let n=()=>{window.innerWidth<768||$(document).ready(()=>{let e={html:!0,container:"body",content:function(){return $("#"+$(this).attr("data-pop")).html()}};$('[data-toggle="nav-popover"]').popover(e).on("mouseenter",function(){if("manual"==$(this).attr("data-trigger")){var e=this;$(this).popover("show"),$(".popover").on("mouseleave",function(){$(e).popover("hide")})}}).on("mouseleave",function(){if("manual"==$(this).attr("data-trigger")){var e=this;setTimeout(function(){$(".popover:hover").length||$(e).popover("hide")},300)}})})};e.exports.init=(()=>{n(),$(document).ready(()=>{$(".carousel").carousel()})})},function(e,t){e.exports.toggle=(()=>{document.querySelector("#navigation").classList.contains("active")?(document.querySelector("#navigation").classList.remove("active"),document.querySelector("#nav-handle-icon").classList.remove("fa-times"),document.querySelector("#nav-handle-icon").classList.add("fa-bars")):(document.querySelector("#navigation").classList.add("active"),document.querySelector("#nav-handle-icon").classList.remove("fa-bars"),document.querySelector("#nav-handle-icon").classList.add("fa-times"))})},function(e,t){e.exports.init=(()=>{document.querySelectorAll(".post-content-wrapper a").forEach(e=>{e.hostname!==window.location.hostname&&(e.target="_blank",e.rel="noreferrer noopener")})})},function(e,t,n){"use strict";n.r(t);var o=n(0),r=n.n(o),i=n(1),a=n.n(i),c=n(2),s=n.n(c),u=n(3),l=n.n(u),d=n(4),f=n.n(d);s.a.init(),r.a.init(),a.a.init(),f.a.init(),hljs.initHighlighting(),window.header=l.a}]);