Initial tags support (#11)

static/css/base.css

@@ -8,6 +8,10 @@ a > h2 {
   color: white;
 }
 
+h2, p {
+  margin: 0;
+}
+
 body {
   background-color: #212121;
   color: white;
@@ -33,6 +37,49 @@ main {
   margin: 0 24vw;
 }
 
+.posts {
+  margin-top: 1em;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  grid-auto-rows: 1fr;
+  gap: 1rem;
+}
+
+.post {
+  border-radius: 12px;
+  background-color: #3b3b3b;
+  font-weight: 400;
+}
+
+img,
+video:not(:fullscreen) {
+  object-fit: cover;
+  aspect-ratio: 1;
+}
+
+.post__title {
+  margin: 0 6px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.post__meta {
+  padding: 6px;
+  display: flex;
+  gap: 10px;
+}
+
+.post__meta .material-icons-outlined {
+  font-size: 1rem;
+}
+
+.pageSelector {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 1em;
+}
+
 footer {
   display: flex;
   justify-content: center;

static/css/tag.css

@@ -0,0 +1,27 @@
+main {
+  margin: 0 12vw;
+}
+
+.tagMeta {
+  padding: 2em;
+  border-radius: 12px;
+}
+
+.tagMeta__info {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  text-align: center;
+  justify-content: center;
+  align-items: center;
+}
+
+.tagMeta__sort {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.tagMeta__sort a {
+  font-weight: 400;
+}

static/css/user.css

@@ -2,12 +2,8 @@ main {
   margin: 0 12vw;
 }
 
-h2, p {
-  margin: 0;
-}
-
 .userMeta {
-  padding: 2vw;
+  padding: 2em;
   border-radius: 12px;
 }
 
@@ -23,47 +19,4 @@ h2, p {
 
 .pfp {
   border-radius: 100%;
-}
-
-.posts {
-  margin-top: 1em;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  grid-auto-rows: 1fr;
-  gap: 1rem;
-}
-
-.post {
-  border-radius: 12px;
-  background-color: #3b3b3b;
-  font-weight: 400;
-}
-
-img,
-video:not(:fullscreen) {
-  object-fit: cover;
-  aspect-ratio: 1;
-}
-
-.post__title {
-  margin: 0 6px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.post__meta {
-  padding: 6px;
-  display: flex;
-  gap: 10px;
-}
-
-.post__meta .material-icons-outlined {
-  font-size: 1rem;
-}
-
-.pageSelector {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 1em;
 }