Initial test run of noter

This commit is contained in:
Siina Mashek 2024-02-17 17:33:32 +02:00
parent bc694dc04d
commit f2b4fdce1d
5 changed files with 129 additions and 1 deletions

3
.gitmodules vendored Normal file
View file

@ -0,0 +1,3 @@
[submodule "noter"]
path = noter
url = https://code.criminallycute.fi/siina/noter

View file

@ -1,3 +1,4 @@
# siina.monster
My personal website.
Writing notes is done via `./noter/writer.sh public` to ensure html ends up in `./public/`, which is a publicly served directory.

1
noter Submodule

@ -0,0 +1 @@
Subproject commit 5ec3c6130c3bcf27208873f12fb7311a464bf6ef

3
notes/2024-02-17.txt Normal file
View file

@ -0,0 +1,3 @@
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.

120
public/index.html Normal file
View file

@ -0,0 +1,120 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>1 notes | noter</title>
<meta property='og:title' content='siina.monster' />
<meta property='og:description' content='random thoughts and things, i think?' />
<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 17:33:10' />
<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 {
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: #ff7b00;
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>
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.</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 17:33:10</div>
</div>
</body>
</html>