Local dev server, homepage loads

.gitignore

@@ -14,6 +14,9 @@ Session.vim
 *~
 # auto-generated tag files
 tags
+public/assets/css/masonstrap.css
+public/assets/css/masonstrap.min.css
+public/assets/css/*.map
 masonstrap/*.css
 masonstrap/*.min.css
 masonstrap/*.map
@@ -24,4 +27,9 @@ build
 _site
 .sass-cache/
 bower_components
-.vscode
\ No newline at end of file
+.vscode
+public/assets/js/bootstrap.min.js
+public/assets/js/jquery.min.js
+public/assets/js/jquery.min.map
+public/assets/js/popper.min.js
+public/assets/js/popper.min.js.map
\ No newline at end of file

.gitlab-ci.yml

@@ -7,4 +7,4 @@ build:
     - npm run build-masonstrap
   artifacts:
     paths:
-      - masonstrap/masonstrap.min.css
+      - public/assets/css/masonstrap.min.css

package.json

@@ -9,9 +9,11 @@
     "autoprefixer": "^7.1.2",
     "bootstrap": "4.0.0-beta",
     "clean-css-cli": "^4.1.6",
+    "http-server": "^0.10.0",
     "jquery": "^3.2.1",
     "node-sass": "^4.5.3",
     "npm-run-all": "^4.0.2",
+    "onchange": "^3.2.1",
     "popper.js": "^1.11.1",
     "postcss-cli": "^4.1.0",
     "stylelint": "^8.0.0",
@@ -19,9 +21,13 @@
   },
   "scripts": {
     "sass-lint": "stylelint ./masonstrap/*.scss --syntax scss",
-    "sass-compile": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 ./masonstrap/masonstrap.scss ./masonstrap/masonstrap.css",
-    "sass-prefix": "npx postcss masonstrap/masonstrap.css --use autoprefixer -d ./masonstrap/",
-    "sass-minify": "cleancss --source-map --source-map-inline-sources -o masonstrap/masonstrap.min.css masonstrap/masonstrap.css",
-    "build-masonstrap": "npm-run-all sass-lint sass-compile sass-prefix sass-minify"
+    "sass-compile": "node-sass --output-style expanded --source-map true --source-map-contents true --precision 6 ./masonstrap/masonstrap.scss ./public/assets/css/masonstrap.css",
+    "sass-prefix": "npx postcss ./public/assets/css/masonstrap.css --use autoprefixer -d ./public/assets/css/",
+    "sass-minify": "cleancss --source-map --source-map-inline-sources -o ./public/assets/css/masonstrap.min.css ./public/assets/css/masonstrap.css",
+    "copy-js": "cp ./node_modules/jquery/dist/jquery.min.js ./public/assets/js/jquery.min.js && cp ./node_modules/jquery/dist/jquery.min.map ./public/assets/js/jquery.min.map && cp ./node_modules/bootstrap/dist/js/bootstrap.min.js ./public/assets/js/bootstrap.min.js && cp ./node_modules/popper.js/dist/umd/popper.min.js ./public/assets/js/popper.min.js && cp ./node_modules/popper.js/dist/umd/popper.min.js.map ./public/assets/js/popper.min.js.map",
+    "build-masonstrap": "npm-run-all copy-js sass-lint sass-compile sass-prefix sass-minify",
+    "sass-watch": "onchange './masonstrap/*.scss' -- npm run build-masonstrap",
+    "http": "http-server -p 8000",
+    "start": "npm-run-all copy-js sass-watch"
   }
 }

public/assets/css/demo.css

-body {
-    padding-top: 100px
-}
-
-body>.navbar {
-    -webkit-transition: background-color .3s ease-in;
-    transition: background-color .3s ease-in
-}
-
-pre {
-    background: #f7f7f9
-}
-
-@media (min-width: 768px) {
-    body>.navbar-transparent {
-        background-color:transparent!important
-    }
-
-    body>.navbar-transparent .navbar-nav>.open>a {
-        background-color: transparent!important
-    }
-}
-
-#home {
-    padding-top: 0
-}
-
-#home .logo .nav-link {
-    display: inline-block;
-    margin-right: -30px
-}
-
-#home .logo img {
-    display: inline-block;
-    margin: 0 10px;
-    width: 20%
-}
-
-#banner {
-    min-height: 300px;
-    border-bottom: none
-}
-
-.table-of-contents {
-    margin-top: 1em
-}
-
-.bs-docs-section {
-    margin-top: 6em
-}
-
-.bs-docs-section .page-header h1 {
-    padding: 5rem 0 2rem;
-    font-size: 4em
-}
-
-.bs-component {
-    position: relative
-}
-
-.bs-component+.bs-component {
-    margin-top: 1rem
-}
-
-.bs-component .card {
-    margin-bottom: 1rem
-}
-
-.bs-component .modal {
-    position: relative;
-    top: auto;
-    right: auto;
-    left: auto;
-    bottom: auto;
-    z-index: 1;
-    display: block
-}
-
-.bs-component .modal-dialog {
-    width: 90%
-}
-
-.bs-component .popover {
-    position: relative;
-    display: inline-block;
-    width: 220px;
-    margin: 20px
-}
-
-#source-button {
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 100;
-    font-weight: 700
-}
-
-.nav-tabs {
-    margin-bottom: 15px
-}
-
-.progress {
-    margin-bottom: 10px
-}
-
-#footer {
-    margin: 3em 0
-}
-
-#footer li {
-    float: left;
-    margin-right: 1.5em;
-    margin-bottom: 1.5em
-}
-
-#footer p {
-    clear: left;
-    margin-bottom: 0
-}
-
-
-.section-tout {
-    padding: 5em 0 2em;
-    border-bottom: 1px solid rgba(0,0,0,.05);
-    background-color: #eaf1f1
-}
-
-.section-tout .fa {
-    margin-right: .5em
-}
-
-.section-tout p {
-    margin-bottom: 3em
-}
-
-.section-preview {
-    padding: 4em 0 4em
-}
-
-.section-preview .preview {
-    margin-bottom: 4em;
-    background-color: #eaf1f1
-}
-
-.section-preview .preview img {
-    max-width: 100%
-}
-
-.section-preview .preview .image {
-    position: relative
-}
-
-.section-preview .preview .image:before {
-    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    content: "";
-    pointer-events: none
-}
-
-.section-preview .preview .options {
-    padding: 1em 2em 2em;
-    border: 1px solid rgba(0,0,0,.05);
-    border-top: none;
-    text-align: center
-}
-
-.section-preview .preview .options p {
-    margin-bottom: 2em
-}
-
-.section-preview .dropdown-menu {
-    text-align: left
-}
-
-.section-preview .lead {
-    margin-bottom: 2em
-}
-
-@media (max-width: 767px) {
-    .section-preview .image img {
-        width:100%
-    }
-}
-
-@media (max-width: 767px) {
-    .splash {
-        padding-top:4em
-    }
-
-    .splash .logo {
-        width: 100px
-    }
-
-    .splash h1 {
-        font-size: 2em
-    }
-
-    #banner {
-        margin-bottom: 2em;
-        text-align: center
-    }
-}
-/*
- * Style tweaks
- * --------------------------------------------------
- */
-html,
-body {
-  overflow-x: hidden; /* Prevent scroll on narrow devices */
-}
-body {
-  padding-top: 70px;
-}
-
-/*
- * Off Canvas
- * --------------------------------------------------
- */
-@media screen and (max-width: 767px) {
-  .row-offcanvas {
-    position: relative;
-    -webkit-transition: all .25s ease-out;
-         -o-transition: all .25s ease-out;
-            transition: all .25s ease-out;
-  }
-
-  .row-offcanvas-right {
-    right: 0;
-  }
-
-  .row-offcanvas-left {
-    left: 0;
-  }
-
-  .row-offcanvas-right
-  .sidebar-offcanvas {
-    right: -100%; /* 12 columns */
-  }
-
-  .row-offcanvas-right.active
-  .sidebar-offcanvas {
-    right: -50%; /* 6 columns */
-  }
-
-  .row-offcanvas-left
-  .sidebar-offcanvas {
-    left: -100%; /* 12 columns */
-  }
-
-  .row-offcanvas-left.active
-  .sidebar-offcanvas {
-    left: -50%; /* 6 columns */
-  }
-
-  .row-offcanvas-right.active {
-    right: 50%; /* 6 columns */
-  }
-
-  .row-offcanvas-left.active {
-    left: 50%; /* 6 columns */
-  }
-
-  .sidebar-offcanvas {
-    position: absolute;
-    top: 0;
-    width: 50%; /* 6 columns */
-  }
-}
\ No newline at end of file

public/assets/css/index.css

-html { 
-  background: url(../img/expl.jpg) no-repeat center fixed; 
-  background-repeat:no-repeat;
-  -webkit-background-size:cover;
-  -moz-background-size:cover;
-  -o-background-size:cover;
-  background-size:cover;
-  background-position:center;
-}
-
-body {
-  background: transparent !important;
-}
-

public/assets/css/styles.css

-html {
-  font-size: 14px;
-}
-
-body {
-  padding-top: 100px;
-}
-
-@include media-breakpoint-up(sm) {
-  html {
-    font-size: 16px;
-  }
-}
-
-@include media-breakpoint-up(md) {
-  html {
-    font-size: 20px;
-  }
-}
-
-@include media-breakpoint-up(lg) {
-  html {
-    font-size: 28px;
-  }
-}
\ No newline at end of file

public/assets/js/custom.js

-(function(){
-  $(window).scroll(function () {
-      var top = $(document).scrollTop();
-      $('.splash').css({
-        'background-position': '0px -'+(top/3).toFixed(2)+'px'
-      });
-      if(top > 50)
-        $('#home > .navbar').removeClass('navbar-transparent');
-      else
-        $('#home > .navbar').addClass('navbar-transparent');
-  });
-
-  $("a[href='#']").click(function(e) {
-    e.preventDefault();
-  });
-
-  var $button = $("<div id='source-button' class='btn btn-primary btn-xs'>&lt; &gt;</div>").click(function(){
-    var html = $(this).parent().html();
-    html = cleanSource(html);
-    $("#source-modal pre").text(html);
-    $("#source-modal").modal();
-  });
-
-  $('.bs-component [data-toggle="popover"]').popover();
-  $('.bs-component [data-toggle="tooltip"]').tooltip();
-
-  $(".bs-component").hover(function(){
-    $(this).append($button);
-    $button.show();
-  }, function(){
-    $button.hide();
-  });
-
-  function cleanSource(html) {
-    html = html.replace(/×/g, "&times;")
-               .replace(/«/g, "&laquo;")
-               .replace(/»/g, "&raquo;")
-               .replace(/←/g, "&larr;")
-               .replace(/→/g, "&rarr;");
-
-    var lines = html.split(/\n/);
-
-    lines.shift();
-    lines.splice(-1, 1);
-
-    var indentSize = lines[0].length - lines[0].trim().length,
-        re = new RegExp(" {" + indentSize + "}");
-
-    lines = lines.map(function(line){
-      if (line.match(re)) {
-        line = line.substring(indentSize);
-      }
-
-      return line;
-    });
-
-    lines = lines.join("\n");
-
-    return lines;
-  }
-
-})();

public/assets/js/version.js

-let version = $.fn.tooltip.Constructor.VERSION;
-document.getElementById('version').innerHTML = version;

public/index.html

@@ -33,10 +33,7 @@
 
     <!-- Load in static content -->
     <link rel="icon" href="assets/img/favicon.ico" sizes="16x16">
-    <link rel="stylesheet" href="masonstrap/masonstrap.css" media="screen">
-    <link rel="stylesheet" href="assets/css/styles.css">
-    <link rel="stylesheet" href="assets/css/index.css">
-    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="assets/css/masonstrap.min.css" media="screen">
   </head>
 
   <!-- Body content -->
@@ -131,9 +128,9 @@
     </div>
 
     <!-- load in external js -->
-    <script src="bower_components/jquery/dist/jquery.slim.min.js"></script>
-    <script src="bower_components/tether/dist/js/tether.min.js"></script>
-    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
+    <script src="/assets/js/jquery.min.js"></script>
+    <script src="/assets/js/popper.min.js"></script>
+    <script src="/assets/js/bootstrap.min.js"></script>
   </body>
 
 </html>
\ No newline at end of file

yarn.lock

@@ -103,7 +103,7 @@ array-unique@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
 
-arrify@^1.0.0:
+arrify@^1.0.0, arrify@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
 
@@ -127,6 +127,10 @@ async-foreach@^0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542"
 
+async@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -266,6 +270,21 @@ chokidar@^1.6.1:
   optionalDependencies:
     fsevents "^1.0.0"
 
+chokidar@~1.6.0:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.6.1.tgz#2f4447ab5e96e50fb3d789fd90d4c72e0e4c70c2"
+  dependencies:
+    anymatch "^1.3.0"
+    async-each "^1.0.0"
+    glob-parent "^2.0.0"
+    inherits "^2.0.1"
+    is-binary-path "^1.0.0"
+    is-glob "^2.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.0.0"
+  optionalDependencies:
+    fsevents "^1.0.0"
+
 circular-json@^0.3.1:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/circular-json/-/circular-json-0.3.3.tgz#815c99ea84f6809529d2f45791bdf82711352d66"
@@ -327,6 +346,10 @@ color-name@^1.1.1:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
 
+colors@1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
+
 combined-stream@^1.0.5, combined-stream@~1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.5.tgz#938370a57b4a51dea2c77c15d5c5fdf895164009"
@@ -349,6 +372,10 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
 
+corser@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/corser/-/corser-2.0.1.tgz#8eda252ecaab5840dcd975ceb90d9370c819ff87"
+
 cosmiconfig@^2.1.0, cosmiconfig@^2.1.1, cosmiconfig@^2.1.3:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-2.2.2.tgz#6173cebd56fac042c1f4390edf7af6c07c7cb892"
@@ -376,6 +403,13 @@ cross-spawn@^5.0.1:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
+cross-spawn@~4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-4.0.2.tgz#7b9247621c23adfdd3856004a823cbe397424d41"
+  dependencies:
+    lru-cache "^4.0.1"
+    which "^1.2.9"
+
 cryptiles@2.x.x:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/cryptiles/-/cryptiles-2.0.5.tgz#3bdfecdc608147c1c67202fa291e7dca59eaa3b8"
@@ -449,6 +483,15 @@ ecc-jsbn@~0.1.1:
   dependencies:
     jsbn "~0.1.0"
 
+ecstatic@^2.0.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ecstatic/-/ecstatic-2.2.1.tgz#b5087fad439dd9dd49d31e18131454817fe87769"
+  dependencies:
+    he "^1.1.1"
+    mime "^1.2.11"
+    minimist "^1.1.0"
+    url-join "^2.0.2"
+
 electron-to-chromium@^1.3.18:
   version "1.3.18"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.18.tgz#3dcc99da3e6b665f6abbc71c28ad51a2cd731a9c"
@@ -497,6 +540,10 @@ event-stream@~3.3.0:
     stream-combiner "~0.0.4"
     through "~2.3.1"
 
+eventemitter3@1.x.x:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-1.2.0.tgz#1c86991d816ad1e504750e73874224ecf3bec508"
+
 execa@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
@@ -804,6 +851,10 @@ hawk@~3.1.3:
     hoek "2.x.x"
     sntp "1.x.x"
 
+he@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
+
 hoek@2.x.x:
   version "2.16.3"
   resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
@@ -816,6 +867,26 @@ html-tags@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-2.0.0.tgz#10b30a386085f43cede353cc8fa7cb0deeea668b"
 
+http-proxy@^1.8.1:
+  version "1.16.2"
+  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.16.2.tgz#06dff292952bf64dbe8471fa9df73066d4f37742"
+  dependencies:
+    eventemitter3 "1.x.x"
+    requires-port "1.x.x"
+
+http-server@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/http-server/-/http-server-0.10.0.tgz#b2a446b16a9db87ed3c622ba9beb1b085b1234a7"
+  dependencies:
+    colors "1.0.3"
+    corser "~2.0.0"
+    ecstatic "^2.0.0"
+    http-proxy "^1.8.1"
+    opener "~1.4.0"
+    optimist "0.6.x"
+    portfinder "^1.0.13"
+    union "~0.4.3"
+
 http-signature@~1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
@@ -1218,6 +1289,10 @@ mime-types@^2.1.12, mime-types@~2.1.7:
   dependencies:
     mime-db "~1.29.0"
 
+mime@^1.2.11:
+  version "1.3.6"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-1.3.6.tgz#591d84d3653a6b0b4a3b9df8de5aa8108e72e5e0"
+
 mimic-fn@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.1.0.tgz#e667783d92e89dbd342818b5230b9d62a672ad18"
@@ -1232,11 +1307,15 @@ minimist@0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
 
-minimist@^1.1.3, minimist@^1.2.0:
+minimist@^1.1.0, minimist@^1.1.3, minimist@^1.2.0, minimist@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
 
-"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1:
+minimist@~0.0.1:
+  version "0.0.10"
+  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
+
+mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
   dependencies:
@@ -1401,12 +1480,33 @@ once@^1.3.0, once@^1.3.3:
   dependencies:
     wrappy "1"
 
+onchange@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/onchange/-/onchange-3.2.1.tgz#7669312c8a8f94d80b4595dc8abe5d119559f7e0"
+  dependencies:
+    arrify "~1.0.1"