Initial users support

static/css/user.css

@@ -0,0 +1,63 @@
+main {
+  margin: 0 12vw;
+}
+
+h2, p {
+  margin: 0;
+}
+
+.userMeta {
+  padding: 2vw;
+  border-radius: 8px;
+}
+
+.userMeta__upper {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.userMeta__upper__bio {
+  margin-top: 1em;
+}
+
+.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: 8px;
+  background-color: #3f3f3f;
+  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;
+}