feat: client side randomized results (#24)

* feat: client side randomize (caching persists obviously)

* add founders on top

Author: nermalcat69

index.html

@@ -143,6 +143,19 @@
 
       .empty { color: var(--muted); font-size: 0.9rem; }
 
+      .section-label {
+        margin: 0 0 0.75rem;
+        color: var(--muted);
+        font-size: 0.75rem;
+        text-transform: uppercase;
+        letter-spacing: 0.1em;
+      }
+      .founders-section {
+        margin-bottom: 2rem;
+        padding-bottom: 2rem;
+        border-bottom: 1px solid var(--overlay);
+      }
+
       .grid {
         display: grid;
         grid-template-columns: repeat(7, 1fr);
@@ -271,6 +284,11 @@ <h1>thread<span class="ring">locked</span></h1>
         </div>
       </header>
 
+      <div class="founders-section">
+        <p class="section-label">founders</p>
+        <div class="grid" id="founders-grid"><!--FOUNDERS--></div>
+      </div>
+
       <div class="controls">
         <input
           id="search"
@@ -282,6 +300,7 @@ <h1>thread<span class="ring">locked</span></h1>
         />
       </div>
 
+      <p class="section-label">members</p>
       <div class="grid" id="grid"><!--MEMBERS--></div>
 
       <p id="empty" class="empty" hidden>no members match.</p>
@@ -325,12 +344,20 @@ <h1>thread<span class="ring">locked</span></h1>
         var search = document.getElementById("search");
         var empty = document.getElementById("empty");
 
+        var grid = document.getElementById("grid");
         var items = [].slice
-          .call(document.querySelectorAll(".card"))
+          .call(grid.querySelectorAll(".card"))
           .map(function (el) {
             return { name: el.dataset.name, el: el };
           });
 
+        // shuffle members on every visit
+        for (var i = items.length - 1; i > 0; i--) {
+          var j = Math.floor(Math.random() * (i + 1));
+          var tmp = items[i]; items[i] = items[j]; items[j] = tmp;
+        }
+        items.forEach(function (it) { grid.appendChild(it.el); });
+
         var fuse =
           typeof Fuse !== "undefined"
             ? new Fuse(items, {

main.go

@@ -48,32 +48,36 @@ func host(raw string) string {
 	return strings.TrimPrefix(u.Host, "www.")
 }
 
-// renderIndex injects the member cards into the embedded page once, at startup,
-// so each request just writes static bytes (no per-request templating).
-func renderIndex(webring []WebringEntry) []byte {
-	var cards strings.Builder
-	for _, e := range webring {
+var founderNames = map[string]bool{"datavorous": true, "nisarga": true}
+
+func buildCards(entries []WebringEntry) string {
+	var b strings.Builder
+	for _, e := range entries {
 		name := html.EscapeString(e.Name)
-		cards.WriteString(`<a class="card" href="`)
-		cards.WriteString(html.EscapeString(e.Url))
-		cards.WriteString(`" rel="noopener" data-name="`)
-		cards.WriteString(name)
-		cards.WriteString(`"><span class="avatar">`)
-		cards.WriteString(html.EscapeString(initial(e.Name)))
+		b.WriteString(`<a class="card" href="`)
+		b.WriteString(html.EscapeString(e.Url))
+		b.WriteString(`" rel="noopener" data-name="`)
+		b.WriteString(name)
+		b.WriteString(`"><span class="avatar">`)
+		b.WriteString(html.EscapeString(initial(e.Name)))
 		if e.Gh != "" {
-			cards.WriteString(`<img src="https://avatars.githubusercontent.com/`)
-			cards.WriteString(html.EscapeString(e.Gh))
-			cards.WriteString(`?size=96" alt="" loading="lazy" onerror="this.setAttribute('data-failed','')" />`)
+			b.WriteString(`<img src="https://avatars.githubusercontent.com/`)
+			b.WriteString(html.EscapeString(e.Gh))
+			b.WriteString(`?size=96" alt="" loading="lazy" onerror="this.setAttribute('data-failed','')" />`)
 		}
-		cards.WriteString(`</span><span class="meta"><span class="name">`)
-		cards.WriteString(name)
-		cards.WriteString(`</span><span class="host">`)
-		cards.WriteString(html.EscapeString(host(e.Url)))
-		cards.WriteString(`</span></span><span class="arrow">&rarr;</span></a>`)
+		b.WriteString(`</span><span class="meta"><span class="name">`)
+		b.WriteString(name)
+		b.WriteString(`</span><span class="host">`)
+		b.WriteString(html.EscapeString(host(e.Url)))
+		b.WriteString(`</span></span><span class="arrow">&rarr;</span></a>`)
 	}
+	return b.String()
+}
 
-	out := strings.Replace(string(indexHTML), "<!--MEMBERS-->", cards.String(), 1)
-	out = strings.Replace(out, "<!--COUNT-->", fmt.Sprintf("%d members", len(webring)), 1)
+func renderIndex(founders, members []WebringEntry) []byte {
+	out := strings.Replace(string(indexHTML), "<!--FOUNDERS-->", buildCards(founders), 1)
+	out = strings.Replace(out, "<!--MEMBERS-->", buildCards(members), 1)
+	out = strings.Replace(out, "<!--COUNT-->", fmt.Sprintf("%d members", len(founders)+len(members)), 1)
 	return []byte(out)
 }
 
@@ -84,7 +88,16 @@ func main() {
 		os.Exit(1)
 	}
 
-	page := renderIndex(webring)
+	var founders, members []WebringEntry
+	for _, e := range webring {
+		if founderNames[e.Name] {
+			founders = append(founders, e)
+		} else {
+			members = append(members, e)
+		}
+	}
+
+	page := renderIndex(founders, members)
 
 	http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
 		reqHost := r.Host