Update link design

src/static/css/main.css

@@ -12,7 +12,8 @@
 	--text-00: #ffffffde;
 
 	--bg-00: #000000;
-	--bg-01: #dedede;
+	--bg-01: #efefef;
+	--bg-02: #dedede;
 
 	--link: #0066ffde;
 
@@ -107,7 +108,7 @@ ul {list-style-type: "–"}
 ol {list-style-type: decimal-leading-zero}
 li {padding-left: calc(var(--gap) / 2)}
 
-.img-block {
+.block {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	grid-gap: .2rem;
@@ -118,6 +119,29 @@ li {padding-left: calc(var(--gap) / 2)}
 	aspect-ratio: 1;
 	object-fit: cover;
 }
+.link-block > a {
+	background: var(--bg-01);
+	color: inherit;
+	padding: var(--gap);
+	aspect-ratio: 1;
+	display: grid;
+	grid-template-columns: 1fr;
+	grid-template-rows: 1fr auto;
+}
+.link-block > a:hover {
+	background: var(--bg-02);
+}
+.link-block > a > img {
+	width: 50%;
+}
+.link-block > a > span {
+	grid-row: 2;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.link-block > a > span > em {
+	font-weight: 550;
+}
 
 footer {
 	background: var(--bg-01);