From 55e8de517a23fbb318946bcda866a727e9010de9 Mon Sep 17 00:00:00 2001
From: Bradley Taunt <bradleytaunt@gmail.com>
Date: Tue, 5 Oct 2021 14:19:34 +0000
Subject: [PATCH] Remove order system, randomize listings, switch to
 sans-serif, update uglyduck.ca

---
 _site_listings/uglyduck.ca.md |  2 +-
 index.html                    | 96 +++++++----------------------------
 style.css                     |  2 +-
 3 files changed, 20 insertions(+), 80 deletions(-)

diff --git a/_site_listings/uglyduck.ca.md b/_site_listings/uglyduck.ca.md
index 0c9f8ca..d44999f 100644
--- a/_site_listings/uglyduck.ca.md
+++ b/_site_listings/uglyduck.ca.md
@@ -1,4 +1,4 @@
 ---
 pageurl: uglyduck.ca
-size: 305.7
+size: 42.1
 ---
diff --git a/index.html b/index.html
index 3acab6d..af78c3c 100644
--- a/index.html
+++ b/index.html
@@ -22,14 +22,12 @@ summary: Listing all websites under 1MB in total size
     <hr>
     <details>
         <summary><strong>How can I help support this project?</strong></summary>
-        <p>If you are feeling generous, I would greatly appreciate any donations to help support the site.</p>
-        <ol>
-            <li>XMR: <pre><code>84Pd48H5qSX2B5bBy881A73KmgdQxmRPg9pQ9faftMWEfRpQmbesiishjnYBhRy5dj6No8a1ksCYpdPbiypWxdMw3GD5zwD</code></pre></li>
-            <li>BTC: <pre><code>3JGsvjgxamQHi4VCALER4rXvnvzdWUaQGg</code></pre></li>
-            <li>ETH: <pre><code>0x5a0c2841aa63c8abd5ee9b9bd67092ecb55221c2</code></pre></li>
-            <li>BCH: <pre><code>pze5vzlh7hv9lrdj6s0q2t20ylzp7uvpvc69jkpdsw</code></pre></li>
-            <li>Or simply <a href="https://www.buymeacoffee.com/WQTMtn7ir">buy me a coffee</a></li>
-        </ol>
+        <p>If you are feeling generous, I would greatly appreciate <a href="https://en.liberapay.com/uglyduck/">any donations to help support the site.</a></p>
+    </details>
+    <hr>
+    <details>
+        <summary><strong>Why is the members list randomized?</strong></summary>
+        <p>This gives visitors the ability to see interesting and new websites everytime they visit! It also prevents odd instances of "racing to the top".</p>
     </details>
     <hr>
     <details>
@@ -42,13 +40,6 @@ summary: Listing all websites under 1MB in total size
 
 <main>
     <h2>Official Members</h2>
-    <span>Jump to: &nbsp;</span>
-    <a href="#50">&#60;50KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
-    <a href="#100">&#60;100KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
-    <a href="#250">&#60;250KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
-    <a href="#512">&#60;512KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
-    <a href="#700">&#60;700KB</a><span>&nbsp;&nbsp;&middot;&nbsp;</span>
-    <a href="#1000"><em>Just Under</em> 1MB</a>
     <hr><br>
     <table>
         <thead align="left">
@@ -57,75 +48,24 @@ summary: Listing all websites under 1MB in total size
                 <th align="right">Size (KB)</th>
             </tr>
         </thead>
-        <tbody>
-    {% assign site_items = site.site_listings | sort: 'size' %}
-    <tr><td><br></td><td><br></td></tr>
-    <tr class="size-section"><td id="50">&lt;50KB</td><td></td></tr>
-    {% for item in site_items %}
-        {% if item.size <= 50 %}
+        <tbody id="container">
+        {% assign websites = site.site_listings %}
+        {% for item in websites %}
             <tr>
                 <td><a target="_blank" href="https://{{ item.pageurl }}">{{ item.pageurl }}</a></td>
                 <td align="right"><span>{{ item.size }}</span></td>
             </tr>
-        {% endif %}
-    {% endfor %}
-
-    <tr><td><br></td><td><br></td></tr>
-    <tr class="size-section"><td id="100">&lt;100KB</td><td></td></tr>
-    {% for item in site_items %}
-        {% if item.size >= 50.1 and item.size <=100 %}
-            <tr>
-                <td><a target="_blank" href="https://{{ item.pageurl }}">{{ item.pageurl }}</a></td>
-                <td align="right"><span>{{ item.size }}</span></td>
-            </tr>
-        {% endif %}
-    {% endfor %}
-
-    <tr><td><br></td><td><br></td></tr>
-    <tr class="size-section"><td id="250">&lt;250KB</td><td></td></tr>
-    {% for item in site_items %}
-        {% if item.size >= 100.1 and item.size <=250 %}
-            <tr>
-                <td><a target="_blank" href="https://{{ item.pageurl }}">{{ item.pageurl }}</a></td>
-                <td align="right"><span>{{ item.size }}</span></td>
-            </tr>
-        {% endif %}
-    {% endfor %}
-
-    <tr><td><br></td><td><br></td></tr>
-    <tr class="size-section"><td id="512">&lt;512KB</td><td></td></tr>
-    {% for item in site_items %}
-        {% if item.size >= 250.1 and item.size <=512 %}
-            <tr>
-                <td><a target="_blank" href="https://{{ item.pageurl }}">{{ item.pageurl }}</a></td>
-                <td align="right"><span>{{ item.size }}</span></td>
-            </tr>
-        {% endif %}
-    {% endfor %}
-
-    <tr><td><br></td><td><br></td></tr>
-    <tr class="size-section"><td id="700">&lt;700KB</td><td></td></tr>
-    {% for item in site_items %}
-        {% if item.size >= 512.1 and item.size <=700 %}
-            <tr>
-                <td><a target="_blank" href="https://{{ item.pageurl }}">{{ item.pageurl }}</a></td>
-                <td align="right"><span>{{ item.size }}</span></td>
-            </tr>
-        {% endif %}
-    {% endfor %}
-
-    <tr><td><br></td><td><br></td></tr>
-    <tr class="size-section"><td id="1000"><i>Just Under</i> 1MB</td><td></td></tr>
-    {% for item in site_items %}
-        {% if item.size >= 700.1 and item.size <=1000 %}
-            <tr>
-                <td><a target="_blank" href="https://{{ item.pageurl }}">{{ item.pageurl }}</a></td>
-                <td align="right"><span>{{ item.size }}</span></td>
-            </tr>
-        {% endif %}
-    {% endfor %}
+        {% endfor %}
         </tbody>
         </table>
 </main>
 <br>
 <hr>
+<script>
+    const container = document.querySelector('#container');
+    const children = [...container.children];
+    children.forEach(child => child.remove());
+    const randomChildren = children.map((child) => ({ child, rand: Math.random() }));
+    randomChildren.sort((a, b) => b.rand - a.rand);
+    randomChildren.forEach(randomObj => container.appendChild(randomObj.child));
+</script>
diff --git a/style.css b/style.css
index bae922a..a85ebae 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
-body{margin:0 auto;max-width:75ch;padding:10px;}
+body{font-family:sans-serif;margin:0 auto;max-width:75ch;padding:10px;}
 pre{overflow:auto;}
 table{border-collapse:collapse;width:100%;}
 table tbody tr:nth-of-type(even) td{background:#f9f9f9;}