support for comments on pages

1 files changed, 55 insertions, 4 deletions

diff --git a/static/styles.css b/static/styles.css
index 77e1caa..f8049bc 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -211,10 +211,10 @@ html::after {
   /* background-size: 100% 3px; */
   background: repeating-linear-gradient(
     0deg,
-    rgba(0, 0, 0, 0.3) 1px,
-    rgba(0, 0, 0, 0.0) 4px,
+    rgba(0, 0, 0, 0.2),
+    rgba(0, 0, 0, 0.2) 2px,
     transparent,
-    transparent 4px
+    transparent 2px
   );
   z-index: 99;
   pointer-events: none;
@@ -402,7 +402,7 @@ header > h2 {
   text-shadow: none;
 }
 
-pre {
+[role=code] {
  counter-reset: line;
  display: block;
  border: 1px solid;
@@ -453,3 +453,54 @@ input[type=file]::-webkit-file-upload-button {
   background-color: var(--primary-fg);
   color: var(--primary-bg);
 }
+
+.post {
+  border-left: 1px solid;
+  margin-bottom: 15px;
+}
+
+.post-metadata {
+  background-color: var(--primary-fg);
+  color: var(--primary-bg);
+  padding-left: 10px;
+}
+
+.post-metadata a {
+  color: var(--primary-bg);
+}
+
+.post-metadata > p,
+.post-metadata > a {
+  display: inline-block;
+}
+
+.post-email::before {
+  content: "<";
+}
+
+.post-email::after {
+  content: ">";
+}
+
+.post-metadata *::selection {
+  background: var(--primary-bg);
+  color: var(--primary-fg);
+}
+
+.post-metadata *::-moz-selection {
+  background: var(--primary-bg);
+  color: var(--primary-fg);
+}
+
+.post > *:not(:first-child) {
+  margin-left: 10px;
+}
+
+.post-name {
+  margin: 0;
+}
+
+.post img {
+  max-width: 100%;
+  max-height: 300px;
+}