From 68b6d1eb607af5fb3e51391f8f12f1a95b405d56 Mon Sep 17 00:00:00 2001 From: soaos Date: Sat, 16 Aug 2025 14:59:19 -0400 Subject: Updated to work with ringfairy 0.2 --- data/assets/styles.css | 70 +++++++++++++++++++++++++++++++++++++------- data/templates/grid.html | 23 +++++++++++++++ data/templates/index.html | 47 ++++++++++++++++++++++++----- data/templates/random.html | 29 ++++++++++++++++++ data/templates/redirect.html | 18 ++++++++++++ data/templates/template.html | 18 ------------ 6 files changed, 169 insertions(+), 36 deletions(-) create mode 100644 data/templates/grid.html create mode 100644 data/templates/random.html create mode 100644 data/templates/redirect.html delete mode 100644 data/templates/template.html (limited to 'data') 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 @@ + + + + + + {{ ring_name }} List + + +

{{ ring_name }} List

Add all sites with declared RSS feeds to your feed reader with this OPML link.

+ + {{ grid_of_sites | safe }} + +
+ +

+ + 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 @@ - {{ ring_name }} List - - - -

{{ ring_name }} List

If you are evil email me your site at silas@soaos.dev.

Add all sites with declared RSS feeds to your feed reader with this OPML link.

- {{ table_of_sites | safe}} + + {% if sites %} + + + + + + + + + + + {% for site in sites %} + + + + + + + {% endfor %} + +

Name	URL	About	Owner
{{ site.website.slug }}	+ {{ site.website.url }} + {% if site.website.rss %} + [rss] + {% endif %} + {% if site.website.atom %} + [atom] + {% endif %} +	{{ site.website.about \| default(value="") }}	{{ site.website.owner \| default(value="") }}

+ {% endif %} + {% if failed_sites %} + The following member sites were not included in this iteration of the webring: +

{{ site.website.url }}

+ {% endif %} +