143 lines
3.7 KiB
HTML
143 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<title>1 notes | siina.monster</title>
|
|
<meta property='og:title' content='siina.monster' />
|
|
<meta property='og:description' content='thoughts and notes and stuff' />
|
|
<meta property='og:type' content='blog' />
|
|
<meta property='og:generator' content='noter' />
|
|
<!-- those who seek, shall see - but thy shall be prepared... -->
|
|
<link rel='icon' type='image/png' href=''>
|
|
<link rel='alternate' type='application/atom+xml' title=rss href='/feed.xml' />
|
|
<meta name='last-generated' content='2024-02-17 18:35:03' />
|
|
<style>
|
|
/* font by https://www.1001fonts.com/users/junkohanhero/ */
|
|
@font-face { font-family: header; src: url(scratch_x_black.ttf); }
|
|
body {
|
|
background-color: #0f0f0f;
|
|
color: #fff;
|
|
font-family: 'Arial Rounded MT', sans-serif;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
margin: 0;
|
|
/* font legibility optimizations */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
.container {
|
|
max-width: 800px;
|
|
padding: 20px;
|
|
border-radius: 15px;
|
|
}
|
|
.note {
|
|
background-color: #181717;
|
|
padding: 10px;
|
|
margin-bottom: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
h1 {
|
|
text-align: center;
|
|
font-family: "header", sans-serif;
|
|
}
|
|
h3 {
|
|
color: #fff;
|
|
}
|
|
img {
|
|
border-radius: 5px;
|
|
}
|
|
note {
|
|
color: #fff;
|
|
white-space: pre-wrap;
|
|
}
|
|
code {
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
color: #00ff62b5;
|
|
font-family: "Lucida Console", "Courier New", monospace;
|
|
white-space: pre-wrap;
|
|
}
|
|
.back-to-top {
|
|
text-align: right;
|
|
margin-top: 20px;
|
|
}
|
|
.last-updated {
|
|
text-align: right;
|
|
margin-bottom: 20px;
|
|
color: #888;
|
|
font-size: 13px;
|
|
}
|
|
a:link, a:visited, a:hover, a:active {
|
|
color: #B2A4D4;
|
|
font-style: normal;
|
|
text-decoration: underline;
|
|
}
|
|
/* le tableee */
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border: 1px solid #fff;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
}
|
|
|
|
th, td {
|
|
padding: 10px 15px;
|
|
border: 1px solid #fff;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
th {
|
|
background: #1f1f1f;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td {
|
|
background: #0b0b0b;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class='container'>
|
|
<h1>siina.monster</h1><br>
|
|
<center><a rel='me' href='https://social.criminallycute.fi/@siina'>fedi</a> | <a href=feed.xml>rss</a> | <a href=https://criminallycute.fi/>criminally cute</a></center>
|
|
<center><div class='top-bar'><a href='#2024-02-17'>2024</a></div></center><br>
|
|
<a name='2024-02-17'></a>
|
|
<div class='note'>
|
|
<h4><a href='#2024-02-17'>February 17, 2024</a></h4>
|
|
<p>This is the first thing written by using a modified version of <a
|
|
href="https://k0.tel/">koutsie</a>'s <a
|
|
href="https://code.criminallycute.fi/siina/noter">noter</a> script.</p>
|
|
|
|
<p>So far I really like it, though there's a lot more to be done to it before I
|
|
am happy with how editable the html and things are. It's been a great
|
|
launching point for me and I appreciate the inspiration that it has given
|
|
me.</p>
|
|
|
|
<p>I just keep forgetting I have to add in paragraph tags and the like... too
|
|
used to hugo doing all the work for me. :')</p>
|
|
|
|
<p>Over the next few days I hope to get even more stuff done with it! I
|
|
already have ideas of writing a script that'll append stuff to this so I can
|
|
take small notes throughout the day. Something like
|
|
<code>
|
|
$ noter "I think I did the thing today, yay!"
|
|
</code>
|
|
appending
|
|
<code>
|
|
<p>I think I did the thing today, yay!</p>
|
|
</code>
|
|
to the txt file and running make to update and publish the text.</p>
|
|
<p>🤔</p></br>
|
|
</div>
|
|
<div class='generated-with'>generated with <a href='https://code.criminallycute.fi/siina/noter'>noter</a></div>
|
|
<div class='back-to-top'><a href='#'>Back to Top</a></div>
|
|
<div class='last-updated'>last Updated: 2024-02-17 18:35:03</div>
|
|
</div>
|
|
</body>
|
|
</html>
|