add config links if available

site/default.nix

@@ -36,6 +36,7 @@ in mkNteDerivation {
   extraFiles = [
     { source = "./index.css"; destination = "/"; }
     { source = "./nix-webring.svg"; destination = "/"; }
+    { source = "./nix.svg"; destination = "/"; }
     { source = "${jetbrains-mono}/share/fonts/truetype/JetBrainsMono-Regular.ttf"; destination = "/"; }
     {
         source = writeText "webring.json" (builtins.toJSON webringMembers);

site/index.css

@@ -21,6 +21,11 @@ body {
     margin: 1em auto 1em;
 }
 
+p {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+
 a:link {
     color: #7EB6E1;
 }
@@ -41,10 +46,16 @@ pre:has(code) code {
 
 ul {
     list-style-position: inside;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
 }
 
 li {
-    margin-left: 2em;
+    margin-left: 1.5em;
+}
+
+li:not(:last-child) {
+    margin-bottom: 0.5em;
 }
 
 #logo-and-name-and-shit {
@@ -52,3 +63,14 @@ li {
     flex-direction: column;
     align-items: center;
 }
+
+.webring-member {
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.config-image {
+    margin-left: 0.25em;
+    max-height: 1.25em;
+}

site/index.nix

@@ -3,7 +3,13 @@
   pkgs,
   webringMembers,
   ...
-}: {
+}: let
+  inherit (pkgs) lib;
+
+  inherit (lib.attrsets) hasAttr;
+  inherit (lib.lists) map;
+  inherit (lib.strings) concatStrings optionalString;
+in {
   template = "passthrough";
   format = "html";
 
@@ -29,9 +35,16 @@
 
         ${h2 "webring members"}
         <ul>
-          ${pkgs.lib.concatStrings (map (member: /*html*/''
+          ${concatStrings (map (member: let
+            hasConfig = hasAttr "config" member;
+          in /*html*/''
             <li>
-              <a href="https://${member.domain}">${member.name}</a>
+              <div class="webring-member">
+                <a href="https://${member.domain}">${member.name}</a>
+                ${optionalString hasConfig /*html*/''
+                  <a href="https://${member.config}"><img class="config-image" src="/nix.svg" alt="their nixos config"></a>
+                ''}
+              </div>
             </li>
           '') webringMembers)}
         </ul>
@@ -55,10 +68,10 @@
           and make a PR to one of <a href="https://codeberg.org/jacekpoz/nixwebr.ing">the</a> <a href="https://github.com/jacekpoz/nixwebr.ing">repos</a> adding yourself to the <code>webring.nix</code> file:
           <br>
           <pre><code>
-            { name = "name"; domain = "mysite.tld"; }
+     { name = "name"; domain = "mysite.tld"; config = "gitforge.tld/name/nixos"; }
           </code></pre>
           <br>
-          feel free to also link your nixos configuration in the PR!
+          linking your nixos config is entirely optional! (you'll be way cooler though)
         </p>
 
         ${h2 "support"}

site/nix.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="535" height="535" viewBox="0 0 501.56251 501.56249" id="svg2" version="1.1" inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)" sodipodi:docname="nix-snowflake-colours.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs id="defs4">
+    <linearGradient inkscape:collect="always" id="linearGradient5562">
+      <stop style="stop-color:#699ad7;stop-opacity:1" offset="0" id="stop5564"/>
+      <stop id="stop5566" offset="0.24345198" style="stop-color:#7eb1dd;stop-opacity:1"/>
+      <stop style="stop-color:#7ebae4;stop-opacity:1" offset="1" id="stop5568"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" id="linearGradient5053">
+      <stop style="stop-color:#415e9a;stop-opacity:1" offset="0" id="stop5055"/>
+      <stop id="stop5057" offset="0.23168644" style="stop-color:#4a6baf;stop-opacity:1"/>
+      <stop style="stop-color:#5277c3;stop-opacity:1" offset="1" id="stop5059"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient5562" id="linearGradient4328" gradientUnits="userSpaceOnUse" gradientTransform="translate(70.650339,-1055.1511)" x1="200.59668" y1="351.41116" x2="290.08701" y2="506.18814"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient5053" id="linearGradient4330" gradientUnits="userSpaceOnUse" gradientTransform="translate(864.69589,-1491.3405)" x1="-584.19934" y1="782.33563" x2="-496.29703" y2="937.71399"/>
+  </defs>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.70904368" inkscape:cx="99.429699" inkscape:cy="195.33352" inkscape:document-units="px" inkscape:current-layer="layer3" showgrid="false" inkscape:window-width="1920" inkscape:window-height="1050" inkscape:window-x="1920" inkscape:window-y="30" inkscape:window-maximized="1" inkscape:snap-global="true" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:showpageshadow="2" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1"/>
+  <metadata id="metadata7">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g inkscape:groupmode="layer" id="layer3" inkscape:label="gradient-logo" style="display:inline;opacity:1" transform="translate(-156.41121,933.30685)">
+    <g id="g2" transform="matrix(0.99994059,0,0,0.99994059,-0.06321798,33.188377)" style="stroke-width:1.00006">
+      <path sodipodi:nodetypes="cccccccccc" inkscape:connector-curvature="0" id="path3336-6" d="m 309.54892,-710.38827 122.19683,211.67512 -56.15706,0.5268 -32.6236,-56.8692 -32.85645,56.5653 -27.90237,-0.011 -14.29086,-24.6896 46.81047,-80.4901 -33.22946,-57.8257 z" style="opacity:1;fill:url(#linearGradient4328);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.00018;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"/>
+      <use height="100%" width="100%" transform="rotate(60,407.11155,-715.78724)" id="use3439-6" inkscape:transform-center-y="151.59082" inkscape:transform-center-x="124.43045" xlink:href="#path3336-6" y="0" x="0" style="stroke-width:1.00006"/>
+      <use height="100%" width="100%" transform="rotate(-60,407.31177,-715.70016)" id="use3445-0" inkscape:transform-center-y="75.573958" inkscape:transform-center-x="-168.20651" xlink:href="#path3336-6" y="0" x="0" style="stroke-width:1.00006"/>
+      <use height="100%" width="100%" transform="rotate(180,407.41868,-715.7565)" id="use3449-5" inkscape:transform-center-y="-139.94592" inkscape:transform-center-x="59.669705" xlink:href="#path3336-6" y="0" x="0" style="stroke-width:1.00006"/>
+      <path style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:url(#linearGradient4330);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.00018;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="m 309.54892,-710.38827 122.19683,211.67512 -56.15706,0.5268 -32.6236,-56.8692 -32.85645,56.5653 -27.90237,-0.011 -14.29086,-24.6896 46.81047,-80.4901 -33.22946,-57.8256 z" id="path4260-0" inkscape:connector-curvature="0" sodipodi:nodetypes="cccccccccc"/>
+      <use height="100%" width="100%" transform="rotate(120,407.33916,-716.08356)" id="use4354-5" xlink:href="#path4260-0" y="0" x="0" style="display:inline;stroke-width:1.00006"/>
+      <use height="100%" width="100%" transform="rotate(-120,407.28823,-715.86995)" id="use4362-2" xlink:href="#path4260-0" y="0" x="0" style="display:inline;stroke-width:1.00006"/>
+    </g>
+  </g>
+</svg>