diff --git a/aggreg.py b/aggreg.py
index 64af61b32d253ea270a987a34fbe0d0b0aefe52a..1c4ea0a8e5c05516e83ec5691a1acf35d52a515d 100644
--- a/aggreg.py
+++ b/aggreg.py
@@ -35,20 +35,21 @@ def fusion_flux(liste_url: list[str], liste_flux: list[dict[str, any] | None],
def genere_html(liste_evenements: list[dict[str, str]],
chemin_html: str) -> None:
- output = "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><title>Events log</title><link rel=\"stylesheet\" href=\"css/feed.css\" type=\"text/css\"/></head><body><article><header><h1>Events log</h1></header>"
- output += f"<p>{time.asctime()}</p>"
+ output = "<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><title>Events log</title><link rel=\"stylesheet\" href=\"css/feed.css\" type=\"text/css\"/></head><body><article><header><h1 class=\"maintitle\">Events log</h1></header>"
+ output += f"<p class=\"currenttime\">{time.asctime()}</p>"
+ output += f"<div class=\"container\">"
for evenement in liste_evenements:
- output += "<article><header>"
+ output += f"<article class=\"event {evenement['categorie'].lower()}\"><header>"
output += f"<h2>{evenement['titre']}</h2>"
+ output += f"<p class=\"server\">from: {evenement['serveur']}</p>"
output += "</header>"
- output += f"<p>from: {evenement['serveur']}</p>"
output += f"<p>{evenement['date_publi']}</p>"
output += f"<p>{evenement['categorie']}</p>"
- output += f"<p>{evenement['guid']}</p>"
- output += f"<p><a href=\"{evenement['lien']}\">{evenement['lien']}</a></p>"
+ output += f"<p class=\"guid\">{evenement['guid']}</p>"
+ output += f"<p><a href=\"eventlink\"{evenement['lien']}\">{evenement['lien']}</a></p>"
output += f"<p>{evenement['description']}</p>"
output += "</article>"
- output += "</article></body></html>"
+ output += "</div></article></body></html>"
with open(chemin_html, "w") as outputfile:
outputfile.write(output)
diff --git a/css/feed.css b/css/feed.css
new file mode 100644
index 0000000000000000000000000000000000000000..2ccb650061222e9555ccae97f5fa985e314748c7
--- /dev/null
+++ b/css/feed.css
@@ -0,0 +1,63 @@
+* {
+ font-family: sans-serif;
+}
+
+.maintitle {
+ margin-bottom: 0;
+}
+
+.currenttime {
+ margin-top: 0;
+}
+
+article.event {
+ padding: 10px;
+ margin-bottom: 10px;
+ border-style: solid;
+ border-width: medium;
+}
+
+article.critical {
+ border-color: red;
+}
+
+article.major {
+ border-color: orange;
+}
+
+article.minor {
+ border-color: green;
+}
+
+.guid {
+ color: grey;
+ font-style: italic;
+}
+
+.server {
+ font-weight: bold;
+}
+
+/* "what are you, bootstrap ?"
+ -- a friend */
+.container {
+ margin-right: auto;
+ margin-left: auto;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+@media (min-width: 768px) {
+ .container {
+ width: 750px;
+ }
+}
+@media (min-width: 992px) {
+ .container {
+ width: 970px;
+ }
+}
+@media (min-width: 1200px) {
+ .container {
+ width: 1170px;
+ }
+}