From f2ddf46019107c456b4cc927ca0debb8b0c5dcbd Mon Sep 17 00:00:00 2001
From: lzzfnc <luzzanafrancesco@gmail.com>
Date: Fri, 29 Oct 2021 15:35:47 +0200
Subject: [PATCH] again some contents and some style

---
 contents.js |  4 ++++
 style.css   | 36 ++++++++++++++++++++++++++++++++++--
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/contents.js b/contents.js
index f3f1b12..f2833b3 100644
--- a/contents.js
+++ b/contents.js
@@ -122,6 +122,10 @@ function createTitleLink(row) {
 	// Create a link element
 	let link = document.createElement("a");
 	link.setAttribute("target", "_blank");
+
+	// TODO: stretched link for making all the row clickabe?
+	link.classList.add("stretched-link");
+
 	// Use the link as href
 	link.href = url;
 	// Use the title as text
diff --git a/style.css b/style.css
index d90ff2b..30b5dc9 100644
--- a/style.css
+++ b/style.css
@@ -14,6 +14,20 @@ h1 {
 	text-align: center;
 }
 
+a {
+	color: currentColor;
+}
+
+a.stretched-link::after {
+	content: "";
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 100;
+}
+
 /* FILTERS */
 
 .tag {
@@ -40,8 +54,8 @@ h1 {
 	background: none;
 }
 
-.tag:focus,
-.tag:hover {
+.filters .tag:focus,
+.filters .tag:hover {
 	transform: translateY(-4px);
 	transition: transform 0.2s ease-out;
 }
@@ -58,6 +72,7 @@ table {
 
 tr {
 	display: none;
+	position: relative;
 }
 
 tr:nth-child(even) {
@@ -68,6 +83,10 @@ tr.active {
 	display: table-row;
 }
 
+tr:hover {
+	background-color: rgb(250, 232, 217);
+}
+
 tr .tag {
 	cursor: default;
 }
@@ -76,3 +95,16 @@ tr.header {
 	display: table-row;
 	text-align: left;
 }
+
+.categories {
+	width: 20%;
+}
+
+.overview {
+	font-style: italic;
+	width: 40%;
+}
+
+.date {
+	width: 14ch;
+}