initial 1312 funktioniert ein bisschen

2025-12-13 12:21:44 +01:00
commit 59dd267659
29 changed files with 973 additions and 0 deletions
@@ -0,0 +1,110 @@
+html {
+  border: 1px solig gray;
+  font-family: "DejaVu Serif"; }
+
+div.entry {
+  border: 1px solid gray;
+  padding: 10px 15px;
+  margin: 0px; }
+  div.entry div.entrymeta {
+    display: flex;
+    justify-content: left;
+    align-items: center;
+    gap: 15px;
+    cursor: pointer; }
+    div.entry div.entrymeta span.time {
+      color: gray; }
+    div.entry div.entrymeta span.user {
+      text-decoration: underline; }
+    div.entry div.entrymeta img.userimage {
+      width: 80px; }
+  div.entry div.contents p {
+    margin: 8pt 0pt; }
+  div.entry img {
+    max-width: 100%; }
+  div.entry.comment {
+    border: none;
+    padding: 0px 15px;
+    margin: 0px;
+    display: flex;
+    gap: 5px; }
+    div.entry.comment .left {
+      width: 70px;
+      display: flex;
+      flex-direction: column; }
+      div.entry.comment .left .spacer {
+        background-color: black;
+        height: 100%;
+        width: 6%;
+        margin: 0px 47%; }
+
+form {
+  display: flex;
+  flex-direction: column;
+  width: 400px;
+  max-width: 100%; }
+  form textarea {
+    resize: vertical;
+    font-size: 1.0rem; }
+  form.create {
+    border: 1px solid gray;
+    padding: 10px 15px;
+    margin: 0px; }
+  form hr {
+    width: 100%; }
+
+input,
+textarea,
+button,
+select {
+  padding: 4pt 6pt;
+  margin: 3pt 0pt;
+  border: 2px solid black;
+  cursor: pointer;
+  box-shadow: 0px 0px; }
+  input:hover,
+  textarea:hover,
+  button:hover,
+  select:hover {
+    box-shadow: 1px 1px; }
+  input:focus,
+  textarea:focus,
+  button:focus,
+  select:focus {
+    box-shadow: 3px 3px black;
+    outline: none; }
+
+button {
+  background-color: #ffabcd; }
+
+#response div {
+  padding: 4pt 6pt; }
+
+#response .error {
+  color: red; }
+
+.loading {
+  background-color: #fffa;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  transition: background-color 5s;
+  transition-timing-function: ease-in; }
+
+.post {
+  border: 1px solid black;
+  padding: 15px 15px;
+  margin: 10px 0px; }
+  .post img {
+    max-width: 100%;
+    max-height: 800px; }
+  .post .meta {
+    color: gray; }
+  .post .content {
+    margin: 10px 0px; }