again some contents and some style

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

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;
+}