add "my art" page for the start of the year

src/_includes/styles.css

@@ -336,6 +336,66 @@ footer {
   margin: 0;
 }
 
+.gallery {
+  width: 100%;
+  display: grid;
+  grid-template-columns: auto auto;
+  gap: var(--line-padding);
+  margin-top: 15px
+}
+
+.gallery>a {
+  line-height: 0;
+}
+
+.gallery>a>img {
+  box-sizing:border-box;
+  background-color: var(--accent-bg);
+  border: 2px solid var(--border);
+}
+
+.trans
+{
+	transition: all 0.25s ease;
+}
+
+.lightbox
+{
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	top: 0;
+	left: 0;
+	background-color: rgba(0,0,0,0.75);
+	z-index: 999;
+	opacity: 0;
+	pointer-events: none;
+}
+.lightbox img
+{
+	max-width: 90%;
+	max-height: 80%;
+	position: relative;
+	top: -100%;
+	/* Transition */
+	transition: all 0.5 ease;
+}
+.lightbox:target
+{
+	outline: none;
+	top: 0;
+	opacity: 1;
+	pointer-events: auto;
+	transition: all 0.2s ease;
+}
+.lightbox:target img
+{
+	top: 0;
+	top: 50%;
+	transform: translateY(-50%);
+}
+
 /* body > footer {
   margin-top: 4rem;
   padding: 2rem 1rem 1.5rem 1rem;