diff --git a/docs/_config.yml b/docs/_config.yml
index b5e39f9..b5f453a 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -6,4 +6,4 @@ plugins:
 title: rainbow waves, by azurepolarbear
 description: azurepolarbear's rainbow waves algorithmic art project
 logo: "https://azurepolarbear.github.io/assets/img/logo.png"
-show_downloads: false
+show_downloads: true
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
new file mode 100644
index 0000000..ce5caf3
--- /dev/null
+++ b/docs/_layouts/default.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+{% seo %}
+    <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
+    <!--[if lt IE 9]>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <![endif]-->
+    {% include head-custom.html %}
+  </head>
+  <body>
+    <div class="wrapper">
+      <header>
+        <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repository_name }}</a></h1>
+
+        {% if site.logo %}
+          <img src="{{site.logo | relative_url}}" alt="Logo" />
+        {% endif %}
+
+        <p>{{ site.description | default: site.github.project_tagline }}</p>
+
+        {% if site.github.is_project_page %}
+        <p class="view"><a href="{{ site.github.repository_url }}" target="_blank" rel="noopener noreferrer">view the project on github <small>{{ site.github.repository_nwo }}</small></a></p>
+        {% endif %}
+
+        {% if site.github.is_user_page %}
+        <p class="view"><a href="{{ site.github.owner_url }}" target="_blank" rel="noopener noreferrer">view azurepolarbear's github profile</a></p>
+        {% endif %}
+
+        {% if site.show_downloads %}
+        <ul class="downloads">
+          <li><a href="{{ site.github.zip_url }}">download <strong>zip file</strong></a></li>
+          <li><a href="{{ site.github.tar_url }}">download <strong>tar ball</strong></a></li>
+          <li><a href="{{ site.github.repository_url }}">view On <strong>github</strong></a></li>
+        </ul>
+        {% endif %}
+      </header>
+      <section>
+
+      {{ content }}
+
+      </section>
+      <footer>
+        {% if site.github.is_project_page %}
+        <p>this project is maintained by <a href="{{ site.github.owner_url }}" target="_blank" rel="noopener noreferrer">{{ site.github.owner_name }}</a></p>
+        {% endif %}
+
+        <p class="view"><a href="https://linktr.ee/azurepolarbear" target="_blank" rel="noopener noreferrer">connect on social media</a></p>
+
+        <p class="view"><a href="https://brittni-and-the-polar-bear.github.io/">brittni and the polar bear</a></p>
+
+        <p class="view"><a href="https://azurepolarbear.github.io/">azurepolarbear</a></p>
+
+        <p class="view"><a href="https://blwatkins.github.io/">brittni watkins</a></p>
+
+        <p>hosted on github pages &mdash; theme by <a href="https://github.com/orderedlist" target="_blank" rel="noopener noreferrer">orderedlist</a></p>
+
+        <p>Copyright (C) 2015-2024 brittni and the polar bear LLC. Some rights reserved.</p>
+
+        <!-- metricool tracking -->
+        <script>function loadScript(a){var b=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.src="https://tracker.metricool.com/resources/be.js",c.onreadystatechange=a,c.onload=a,b.appendChild(c)}loadScript(function(){beTracker.t({hash:"fa35a500604e0a63d99df6e5d54e2966"})});</script>
+      </footer>
+    </div>
+    <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
+  </body>
+</html>
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
new file mode 100644
index 0000000..9ad82fd
--- /dev/null
+++ b/docs/assets/css/style.scss
@@ -0,0 +1,17 @@
+---
+---
+
+@import "{{ site.theme }}";
+
+header {
+    position: static;
+}
+
+section {
+    min-height: 100vh;
+}
+
+footer {
+    position: static;
+    display: inline-block;
+}
