push codeee

views/guest.html

@@ -0,0 +1,69 @@
+<div id="page-container">
+  <div id="header-container">
+    <h1 id="title">iwakura.rip</h1>
+  </div>
+  <div id="entries-container">
+    <div class="guest-entry">
+      <div class="entry-header">
+        <bu class="entry-title">hexlocation</bu>
+        <bu class="entry-date">12 Jun.</bu>
+      </div>
+      <div class="entry-body">
+        <p>Hello nerds!</p>
+      </div>
+    </div>
+  </div>
+</div>
+<style>
+:root {
+  --term-color: #4AF626;
+  --title-gap: 0px;
+}
+@font-face {
+  font-family: "Hack Nerd Font";
+  src: url(../resources/ttf/HNF-Reg.ttf);
+}
+#title {
+    background: url("../resources/img/lain.png");
+    background-position: -200px 1125px;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    font-size: 35px;
+    font-weight: bold;
+    text-align: center;
+    margin-bottom: calc(var(--title-gap) + 10px);
+    margin-top: var(--title-gap);
+    font-family: var(--title-font);
+}
+#entries-container {
+  align-items: center;
+  gap: 10px;
+  display: flex;
+  flex-direction: column;
+}
+#page-container {
+  font-family: "Hack Nerd Font";
+  color: var(--term-color);
+}
+.guest-entry {
+  width: 50%;
+  padding: 5px;
+  border: 1px var(--term-color) solid;
+}
+.entry-header {
+  display: flex;
+  justify-content: space-between;
+}
+.entry-body {
+  font-size: 14px;
+  overflow: auto;
+  word-wrap: break-word;
+}
+bu {
+  font-weight: bold;
+  text-decoration: underline;
+}
+body {
+  background-color: black;
+}
+</style>