Merge pull request #56 from kylekirkby/updated_site

Added Particles JS!
96boards · Sep 13, 2019 · a0dad5b · a0dad5b
2 parents 1bcb09d + 0363bc3
commit a0dad5b
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 1 deletion.
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -0,0 +1,20 @@
+---
+---
+<!DOCTYPE html>
+<html lang="en">
+    {% include head.html %}
+    <body>
+        <div id="wrapper" class="main">
+            {% include_cached nav.html pageUrl=page.url %}
+            {% if page.particles_js %}
+                <div id="particles-js"></div>
+            {% endif %}
+            <div class="container-fluid">
+                {{content}}
+                {% include_cached github-edit.html pagePath=page.path pagePermalink=page.permalink %}
+                {% include_cached footer.html %}
+            </div>
+        </div>
+        {% include javascript.html %}
+    </body>
+</html>
diff --git a/assets/css/app/custom.scss b/assets/css/app/custom.scss
@@ -136,6 +136,7 @@ img.img-responsive.ai-homepage-image {
 }
 .row.content.github-edit {
     background-color: black;
+    z-index: 2;
 }
 
 div#github_controls a#github_home {
@@ -148,3 +149,17 @@ div#github_controls a.btn {
     color: white;
     border: 1px solid #2d2d2d;
 }
+#particles-js > canvas {
+    z-index: 9;
+    width: 100% !important;
+}
+#particles-js {
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    background-image: url(main.css);
+    background-size: cover;
+    background-position: 50% 50%;
+    position: absolute;
+    background-repeat: no-repeat;
+}
diff --git a/assets/js/package-home.js b/assets/js/package-home.js
@@ -5,5 +5,6 @@
 //= require vendor/owl.carousel
 
 //= require app/main
+//= require app/particles
 //= require app/custom
 //= require app/home
diff --git a/index.html → index.md b/index.html → index.md
@@ -24,5 +24,5 @@
     - row: custom_include_row
       source: ai_boards.html
 edit-on-github: true
+particles_js: true
 ---
-{% include members.html %}