Updated to work with ringfairy 0.2

author: soaos <soaos@soaos.dev> 2025-08-16 14:59:19 -0400
committer: soaos <soaos@soaos.dev> 2025-08-16 14:59:19 -0400
commit: 68b6d1eb607af5fb3e51391f8f12f1a95b405d56 (patch)
tree: 5e5f8e59425dfc29ea0d1def4b6dc87cd99c7b96 /data
parent: 396458d0021e5d6e8574444b8c14348f9217b100 (diff)
5 files changed, 151 insertions, 18 deletions
diff --git a/data/assets/styles.css b/data/assets/styles.css
index f0e8ef5..4ff8fec 100644
--- a/data/assets/styles.css
+++ b/data/assets/styles.css
@@ -1,9 +1,9 @@
 body {
-    font-family: serif;
+    font-family: sans-serif;
 	line-height: 1.6;
-    background-color: #2D353B;
-    color: #D3C6AA;
-	max-width: 80rem;
+    background-color: #111;
+    color: #fff;
+	max-width: 80%;
 	margin: auto;
 }
 
@@ -11,16 +11,20 @@ h1 {
 	text-align: center;
 }
 
+h1,h2,h3,h4 {
+	font-family: Courier New, Courier, Consolas, monospace;
+}
+
 a {
-    color: #7FBBB3;
+    color: #f3c;
     text-decoration: none;
     background-color: transparent;
 }
 
 a:hover, a:focus {
     text-decoration: none; 
-    background-color: #7FBBB3;
-    color: #2D353B; 
+    background-color: #f3c;
+    color: #fff; 
 }
 
 table {	
@@ -35,16 +39,16 @@ tr {
 }
 
 tr:nth-child(odd) {
-        background-color: #343F44; /* Light gray for odd rows */
+        background-color: #222; /* Light gray for odd rows */
 }
 
 tr:hover {
-    background-color: #3D484D; /*  hover effect for table rows */
+    background-color: #444; /*  hover effect for table rows */
 }
 
 th, td {
     padding: 10px;
-    border: 2px solid #475258;
+    border: 2px solid #666;
 	text-align: left; 
 	white-space: nowrap;
 	overflow: hidden;
@@ -52,8 +56,10 @@ th, td {
 }
 
 th {
+    background-color: #444;
     text-align: center;
 	font-size: 1.1em;
+	font-family: Courier New, Courier, Consolas, monospace;
 }
 
 .container {
@@ -85,4 +91,46 @@ th {
         flex-direction: column; 
     }
 
-}
-\ No newline at end of file
+}
+:root {
+  --card-border: #446868;
+  --card-link-color: #88bebe;
+}
+.cards-container {
+		width: 90%;
+		margin-left: auto;
+		margin-right: auto;
+}
+.cards-container a {
+		color: var(--card-link-color);
+}
+.cards {
+		display: grid;
+		grid-gap: 0.5rem;
+		grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
+}
+.card {
+		border: 2px solid var(--card-border);
+		border-radius: 0.5rem;
+}
+.card-name {
+		background-color: var(--card-border);
+		font-size: 1.25rem;
+		padding: 0.25rem; 
+		border-radius: 0.25rem 0.25rem 0 0;
+		text-transform: lowercase;
+}
+.card-content {
+		padding: 0.5rem;
+}
+.card-link {
+		font-size: .95rem;
+		text-transform: lowercase;
+}
+.card-text {
+		font-size: 0.75rem;
+}
+.card-slug {
+		font-size: 0.75rem;
+}
+
diff --git a/data/templates/grid.html b/data/templates/grid.html
new file mode 100644
index 0000000..2c187b1
--- /dev/null
+++ b/data/templates/grid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>{{ ring_name }} List</title>
+	</head>
+	<body>
+		<div class="cards-container">
+		<h1>{{ ring_name }} List</h1>
+			<p>{{ ring_description }}</p>
+			<p>Add all sites with declared RSS feeds to your feed reader with this <a href ="{{ opml }}">OPML</a> link.</p>
+
+			{{ grid_of_sites | safe }}
+
+			<br>
+			<footer>
+				<p>Last updated: {{ current_time }} </p>
+				<p>Powered by <a href="https://github.com/k3rs3d/ringfairy">ringfairy</a>!</p>
+			</footer>
+		</div>
+  </body>
+</html>
diff --git a/data/templates/index.html b/data/templates/index.html
index 86f3b19..e7f6503 100644
--- a/data/templates/index.html
+++ b/data/templates/index.html
@@ -1,22 +1,55 @@
 <!DOCTYPE html>
 <html lang="en">
-  <link rel="stylesheet" href="./styles.css">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ ring_name }} List</title>
-    <meta property="og:url" content="https://evilr.ing"/>
-    <meta property="og:title" content="EVILRING"/>
-    <meta name="description" content="an evil webring for evil creatures">
-    <meta name="og:description" content="an evil webring for evil creatures">
   </head>
   <body>
     <h1>{{ ring_name }} List</h1>
 	<p>{{ ring_description }}</p>
-    <p>If you are evil email me your site at <a href="mailto:silas@soaos.dev">silas@soaos.dev</a>.</p>
     <p>Add all sites with declared RSS feeds to your feed reader with this <a href ="{{ opml }}">OPML</a> link.</p>
-    {{ table_of_sites | safe}}
+    
+  {% if sites %}
+  <table>
+    <thead>
+        <tr>
+            <th scope="col">Name</th>
+            <th scope="col">URL</th>
+            <th scope="col">About</th>
+            <th scope="col">Owner</th>
+        </tr>
+    </thead>
+    <tbody>
+    {% for site in sites %}
+        <tr>
+            <td>{{ site.website.slug }}</td>
+            <td>
+                <a href="{{ site.website.url }}" target="_blank">{{ site.website.url }}</a>
+                {% if site.website.rss %}
+                  <a href="{{ site.website.rss }}" target="_blank">[rss]</a>
+                {% endif %}
+                {% if site.website.atom %}
+                  <a href="{{ site.website.atom }}" target="_blank">[atom]</a>
+                {% endif %}
+            </td>
+            <td>{{ site.website.about | default(value="") }}</td>
+            <td>{{ site.website.owner | default(value="") }}</td>
+        </tr>
+    {% endfor %}
+    </tbody>
+  </table>
+  {% endif %}
 
+  {% if failed_sites %}
+  The following member sites were not included in this iteration of the webring:
+  <ul>
+    {% for site in failed_sites %}
+        <li>{{ site.website.url }}</li>
+    {% endfor %}
+  </ul>
+  {% endif %}
+  
 
 	<br>
 	<footer>
diff --git a/data/templates/random.html b/data/templates/random.html
new file mode 100644
index 0000000..b4a5816
--- /dev/null
+++ b/data/templates/random.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Redirecting...</title>
+	
+	<style>
+		body {
+		  background-color: #000;
+		  color: #fff;
+		}
+	</style>
+</head>
+
+<script>
+	var links = []
+	{% if sites %}
+		{% for site in sites %}
+			links.push("{{ site.website.url }}")
+		{% endfor %}
+	{% endif %}
+	window.location.replace(links[Math.floor(Math.random() * links.length)])
+</script>
+
+<body>
+    <p>A fairy is guiding you to a most suitable destination...</p>
+</body>
+
+</html>
diff --git a/data/templates/template.html b/data/templates/redirect.html
index 0ae260d..0ae260d 100644
--- a/data/templates/template.html
+++ b/data/templates/redirect.html
author	soaos <soaos@soaos.dev>	2025-08-16 14:59:19 -0400
committer	soaos <soaos@soaos.dev>	2025-08-16 14:59:19 -0400
commit	68b6d1eb607af5fb3e51391f8f12f1a95b405d56 (patch)
tree	5e5f8e59425dfc29ea0d1def4b6dc87cd99c7b96 /data
parent	396458d0021e5d6e8574444b8c14348f9217b100 (diff)