fix(remove inline css and js): removes inline CSS and JS

Adds scss,ts files and deprecates the gallery randomizer

Author: ff6347

Diff for: _source/_layouts/default.html

@@ -36,11 +36,16 @@
 
     <script src="/assets/js/main.bundle.js" type="text/javascript"></script>
     {% if page.layout == 'reference' or page.layout == 'entry' %}
-
     <script src="/assets/js/vendors~reference.bundle.js" type="text/javascript" defer></script>
-
     <script src="/assets/js/reference.bundle.js" type="text/javascript"></script>
     {% endif %}
+
+    {%- if page.layout == 'gallery' -%}
+    <script src="/assets/js/gallery-randomize.bundle.js"></script>
+    {%- endif -%}
+    {%- if page.hasFeaturedProjects == true -%}
+    <script src="/assets/js/featured-carousel.bundle.js"></script>
+    {%- endif -%}
 </body>
 
 </html>

Diff for: _source/_layouts/gallery.html

@@ -2,23 +2,5 @@
 layout: default
 ---
 
-{% for img in page.images %}
-{%if img == "index.png" %}
-<img src="./images/{{img}}" alt="" style="max-width:100%">
-{% endif %}
-{% endfor %}
-
 {{content}}
 
-{% capture mdcode %}
-```js
-{% include_relative index.js %}
-```
-{% endcapture %}
-{{ mdcode | markdownify }}
-
-{% for img in page.images %}
-{%if img != "index.png" %}
-<img src="./images/{{img}}" alt="" style="max-width:100%">
-{% endif%}
-{% endfor %}

Diff for: _source/assets/css/scss/_featured-projects.scss

@@ -0,0 +1,36 @@
+.featured-projects {
+  height: 25em;
+}
+
+ul.featured-projects-list {
+}
+
+.featured-project-thumb {
+  max-width: 100%;
+  height: auto;
+  /* width: 1280px; */
+  /* height: 720px; */
+}
+
+li.featured-project {
+  position: relative;
+  list-style: none;
+  display: none;
+}
+
+.featured-project-title {
+  margin: 0;
+  position: absolute;
+  float: left;
+  left: 0px;
+  top: -25px;
+  z-index: 0;
+  background-color: white;
+  padding-right: 1em;
+  padding-left: 0.5em;
+  width: 100%;
+}
+
+img.featured-project-thumb {
+  display: inline;
+}

Diff for: _source/assets/css/styles.css

@@ -396,7 +396,7 @@ ul {
 
 // ------------ code
 //
-@import "./scss/syntax.scss";
+@import "./scss/_syntax.scss";
 
 pre {
   background: #eee !important;
@@ -487,8 +487,8 @@ a.textgrow {
   }
 }
 
-@import "./scss/_guidelines.scss", "./scss/reference.scss",
-  "./scss/changelog.scss";
+@import "./scss/_guidelines.scss", "./scss/_reference.scss",
+  "./scss/_changelog.scss", "./scss/_featured-projects.scss";
 
 // ------------------------
 // old basil css. Overwrite new settings