Initial commit

This commit is contained in:
satori 2025-10-25 06:12:10 +00:00
commit 3930ce1268
12 changed files with 505 additions and 0 deletions

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
_site/*
.jekyll-cache/*

52
404.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>404 • tilde.club</title>
<link rel="stylesheet" href="https://tilde.club/style.css">
<style>
pre {text-align:center; line-height:1.2; margin-top:2rem;}
.links{text-align:center; margin:2rem 0;}
</style>
</head>
<body>
<pre>
~~~ _ _ ___ _ _ ~~~
~~~ | || | / _ \ | || | ~~~
~~~ | || |_ | | | | | || |_ ~~~
~~~ |__ _| | | | | |__ _|~~~
~~~ | | | |_| | | | ~~~
~~~ |_| \___/ |_| ~~~
</pre>
<h2 style="text-align:center;">file not found</h2>
<p style="text-align:center;">
Looks like this tilde is empty.<br>
<a href="/">return home</a>
<a href="http://tilde.club/~harper/link.html?action=random">random tilde</a>
</p>
<div class="links">
<p>
Need a hand? Read the
<a href="https://tilde.club/~anthonydpaul/primer.html">n00bs primer</a>,
then <code>ssh</code>in and craft your own page!
</p>
</div>
<!-- Tildeverse Banner Exchange -->
<div style="text-align:center;">
<iframe src="https://banner.tildeverse.org/work.php?ID=deepend"
width="468" height="60" frameborder="0" scrolling="no"></iframe>
</div>
<!-- Tilde Club Badge -->
<div style="text-align:center; margin-top:1.5rem;">
<a href="http://tilde.club">
<img src="http://tilde.club/~zarate/tildeclub.gif"
alt="Tilde Club Badge" width="88" height="31" border="0">
</a>
</div>
</body>
</html>

1
_config.yml Normal file
View File

@ -0,0 +1 @@
exclude: [post.sh]

23
_layouts/default.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ page.title }}</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" href="css/style.css">
</head>
<header>
<a href="https://tilde.club/~satori">
<img id="banner" src="images/banner.webp" style="width: 45%" title="Art by voyagehermitage">
</a>
</header>
<body>
<nav>
<a href="devlog.html">Devlog</a>
<a href="talkbox.html">Talkbox</a>
<a href="contact.html">Contact</a>
</nav>
{{ content }}
</body>
</html>

7
contact.html Normal file
View File

@ -0,0 +1,7 @@
---
layout: default
title: ~satori contact
---
<h3>You can contact me through the usual Tilde methods below.</h3>
<p>Email: satori@tilde.club</p>
<p>IRC: satori on newnet.net</p>

373
css/style.css Normal file
View File

@ -0,0 +1,373 @@
@font-face {
font-family: 'Liberation Monospace';
font-style: normal;
font-weight: normal;
src: local('Liberation Monospace'), url('https://fonts.cdnfonts.com/s/276/LiberationMono-Regular.woff') format('woff');
}
@font-face {
font-family: 'Liberation Monospace';
font-style: normal;
font-weight: bold;
src: local('Liberation Monospace'), url('https://fonts.cdnfonts.com/s/276/LiberationMono-Bold.woff') format('woff');
}
body {
margin: auto;
padding: 1em;
max-width: 1024px;
font-family: 'Liberation Monospace', 'Courier New', monospace, sans-serif;
color: #fb5;
background: #111;
word-wrap: break-word;
}
a {
text-decoration: none;
color: #f70;
font-weight: bold;
padding-right: 0.25em;
}
a:hover {
color: #f20;
}
hr {
border-color: #fb5;
}
.text-center {
text-align: center
}
.advisory {
background: #fc4;
color: #222;
font-weight: bold;
padding: 1em;
border-radius: 0.25em;
}
h1 {
font-size:1.6rem;
text-transform: uppercase;
letter-spacing:-.75px;
color: #fb5;
padding-top:.5rem;
}
.grid {
border-collapse: collapse;
}
.col {
border: 6px double #fb5;
padding: 1em;
flex-grow: 1;
}
/* THEGOODS */
#fancyboi::before {
content: "$ ";
}
@media (prefers-reduced-motion: no-preference) {
@keyframes flash {
50% { opacity: 0; }
}
@keyframes reveal {
from { max-width: 2em; } /* Width of ::before */
to { max-width: 100%; }
}
#fancyboi {
overflow: hidden;
white-space: nowrap;
animation: reveal 4s linear;
text-overflow: "█";
}
#fancyboi::after {
content: "█";
animation: flash 0.5s step-end infinite;
position: relative;
top: -2px;
margin-left: 3px;
}
}
/* SDOOGEHT */
.sourceCode {
color:#008000;
}
code > span.fl {
color: #008000;
}
/* Style the navbar */
#navbar {
overflow: hidden;
background-color: #fb5;
color: #222;
z-index: 99;
position: relative;
top: 0;
left: 0;
width: 100%;
border-radius: 0.25em;
}
#navbar a:hover {
background-color: #f93;
}
/* Navbar linkss */
#navbar a {
float: left;
display: block;
color: black;
text-align: center;
padding: 14px;
text-decoration: none;
}
/* RSS Icon Styles */
.rss-icon {
float: right;
margin-top:5px;
}
/* Page content */
.user-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
}
.user-list a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 10em;
}
.user-list a:before {
content:"~";
}
[data-op="5"] { opacity:5%; }
[data-op="10"] { opacity:10%; }
[data-op="15"] { opacity:15%; }
[data-op="20"] { opacity:20%; }
[data-op="25"] { opacity:25%; }
[data-op="30"] { opacity:30%; }
[data-op="35"] { opacity:35%; }
[data-op="40"] { opacity:40%; }
[data-op="45"] { opacity:45%; }
[data-op="50"] { opacity:50%; }
[data-op="55"] { opacity:55%; }
[data-op="60"] { opacity:60%; }
[data-op="65"] { opacity:65%; }
[data-op="70"] { opacity:70%; }
[data-op="75"] { opacity:75%; }
[data-op="80"] { opacity:80%; }
[data-op="85"] { opacity:85%; }
[data-op="90"] { opacity:90%; }
[data-op="95"] { opacity:95%; }
[data-op="100"] { opacity:100%; }
.user-list a:hover {
text-decoration:underline;
color:#f70;
}
.user-list b {
background-color: #fb5;
color:#000;
}
input[type="text"],
textarea {
background-color: #333;
color: darkorange;
}
div.alert-warning {
background-color: darkred;
}
div.alert-success {
background-color: darkgreen;
}
.notice-message {
background-color: #f93;
color: #222;
font-weight: bold;
padding: 0.75em;
border-radius: 0.25em;
margin: 1em 0;
text-align: center;
border: 2px solid #fb5;
box-shadow: 0 0 10px rgba(255, 187, 85, 0.5);
}
blockquote {
border-left: 2px solid #fb5;
background-color: rgba(255, 187, 85, 5%);
padding: 0.5em;
}
@media (min-width: 768px) {
.row {
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
}
}
@media (max-width: 768px) {
td {
display: block;
}
}
/* Ensure the user-list displays items in a single column */
.single-column {
display: block;
}
.single-column li {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Style for the article content */
.article-headers {
background-color: #333;
color: #fb5;
padding: 1em;
border: 1px solid #fb5;
border-radius: 0.25em;
margin-bottom: 1em;
}
.article-headers p {
margin: 0.5em 0;
}
pre {
background-color: #333;
color: #fb5;
padding: 1em;
border: 1px solid #fb5;
border-radius: 0.25em;
}
/* Style for error messages */
.alert-warning {
background-color: darkred;
color: #fb5;
padding: 1em;
border-radius: 0.25em;
font-weight: bold;
}
/* Ensure the user-list displays items in a single column */
.single-column {
display: block;
}
.single-column li {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Tree structure styles */
.tree, .tree ul {
padding: 0;
list-style: none;
position: relative;
}
.tree ul {
margin-left: 1em; /* indentation for nested lists */
}
.tree ul:before {
content: "";
display: block;
width: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-left: 1px solid #fb5;
}
.tree li {
margin: 0;
padding: 0.5em 0 0.5em 1em; /* space between items */
position: relative;
}
.tree li:before {
content: "";
display: inline-block;
width: 1em; /* horizontal space for the branch line */
height: 0;
border-top: 1px solid #fb5;
position: absolute;
top: 1.2em; /* adjust as needed */
left: 0;
}
.tree li:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -0.5em; /* adjust to align with the branch */
border-left: 1px solid #fb5;
}
.tree li:last-child:after {
display: none; /* hide the line for the last child */
}
/* Style for timestamps */
.timestamp {
color: #999;
font-size: 0.9em;
margin-left: 0.5em;
}
/* Highlighted item */
.highlighted {
background-color: #333; /* Dark background to fit the page colorscheme */
border: 1px solid #fb5; /* Matching border color */
border-radius: 0.25em; /* Slight border radius for better appearance */
padding: 0.5em; /* Padding for better readability */
}
#active-users {
margin-top: 20px;
display: flex;
align-items: center;
gap:10px;
}
#active-users h2 {
flex-shrink:0;
font-size: 1.25rem;
}
#active-users a {
color: #fb5;
text-decoration: none;
}
#active-users a:hover {
color: #f70;
}

20
devlog.md Normal file
View File

@ -0,0 +1,20 @@
---
layout: default
title: ~satori devlog
---
Recording every little bit of progress, no matter how insignificant is good for motivation. It is here that I will do that.
#### Oct 24, 2025
- Set up a static site generator (Jekyll) and now have easy to use templates! I can update this page with markdown as well :)
#### Oct 22, 2025
- Made talkbox page
- Made contact page
#### Oct 21, 2025
- Added a favicon
- Started a devlog
#### Oct 20, 2025
- Made a banner
- Replaced the default tilde page

BIN
images/banner.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

BIN
images/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

8
index.md Normal file
View File

@ -0,0 +1,8 @@
---
layout: default
title: ~satori home page
---
### Welcome to my tilde site! I don't have anything here yet so click those links up there!
Last updated: 2025-10-25
If this date becomes too distant, this page will be added to the millions of other abandoned sites online :(

3
post.sh Executable file
View File

@ -0,0 +1,3 @@
#!/bin/bash
jekyll build
rsync -av --delete /home/satori/ssg/_site/ /home/satori/public_html

16
talkbox.html Normal file
View File

@ -0,0 +1,16 @@
---
layout: default
title: ~satori talkbox
---
<h3>I like to ramble but not in a way long enough or structured enough to make blog posts so...welcome to the talkbox! Home of "stream of consciousness" style rambles!</h3>
<details>
<summary><b>Oct 23,2025</b></summary>
<p>Yesterday morning somebody on a Discord server I was on tried to take down my site for basically no reason. Not the site here on the tilde but my other site. I guess they didn't like that I was hosting copyrighted content or something? Regardless they took time out of their day to send an abuse report to the server provider I was using as a proxy for my server at home. I took down the proxy and was back online with almost no downtime but still it's frustrating. It's lead to a bit of an unreasonable depressive spiral where I find myself losing confidence in what I'm doing. This combined with new technical issues on my server are causing me to really lose motivation. Computers can quickly become tools of frustration when all you're doing is fixing problems only for 3 more problems to appear immediately after...And that's before even having to deal with people online trying to take down your hobby project just to screw with you.</p>
</details>
<br>
<details>
<summary><b>Oct 22, 2025</b></summary>
<p>I half-broke my home server today. Somehow it's online and serving its purposes as intended but it's unable to access anything online other than the services it is hosting! I was testing something in Wireguard that SEEMED easily reversable (since it was just modifying a config file) but after what I was trying didn't work and I went to go reverse my changes, this issue has appeared. I'm kind of at a loss for what to do. I shouldn't just reinstall but sometimes I feel left with no other choice. At least it's all Docker containers so it's not <i>that</i> bad. Sometimes I wonder what sysadmins do in situations like these where they are just at a complete loss for what to do and reinstalling is not an option. It makes me feel very incompetent.</p>
<p>I gotta get an SSG set up for this site, I'm already getting sick of copy-pasting HTML for each page.</p>
</details>