iwakuweb/views/guest.html
hexlocation pc ec0f0777c1 push codeee
2024-07-12 14:38:10 +02:00

69 lines
1.4 KiB
HTML

<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>