9be2f36883
- Removed some unused files - Updated the blog post layout to have all the navigation - Replaced hovertext in blog posts with footnotes - Seaonal pride captions on homepage - Updated /etc/quotes/ - Background color is now actually reminiscent of Discord - Total overhaul to /uses/ - Added sub-page for my computer - New markup for blockquotes that css-tricks.com says is more semantically correct - More difficult captcha on the guestbook (answer remains unchanged) - New blog post about DMs on the fediverse - Blog now has links to each year - Removed journal. I barely used it and it was redundant anyway - Removed the TODO list that I wasn't using from /etc/ - CSS overhaul: - Cool new hover animation on navigation links - Centralized most color definitions to root variables, and a couple other things too - Standard font is now B612 mono - complies with prefers-reduced-motion - Light theme and low contrast mode in the works - Made tables more consistent, and the one on /about/ no longer looks like doodoo - Accent borders on headings and such-like - Main header & caption are now left-aligned instead of center-aligned - Isopod letterhead moved from left side of header to right - h1 made smaller, h2-6 changed back to default sizes - Adjusted a couple background positions to improve readability - Got rid of the checkbox-hack dropdown navigation on mobile, because it kind of sucked - Regular body text no longer has text-shadow - probably some other stuff I forgot about
161 lines
5 KiB
PHP
161 lines
5 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Blog</title>
|
|
<link href="../style.css" rel="stylesheet" type="text/css" media="all">
|
|
<style>
|
|
ul#articles {
|
|
margin: 0;
|
|
margin-top: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
}
|
|
.blogentry {
|
|
max-width: 100%;
|
|
list-style: none;
|
|
display: inline-block;
|
|
margin: calc(var(--stdpadding)/2) 0;
|
|
padding: var(--stdpadding);
|
|
|
|
border-left: var(--stdaccentborder);
|
|
background: linear-gradient(var(--blockbghover) 0 0) 0 / var(--bgpos, 0) no-repeat;
|
|
transition: background .3s, border .3s;
|
|
}
|
|
.blogentry:hover {
|
|
--bgpos: 100%;
|
|
}
|
|
ul#articles h2 {
|
|
margin: calc(var(--stdpadding)/2) 0;
|
|
}
|
|
/*ul h2:first-of-type::before {
|
|
content: "Articles - "
|
|
}*/
|
|
article img, article video, article iframe {
|
|
filter:drop-shadow(var(--stddropshadow));
|
|
}
|
|
.blogentry > * {
|
|
display: block;
|
|
margin: 0.1rem 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.entrysummary {
|
|
font-size: .9em;
|
|
color: gainsboro;
|
|
}
|
|
.entrytag {
|
|
font-size: .9em;
|
|
color: #bbbbbb;
|
|
font-style: italic;
|
|
display: inline-block;
|
|
margin-right: 1ch;
|
|
}
|
|
.entrydate {
|
|
font-weight: bold;
|
|
}
|
|
.entrytitle {
|
|
padding-left: initial;
|
|
border-left: initial;
|
|
}
|
|
article:first-of-type h2::before {
|
|
content: 'Journal - ';
|
|
}
|
|
</style>
|
|
<?php include($_SERVER['DOCUMENT_ROOT'] . '/seasonal.php'); ?>
|
|
</head>
|
|
<body>
|
|
<?php include($_SERVER['DOCUMENT_ROOT'] . '/nav.php'); ?>
|
|
<h1>isoblog</h1>
|
|
<h2 id="caption">inane ramblings</h2>
|
|
<nav>
|
|
<a href="blog.atom">atom feed</a>
|
|
<?php
|
|
$content = simplexml_load_file("blog.atom");
|
|
$year = "-69420";
|
|
$yc = 0;
|
|
foreach($content->entry as $entry) {
|
|
$nyr = substr($entry->published, 0, 4);
|
|
if($nyr != $year) {
|
|
$year = $nyr;
|
|
echo "<a href='#$year'>$year</a>";
|
|
}
|
|
}
|
|
?>
|
|
</nav>
|
|
<?php
|
|
$username = "niceopod"; // Your username here!
|
|
$ch = curl_init("https://status.cafe/users/$username/status.json");
|
|
|
|
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
|
curl_setopt($ch, CURLOPT_HEADER, 0);
|
|
|
|
$str = curl_exec($ch);
|
|
if(curl_error($ch)) {
|
|
//echo curl_error($ch);
|
|
$str = "";
|
|
}
|
|
curl_close($ch);
|
|
$status_data = json_decode($str, true);
|
|
$status_content = $status_data["content"];
|
|
$face = $status_data["face"];
|
|
$timeago = $status_data["timeAgo"];
|
|
if(strlen($status_content) < 1) {
|
|
$status_content = "Something's gone wrong server side...";
|
|
}
|
|
echo "<div id='statuscafe'><div id='statuscafe-username'><a href='https://status.cafe/users/$username' target='_blank'>status</a> $face $timeago</div><div id='statuscafe-content'>$status_content</div></div>";
|
|
?>
|
|
<?php
|
|
$stag = $_GET["tag"];
|
|
$nostag = empty($stag);
|
|
if(!$nostag) {
|
|
echo "<a style='display: block; margin-top: 1rem; margin-bottom: 1rem;' href='.'>All articles</a>";
|
|
}
|
|
echo "<ul id='articles'>";
|
|
$year = "-69420";
|
|
$yc = 0;
|
|
foreach($content->entry as $entry) {
|
|
|
|
$pfilt = false;
|
|
if(!$nostag) {
|
|
foreach($entry->category as $cat) {
|
|
$term = $cat["term"];
|
|
if($stag == $term) {
|
|
$pfilt = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
if($pfilt or $nostag) {
|
|
$nyr = substr($entry->published, 0, 4);
|
|
if($nyr != $year) {
|
|
$year = $nyr;
|
|
echo "<li><h2 id='$year'>$year</h2></li>";
|
|
}
|
|
$dt = substr($entry->published, 0, 10);
|
|
$ti = $entry->title;
|
|
$wn = "";
|
|
if(preg_match('/2022-0(5|4)-(21|25|13)/', $dt)) {
|
|
$wn = "title=\"This post is on the archived v2 version of the site. It will not load if you don't have Javascript enabled, and expect jank if viewing on mobile. You have been warned.\" ";
|
|
}
|
|
$cats = "";
|
|
foreach($entry->category as $cat) {
|
|
$term = $cat["term"];
|
|
$cats = $cats."<a class='entrytag' href='?tag=".$term."'>".$term."</a>";
|
|
}
|
|
|
|
echo "<li class='blogentry'><time class='entrydate'>".$dt."</time><h4 class='entrytitle'><a ".$wn."href='".$entry->link["href"]."'>".$ti."</h4></a><span class='entrysummary'>".$entry->summary."</span><span>".$cats."</span></li>";
|
|
}
|
|
}
|
|
echo "</ul>";
|
|
?>
|
|
<div class="buttons" style="margin-bottom: 1rem;">
|
|
<a href="https://status.cafe/"><img src="media/banner-statuscafe.png" alt="Status Cafe"></a>
|
|
</div>
|
|
<div id="rightsidebg" style="background-image: url(bg.jxl), url(bg.jpg);"></div>
|
|
|
|
</body>
|
|
</html>
|