This commit is contained in:
2025-06-13 19:28:25 -04:00
parent 280122c27d
commit 9f101abc10
6 changed files with 68 additions and 15 deletions

View File

@ -25,7 +25,7 @@
</header> </header>
<hr style="color: #f7f7f7;"> <hr style="color: #f7f7f7;">
<p id="bloglist"> <p id="bloglist">
<?php include(__DIR__.'/../misc/tools.php'); entries("../blog"); ?> <?php include(__DIR__.'/../misc/tools.php'); blog_entries("../blog"); ?>
</p> </p>
<h2 id="font" style="text-align: center; margin-top: 0;"> <h2 id="font" style="text-align: center; margin-top: 0;">
<a href="/blog/rss.xml", title="rss">subscribe</a> <a href="/blog/rss.xml", title="rss">subscribe</a>

View File

@ -1 +0,0 @@
pics/squibid.png

Before

Width:  |  Height:  |  Size: 16 B

After

Width:  |  Height:  |  Size: 101 KiB

BIN
favicon.ico Normal file

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 B

After

Width:  |  Height:  |  Size: 101 KiB

View File

@ -5,6 +5,8 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- prevent darkreader extension from messing with our already dark site -->
<meta name="darkreader-lock" />
</head> </head>
<body style="background-color: #161617;"> <body style="background-color: #161617;">
<div id="master"> <div id="master">
@ -38,19 +40,15 @@
</hgroup> </hgroup>
<p>My best repos are</p> <p>My best repos are</p>
<ul> <ul>
<li><a href="https://git.squi.bid/wiz">wiz</a> - An idle event <li><a href="https://git.squi.bid/squibid/wiz">wiz</a> - An idle event
manager for Wayland. Written in C!</li> manager for Wayland. Written in C!</li>
<li><a href="https://git.squi.bid/eat-it">eat it</a> - <li><a href="https://git.squi.bid/squibid/eat-it">eat it</a> -
Eat It is a <a href="https://mpv.io", title="Mpv's Website">Mpv</a> Eat It is a <a href="https://mpv.io", title="Mpv's Website">Mpv</a>
package manager written in <a href="https://lua.org", package manager written in <a href="https://lua.org",
title="Lua's Website">Lua</a> with the intent of making Mpv title="Lua's Website">Lua</a> with the intent of making Mpv
scripts easier to update and use.</li> scripts easier to update and use.</li>
<li><a href="https://git.squi.bid/coreutils">coreutils</a> -
My simple posix (if I can do that) complient core utils witten in
<a href="https://www.iso-9899.info/wiki/The_Standard",
title="C ISO standard">C</a> :)</li>
</ul> </ul>
<p><a href="https://git.squi.bid">more...</a></p> <p><a href="https://git.squi.bid/squibid">more...</a></p>
</div> </div>
</div> </div>
<div id="right"> <div id="right">
@ -62,7 +60,7 @@
</p> </p>
</hgroup> </hgroup>
<p id="blogpreview"> <p id="blogpreview">
<?php include('misc/tools.php'); entries("blog", 5); ?> <?php include('misc/tools.php'); blog_entries("blog", 5); ?>
</p> </p>
<a href="/blog">more...</a> <a href="/blog">more...</a>
</div> </div>

23
misc/404.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Squibid's Site - 404</title>
<link rel="stylesheet" href="/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<style>
h1 {
color: var(--cyan);
font-family: sans-serif;
font-size: 404px;
width: 100vw;
vertical-align: middle;
}
</style>
<body style="background-color: #161617;">
<h1><a href="/">whoops</a></h1>
</body>
</html>

View File

@ -1,5 +1,5 @@
<?php <?php
function entries($path = "blog", $limit = false) { function blog_entries($path = "blog", $limit = false) {
$files = scandir($path."/"); $files = scandir($path."/");
$entries = []; $entries = [];
$i = 0; $i = 0;

View File

@ -1,6 +1,38 @@
/* root */ /* root */
:root { :root {
--lr-width: 45%; --lr-width: 45%;
/* mellow theme colors */
--bg: #161617;
--fg: #c9c7cd;
--bg-dark: #131314;
--black: #27272a;
--red: #f5a191;
--green: #90b99f;
--yellow: #e6b99d;
--blue: #aca1cf;
--magenta: #e29eca;
--cyan: #ea83a5;
--white: #c1c0d4;
--bright_black: #353539;
--bright_red: #ffae9f;
--bright_green: #9dc6ac;
--bright_yellow: #f0c5a9;
--bright_blue: #b9aeda;
--bright_magenta: #ecaad6;
--bright_cyan: #f591b2;
--bright_white: #cac9dd;
--gray01: #1b1b1d;
--gray02: #2a2a2d;
--gray03: #3e3e43;
--gray04: #57575f;
--gray05: #757581;
--gray06: #9998a8;
--gray07: #c1c0d4;
}
html, body {
max-height: 100%;
} }
/* desktop mode */ /* desktop mode */
@ -37,7 +69,7 @@ html, body {
justify-content: center; justify-content: center;
} }
body[id=blog] { body[id=blog] {
background-color: #161617; background-color: var(--bg);
display: unset !important; display: unset !important;
max-width: 80ch; max-width: 80ch;
margin: auto; margin: auto;
@ -49,7 +81,7 @@ div#master header {
div#group hgroup { div#group hgroup {
text-align: center; text-align: center;
} }
#font, p, ul, ol { #font, p, ul, ol, h1, h2, h3, h4, h5 {
font-family: sans-serif; font-family: sans-serif;
color: white; color: white;
} }
@ -65,7 +97,7 @@ p#blogpreview span {
a { a {
font-family: sans-serif; font-family: sans-serif;
text-decoration: none; text-decoration: none;
color: #ea83a5; color: var(--cyan);
} }
a:hover, a:active { a:hover, a:active {
font-style: italic; font-style: italic;