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>
<hr style="color: #f7f7f7;">
<p id="bloglist">
<?php include(__DIR__.'/../misc/tools.php'); entries("../blog"); ?>
<?php include(__DIR__.'/../misc/tools.php'); blog_entries("../blog"); ?>
</p>
<h2 id="font" style="text-align: center; margin-top: 0;">
<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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<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>
<body style="background-color: #161617;">
<div id="master">
@ -38,19 +40,15 @@
</hgroup>
<p>My best repos are</p>
<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>
<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>
package manager written in <a href="https://lua.org",
title="Lua's Website">Lua</a> with the intent of making Mpv
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>
<p><a href="https://git.squi.bid">more...</a></p>
<p><a href="https://git.squi.bid/squibid">more...</a></p>
</div>
</div>
<div id="right">
@ -62,7 +60,7 @@
</p>
</hgroup>
<p id="blogpreview">
<?php include('misc/tools.php'); entries("blog", 5); ?>
<?php include('misc/tools.php'); blog_entries("blog", 5); ?>
</p>
<a href="/blog">more...</a>
</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
function entries($path = "blog", $limit = false) {
function blog_entries($path = "blog", $limit = false) {
$files = scandir($path."/");
$entries = [];
$i = 0;
@ -7,9 +7,9 @@
foreach ($files as $file) {
if (is_dir($path.'/'.$file) && $file[0] != ".") {
$tags = get_meta_tags($path.'/'.$file.'/index.html');
$entries[$i][0] = preg_replace("/\//", "", $tags["date"]);
$entries[$i][0] = preg_replace("/\//", "", $tags["date"]);
$entries[$i][1] = $file;
$entries[$i][2] = $tags["date"];
$entries[$i][2] = $tags["date"];
$i++;
}
}

View File

@ -1,6 +1,38 @@
/* root */
:root {
--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 */
@ -37,7 +69,7 @@ html, body {
justify-content: center;
}
body[id=blog] {
background-color: #161617;
background-color: var(--bg);
display: unset !important;
max-width: 80ch;
margin: auto;
@ -49,7 +81,7 @@ div#master header {
div#group hgroup {
text-align: center;
}
#font, p, ul, ol {
#font, p, ul, ol, h1, h2, h3, h4, h5 {
font-family: sans-serif;
color: white;
}
@ -65,7 +97,7 @@ p#blogpreview span {
a {
font-family: sans-serif;
text-decoration: none;
color: #ea83a5;
color: var(--cyan);
}
a:hover, a:active {
font-style: italic;