Add polymesh to homepage

_data/projects.json

@@ -75,6 +75,20 @@
             "img_src": "https://raw.githubusercontent.com/Ewpratten/dji3d/master/test.png"
         }
     },
+    {
+        "title": "PolyMesh",
+        "description": "PolyMesh is a suite of tools, a library, and a file format I designed to describe and render arbitrary 3D objects. This project is partly a learning experiment, and partly a tool for future projects to build upon.",
+        "text_buttons": [],
+        "icon_buttons": [
+            {
+                "icon": "fab fa-github",
+                "url": "https://github.com/Ewpratten/polymesh"
+            }
+        ],
+        "hero": {
+            "img_src": "https://raw.githubusercontent.com/Ewpratten/polymesh/master/screenshots/logo.png"
+        }
+    },
     {
         "title": "JDMA",
         "description": "JDMA is a Java library that provides c-like <code>malloc()</code> and <code>free()</code> functions, along with many others. All functions operate off-heap, meaning no need to deal with the garbage collector.",

_drafts/2021-03-26-Personal-DNS.md

@@ -0,0 +1,14 @@
+---
+layout: page
+title:  "Setting up a fast and reliable personal DNS server"
+description: "Ad blocking, configurable caching, custom domains, and more!"
+date:   2021-03-26 15:00:00 
+written: 2021-03-26
+tags: project dns server
+excerpt: >-
+    For the past four years, I have been running a personal DNS server. This post covers how it currently works, and how to set one up for yourself.
+redirect_from: 
+ - /post/gkefk8su/
+ - /gkefk8su/
+---
+

_sass/site/page.scss

@@ -161,6 +161,11 @@ blockquote p {
     transition: 0.15s;
 }
 
+.blog-post-card:hover{
+    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.19);
+    transition: 0.15s;
+}
+
 .list-group-item-action{
     transition: background 0.2s cubic-bezier(0, 0, 0.58, 1);
 }

beta/blog.html

@@ -0,0 +1,89 @@
+---
+title: Blog Posts
+layout: page
+header_red: true
+backing_img: /assets/images/innovation__monochromatic.svg
+backing_scalar: "height:90%;"
+uses:
+- masonry
+---
+
+<p>Here is a list of things I find interesting, and writeups of projects I have worked on.</p>
+
+<div class="row" id="blog-grid">
+    {% assign i = 0 %}
+    {% for post in site.posts %}
+    <div class="col-sm-4">
+        <div class="card blog-post-card">
+            <div class="card-body">
+                <h5 class="card-title">{{post.title}}</h5>
+                <p class="card-text">{{post.description}}</p>
+            </div>
+            <div class="card-footer">
+                {% assign post_date = post.date | split: " " %}
+                <small class="text-muted">Published: {{post_date.first}}</small>
+                <a href="{{post.url}}"><button class="btn btn-outline-primary btn-sm" style="float:right;">Read
+                        Post</button></a>
+            </div>
+        </div>
+    </div>
+    {% assign i = i | plus:1 %}
+    {% endfor %}
+
+</div>
+
+<!-- Grid handler -->
+<script>
+
+    function orderPostGrid() {
+        $('#blog-grid').masonry({
+            // options
+            itemSelector: '.blog-post-card',
+            // columnWidth: 500,
+            transitionDuration: '0s'
+        });
+    }
+
+    // re-order in 2 seconds in case anything was still lazy-loading
+    setTimeout(orderPostGrid, 1500);
+    setTimeout(orderPostGrid, 2000);
+    setTimeout(orderPostGrid, 5000);
+</script>
+
+<!-- <div class="list-group" id="posts">
+
+    {% assign i = 0 %}
+    {% for post in site.posts %}
+    {% assign the_date = post.date | split: " " %}
+
+    {% if i == 0 %}
+    <a href="{{post.url}}" class="list-group-item list-group-item-action">
+        <div class="d-flex w-100 justify-content-between">
+            <div class="card-body">
+                <h5 class="mb-1">{{post.title}}
+                    {% if post.is_short %}
+                    <span class="badge badge-secondary">Mini Post</span>
+                    {% endif %}
+                </h5>
+                <p class="card-text">{{post.description}}</p>
+            </div>
+            <small style="color:gray;" class="maybe-date">{{the_date.first}}</small>
+        </div>
+    </a>
+
+
+    {% else %}
+
+
+    <a href="{{post.url}}" class="list-group-item list-group-item-action">
+        <div class="d-flex w-100 justify-content-between">
+            <h5 class="mb-1">{{post.title}}</h5>
+            <small style="color:gray;" class="maybe-date">{{the_date.first}}</small>
+        </div>
+        <p class="card-text">{{post.description}}</p>
+    </a>
+
+    {% endif %}
+    {% assign i = i | plus:1 %}
+    {% endfor %}
+</div> -->

blog.html

@@ -4,14 +4,13 @@ layout: page
 header_red: true
 backing_img: /assets/images/innovation__monochromatic.svg
 backing_scalar: "height:90%;"
+uses:
+- masonry
 ---
 
 <p>Here is a list of things I find interesting, and writeups of projects I have worked on.</p>
 
 <div class="list-group" id="posts">
-    <!-- <a href="#posts"
-        class="feature list-group-item list-group-item-action list-group-item-dark ">Featured
-        Post</a> -->
 
     {% assign i = 0 %}
     {% for post in site.posts %}

index.html

@@ -168,7 +168,7 @@ uses:
     <!-- Xss warning -->
     <script>
         if ((new URLSearchParams(window.location.search)).get("dnsxss") == "") {
-            alert("It looks like the DNS lookup service you just used is vulnerable to XSS. Anyways, welcome to my website! Don't worry about the code I just executed ;)");
+            alert("It looks like the DNS lookup service you just used is vulnerable to XSS. Anyways, welcome to my website!)");
         }
     </script>