From 398d22c92081c8c7b7728b1245f3c583350b6785 Mon Sep 17 00:00:00 2001
From: yahiko <yahiko012000@gmail.com>
Date: Wed, 29 Jan 2025 23:05:37 +0100
Subject: [PATCH] Webring added : webring.html and CSS properties to go with it

---
 simple-erreur503/static/css/main.css    | 77 ++++++++++++++++++++++++-
 simple-erreur503/templates/header.html  | 11 ++--
 simple-erreur503/templates/webring.html | 30 ++++++++++
 3 files changed, 111 insertions(+), 7 deletions(-)
 create mode 100644 simple-erreur503/templates/webring.html

diff --git a/simple-erreur503/static/css/main.css b/simple-erreur503/static/css/main.css
index 868d787..069c127 100644
--- a/simple-erreur503/static/css/main.css
+++ b/simple-erreur503/static/css/main.css
@@ -21,7 +21,7 @@
 	:root {
 		--bg-color: #eff2f8;
 		--bg-main-color: #ffffff;
-		--bg-article-color: white;
+		--bg-article-color: #eff2f8;
 		--txt-color: #333333;
 		--txt-hover: #747474;
 		--bg-quote-color: #eff2f8;
@@ -581,4 +581,77 @@ figcaption {
 			order: 99;
 			display: block;
 		}
-	}
\ No newline at end of file
+	}
+
+/* Webring stuff */
+.webring {
+	position: relative;
+	background-color: var(--bg-quote-color);
+	padding: 1em 4em 1em 4em;
+	max-width: 98%;
+	margin: 0 auto;
+	line-height: 1em;
+}
+
+/* .webring::before {
+	position: absolute;
+	top: 15px;
+	left: 10px;
+	content: "⤿";
+	font-style: normal;
+	color: var(--croisillon-color);
+	font-size: 30px;
+}
+
+.webring::after {
+	position: absolute;
+	bottom: 15px;
+	right: 10px;
+	content: "⤾";
+	font-style: normal;
+	color: var(--croisillon-color);
+	font-size: 30px;
+}
+ */
+.webring-article {
+	background-color: var(--bg-article-color);
+	padding: 1em 1em 1em 1em;
+	/* border-radius: 0 25px 0 0; */
+}
+
+/* .webring-article:hover {
+	background-color: var(--bg-quote-color);
+}  */
+
+.webring-article:not(:last-child) {
+	/* border-bottom: thin double lightgray; */
+	margin-bottom: 1em;
+}
+
+.webring-title {
+	margin-bottom: 5px !important;
+	padding-bottom: 0px !important;
+}
+
+.webring-title::before {
+	content: "🢡";
+	color: var(--croisillon-color);
+	letter-spacing: 5px;
+}
+
+.webring-detail {
+	margin-top: 5px !important;
+	padding-top: 0px !important;
+	margin-left: 2em;
+	font-size: large;
+}
+
+.webring-detail::before {
+	content: "⤿";
+	color: var(--croisillon-color);
+	letter-spacing: 5px;
+}
+
+.webring-summary {
+	margin-left: 2em;
+}
\ No newline at end of file
diff --git a/simple-erreur503/templates/header.html b/simple-erreur503/templates/header.html
index 9b0ba3d..196c67d 100644
--- a/simple-erreur503/templates/header.html
+++ b/simple-erreur503/templates/header.html
@@ -19,11 +19,12 @@
 				{% endif %}
 			</ul>
 			<div>
-				<ul>
-					<li><a href="{{ SITEURL }}/categories.html">CATÉGORIES</a></li>
-					<li><a href="{{ SITEURL }}/archives.html">ARCHIVES</a></li>
-					<li><a href="{{ SITEURL }}/pages/a-propos.html">À PROPOS</a></li>
-					<li><a href="{{ SITEURL }}/feeds/all.rss.xml">RSS</a></li>
+				<ul class="caps">
+					<li><a href="{{ SITEURL }}/categories.html" alt="Catégories">CATÉGORIES</a></li>
+					<li><a href="{{ SITEURL }}/archives.html" alt="Archives">ARCHIVES</a></li>
+					<li><a href="{{ SITEURL }}/pages/a-propos.html" alt="À propos">À PROPOS</a></li>
+					<li><a href="{{ SITEURL }}/ailleurs.html" alt="Ailleurs">AILLEURS</a></li>
+					<li><a href="{{ SITEURL }}/feeds/all.rss.xml" alt="RSS">RSS</a></li>
 				</ul>
 			</div>
 		</nav>
diff --git a/simple-erreur503/templates/webring.html b/simple-erreur503/templates/webring.html
new file mode 100644
index 0000000..a0fb858
--- /dev/null
+++ b/simple-erreur503/templates/webring.html
@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+
+{% block title %}Ailleurs{% endblock title %}
+
+{% block content %}
+
+    <h1>Ailleurs</h1>
+
+    <p>Une fine sélection d'articles issus des sites et blogs de copaines des internets multimédia fédérés 2.0, via leurs flux RSS / Atom.</p>
+
+    <p>N'hésitez pas à aller fureter sur leur sites !</p>
+    
+    <!-- NOW is generated in pelicanconf.py : NOW = datetime.now() -->
+    <p><i>Page générée le {{ NOW|strftime('%A %-d %B %Y') }} à {{ NOW|strftime('%H:%M')}}, grâce à l'extension Pelican <a href="https://github.com/pelican-plugins/webring" alt="Pelican webring">webring</a>.</i></p>
+
+    {% if WEBRING_FEED_URLS %}
+        <div>
+            {% for article in webring_articles %}
+                <div class="webring-article">
+                    <h2 class="no-before webring-title">
+                        <a href="{{ article.link }}" alt="">{{ article.title|truncate(50,true,'…') }}</a>
+                    </h2>
+                    <p class="webring-detail">Chez <a href="{{ article.source_link }}" alt="{{ article.source_title|truncate(30,true,'…') }}">{{ article.source_title|truncate(30,true,'…') }}</a>, le {{ article.date|strftime('%A %-d %B %Y') }}</p>
+                    <p class="webring-summary">{{ article.summary }}</p>
+                </div>
+            {% endfor %}
+        </div>
+    {% endif %}
+        
+{% endblock %}
-- 
GitLab