josh/dumpster_baby
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

Implement sidenav

Browse Source
This commit is contained in:
josh
2024-07-05 16:00:03 -04:00
parent da79ad94fc
commit bbada68dcd
2 changed files with 266 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
index.html
View File

@@ -3,17 +3,87 @@
<head>
<title>dumpster.baby - A Blog</title>
<meta charset="UTF-8">
<style>
html { color:#ffffff; }
h1, h2, h3, h4, h5, h6 { color:#d1d1d1; font-family: "Roboto", sans-serif }
p { color:#bbbbbb; font-family: "Roboto", sans-serif }
.shitpost { background-color:#222222; padding-left:10px; padding-right:10px; padding-top:5px; }
a { color: #aaaaff;}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "350px";
document.getElementById("myMain").style.marginRight = "360px";
}
function closeNav()
{
document.getElementById("mySidenav").style.width = "0";
document.getElementById("myMain").style.marginRight = "0";
}
</script>
</head>
<body style="background-color:#282a36;">
<div id="mySidenav" class="sidenav">
<h4><a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a></h4>
<br>
<ul>
<li><h4><a href="#FuckGitea">Fragile Dependency Management</a></h4>
<p>Ahmed Allen - 2024-07-05</p>
</li>
<li>
<h4><a href="#FuckDocker">Fuck Docker</a></h4>
<p>Dead Babe - 2024-07-05</p>
</li>
<li>
<h4><a href="#IGotFired">Getting Fired Ain't So Bad</a></h4>
<p>Ahmed Allen - 2024-07-05</p>
</li>
<li>
<h4><a href="#PrototypeVR">Don't Work With Children</a></h4>
<p>Ahmed Allen - 2024-07-05</p>
</li>
<li>
<h4><a href="#CaveGamePostMortem">CaveGame Post Mortem</a></h4>
<p>Ahmed Allen - 2024-07-05</p>
</li>
<li>
<h4><a href="#WhileWaitDo">The "While-Wait-Do" Idiom</a></h4>
<p>Mathhew "CntKillMe" - September 2018</p>
</li>
</ul>
</div>
<div id = "myMain" class="main">
<h1> dumpster.baby - The Aborted Fetuses of the Industry. </h1>
<h4> A blog on software failures. </h4>
<a onclick="openNav()">See All Articles</a>
<div class="articles">
<div id="FuckGitea" class="shitpost">
<h3><a href="#FuckGitea">Fragile Dependency Management</a></h3>
<p>Ahmed Allen 2024-07-05</p>
<p>When starting our C++ journey, we tested most of the industry-standard dependency management solutions like vcpkg, conan, github submodules, and several others.</p>
<p>We found all of these solutions to be fragile, unwieldy, or otherwise in bad taste. So we eventually found CMake Package Manager.</p>
<p>It's straightforward, a single script you add to your CMakeLists which allows pulling from our self-hosted git repositories. It allows us to link to specific releases to prevent versioning conflicts.</p>
<p>After several months of seamless and productive work with our technology stack, we've encountered the strangest issue.</p>
<p>Out of seemingly nowhere, Gitea changed it's behavior in regards to releases.</p>
<p>We publish releases for our projects, and gitea generates an archived zip file that can be directly downloaded. We use CPM in our projects to automatically pull these dependencies and build them.</p>
<p>However, a CPM call given a package url like "https://git.redacted.cc/maxi/mcolor/archive/Prerelease-1.zip", will expect to download a file with the name Prerelease-1.zip. This is obvious. At some point, the format changed. The file it actually downloads has the package name prefixed to it, i.e. "mcolor-Prerelease-1.zip".</p>
<p> What's the problem, you may be asking? It's a simple filename change, how hard can it be to accommodate?</p>
<p>Unfortunately, there is no straightforward way to specify a custom archive name, and there is no apparent way to set the format gitea uses to create the zip archives.</p>
<p>EDIT:</p>
<p>While writing this article, the issue seems to have disappeared. What the fuck? At least it works now.</p>
</div>
<div id="FuckDocker" class="shitpost">
<h3><a href="#FuckDocker">Fuck Docker</a></h3>
@@ -48,6 +118,7 @@
<h3><a href="#IGotFired">On Getting Fired - Losing A Job Ain't So Bad</a></h3>
<p> Ahmed Allen 2024-07-03 </p>
</div>
<div id="PrototypeVR" class="shitpost">
<h3><a href="#PrototypeVR">Don't work with children.</a></h3>
<p> Ahmed Allen 2024-07-03 </p>
@@ -56,6 +127,7 @@
<p> Then came the spark - watching an older brother bring over his PlayStation2, later an XBox360. Hitman, Call of Duty, GTA, you know them all already. The child was intensely fascinated with how a plastic box could make interactive games appear on the TV. But the details and capability to do so eluded the 6-year-old for some time. He resigned himself to sketching map concepts on graph paper. </p>
<p> Later on, that child gets a laptop for his 10th birthday. Immediately he takes an interest in building games, and rather obviously, stumbles upon this thing called ROBLOX. </p>
</div>
<div id="CaveGamePostMortem" class="shitpost">
<h3><a href="#CaveGamePostMortem">The CaveGame Post Mortem</a></h3>
<p> Ahmed Allen 2024-07-03 </p>
@@ -128,8 +200,11 @@
<li><p>Because I can: <b>Congratulations! No one cares.</b></p></li>
</ul>
</div>
<div>
</div>
<p>This work is dedicated to the public domain.</p>
</div>
</body>
</html>

74
style.css Normal file
View File

@@ -0,0 +1,74 @@
html { color:#ffffff; }
h1, h2, h3, h4, h5, h6 { color:#e2e2e2; font-family: "Roboto", sans-serif }
p { color:#bbbbbb; font-family: "Roboto", sans-serif }
body
{
}
#main
{
transition: margin-right 0.5s;
-webkit-transition: margin-right 0.5s;
-moz-transition: margin-right 0.5s;
-ms-transition: margin-right 0.5s;
-o-transition: margin-right 0.5s;
}
.articles {}
.sidenav
{
background-color:#202025;
height:100%;
position: fixed;
z-index:1;
overflow-x: hidden;
top: 0;
right: 0;
width: 0;
min-width: 0;
border-radius:10px;
border:2px #aaaaff solid;
padding-top: 5px;
transition: 0.25s;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-ms-transition: 0.25s;
-o-transition: 0.25s;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
margin-top: 10px;
margin-right: 5px;
}
.sidenav .closebtn
{
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.sidenav p
{
line-height: 0%;
font-size: 12px;
}
.shitpost {
background-color:#202025;
padding-left:10px;
padding-right:10px;
padding-top:5px;
border-radius:10px;
border:2px #aaaaff solid;
margin-bottom:10px;
}
a { color: #aaaaff;}