Added Content Notice

static/css/main.css

@@ -20,6 +20,9 @@ h1 {
   background-color: white;
   display: inline-block; }
 
+p {
+  line-height: 1.5; }
+
 span {
   background-color: white; }
 
@@ -36,6 +39,24 @@ hr {
   border-bottom: none;
   margin: 0px; }
 
+#contentnotice {
+  background-color: white;
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10pt; }
+  #contentnotice h1, #contentnotice h3 {
+    margin: 6pt; }
+  #contentnotice div {
+    width: 100%;
+    max-width: 500px; }
+
 .entry .meta {
   color: gray;
   margin: 2pt 4pt;
@@ -48,6 +69,10 @@ hr {
 .entry img {
   max-width: 100%; }
 
+.entry .interactions {
+  display: flex;
+  justify-content: space-around; }
+
 #loading {
   background-color: #fff9;
   position: absolute;

static/css/main.scss

@@ -30,6 +30,10 @@ h1 {
     display: inline-block;
 }
 
+p {
+    line-height: 1.5;
+}
+
 span {
     background-color: white;
 }
@@ -49,6 +53,29 @@ hr {
     margin: 0px;
 }
 
+#contentnotice {
+    background-color: white;
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 10pt;
+
+    h1, h3 {
+        margin: 6pt;
+    }
+
+    div {
+        width: 100%;
+        max-width: 500px;
+    }
+}
+
 .entry {
     .meta {
         color: gray;
@@ -64,6 +91,11 @@ hr {
     img {
         max-width: 100%;
     }
+
+    .interactions {
+        display: flex;
+        justify-content: space-around;
+    }
 }
 
 #loading {