big changes coming

This commit is contained in:
fmbearmf 2025-01-20 21:09:47 -08:00
parent 3098ec5442
commit 179cd6e894
Signed by untrusted user who does not match committer: bearfm
GPG Key ID: 573A776FED58E1A4
38 changed files with 3629 additions and 3250 deletions

View File

@ -1,4 +1,5 @@
{
"liveServer.settings.multiRootWorkspaceName": "site",
"liveServer.settings.root": "dist/"
"liveServer.settings.root": "dist/",
"fiveServer.host": "127.0.0.1"
}

View File

@ -52,8 +52,8 @@ js:
$(DISTDIR)/robots.txt:
@echo "User-Agent: *" > $@
@echo "Disallow: /" >> $@
# @echo "Sitemap: $(URI)/sitemap.xml" >> $@
@echo "Allow: /" >> $@
@echo "Sitemap: $(URI)/sitemap.xml" >> $@
$(DISTDIR)/sitemap.xml: $(HTMLFILES)
@echo '<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">' > $@

0
dist/.gitkeep vendored
View File

BIN
dist/0c35d18bf06992036b69.woff2 vendored Normal file

Binary file not shown.

24
dist/404.html vendored
View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>404 - Not Found</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,15 +25,17 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 25, 2024</p>
<p class="meta">Page last modified: January 25, 2024</p>
<h1 id="404-not-found">404: Not Found</h1>
<p><a
href="xertun.webp"><img src="/xertun.webp" width="200" height="200" /></a></p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 25, 2024</p>
<p class="meta">Page last modified: January 25, 2024</p>
<h1 id="404-not-found">404: Not Found</h1>
<p><a
href="xertun.webp"><img src="/xertun.webp" width="200" height="200" /></a></p>
</article>
</body>
</html>

24
dist/418.html vendored
View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>404 - Not Found</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,15 +25,17 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 27, 2024</p>
<p class="meta">Page last modified: January 27, 2024</p>
<h1 id="418-im-a-teapot">418: Im a teapot</h1>
<p><a
href="thing.webp"><img src="/thing.webp" width="200" height="200" /></a></p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 27, 2024</p>
<p class="meta">Page last modified: January 27, 2024</p>
<h1 id="418-im-a-teapot">418: Im a teapot</h1>
<p><a
href="thing.webp"><img src="/thing.webp" width="200" height="200" /></a></p>
</article>
</body>
</html>

View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>First Post</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,15 +25,17 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 20, 2025</p>
<p>wowzers first post</p>
<p><img src="/xertun.webp" width="200" height="200"></p>
<p>me ^ (no cap)</p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 26, 2024</p>
<p>wowzers first post</p>
<p><img src="/xertun.webp" width="200" height="200"></p>
<p>me ^</p>
</article>
</body>
</html>

34
dist/blog/index.html vendored
View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>Blog Index</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,20 +25,22 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 26, 2024</p>
<p>(Sorted by date created)</p>
<div id="latestPost">
JavaScript must be enabled for the index to build. Otherwise visit <a href="/blogindex.txt">blogindex.txt</a> for a static list.
</div>
<div id="blogIndex">
</div>
<p><a
href="blogIndex.js"><script type="text/javascript" src="/blogIndex.js"></script></a></p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 26, 2024</p>
<p>(Sorted by date created)</p>
<div id="latestPost">
JavaScript must be enabled for the index to build. Otherwise visit <a href="/blogindex.txt">blogindex.txt</a> for a static list.
</div>
<div id="blogIndex">
</div>
<p><a
href="blogIndex.js"><script type="text/javascript" src="/blogIndex.js"></script></a></p>
</article>
</body>
</html>

View File

@ -1,50 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-site-verification" content="bjvkxJW39IrGsgIIZidzUziC9B0c5Ej0ncQX2Btyv60" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<title>Why Keeping Your Applications Minimal Counts. -
bear.oops.wtf</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<!-- https://bear.oops.wtf/git/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>
<nav>
<a href="/"><i class="material-icons">home</i> Home</a>
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: March 11, 2024</p>
<p class="meta">Page last modified: March 11, 2024</p>
<h1 id="introduction">Introduction</h1>
<p>When a man is stuck with cell service for a while (and
abysmally slow LTE at that), he starts to realize how bloated
the web is. When slow dialup was common, people actually made
their websites lightweight because it was the only option,
otherwise the site wouldnt load for people trying to visit
it.</p>
<h1 id="the-solution">The Solution</h1>
<p>The solution? Normalize web apps and websites that are easy
on bandwidth (and your system for that matter). The cozy web is
full of these amazing sites, but the dark forest not so
much.</p>
<p>Might need to write another chatting protocol…</p>
</article>
</body>
</html>

2
dist/blogIndex.js vendored
View File

@ -1 +1 @@
({38:function(){var e=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function c(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,c)}l((r=r.apply(e,t||[])).next())}))},t=this&&this.__generator||function(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(l){return function(c){if(n)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(a=0)),a;)try{if(n=1,r&&(o=2&c[0]?r.return:c[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,c[1])).done)return o;switch(r=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return a.label++,{value:c[1],done:!1};case 5:a.label++,r=c[1],c=[0];continue;case 7:c=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){a=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){a.label=c[1];break}if(6===c[0]&&a.label<o[1]){a.label=o[1],o=c;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(c);break}o[2]&&a.ops.pop(),a.trys.pop();continue}c=t.call(e,a)}catch(e){c=[6,e],r=0}finally{n=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}};function n(n){return e(this,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,n.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/(\d{4}-\d{2}-\d{2})/g," $1").replace(/\b\w/g,(function(e){return e.toUpperCase()}))];case 1:return[2,e.sent()]}}))}))}document.addEventListener("DOMContentLoaded",(function(){return e(this,void 0,void 0,(function(){var r=this;return t(this,(function(o){return document.getElementById("blogIndex")&&document.getElementById("latestPost")?(document.getElementById("blogIndex").innerHTML="",document.getElementById("latestPost").innerHTML="",fetch("/blogindex.txt").then((function(e){return e.text()})).then((function(o){var i=o.split("\n").filter((function(e){return""!==e.trim()})).map((function(e){var t=e.split(" ");return{timestamp:parseInt(t[0]),uri:t[1]||""}}));i.sort((function(e,t){return t.timestamp-e.timestamp}));var a=document.createElement("ul");i.forEach((function(o){return e(r,void 0,void 0,(function(){var e,r,i,c,l,u;return t(this,(function(t){switch(t.label){case 0:return o.uri?(e=o.uri.split("/").pop().replace(".html",""),i="".concat,[4,n(e)]):[3,2];case 1:r=i.apply("",[t.sent()]),"index"!==e.toLowerCase()&&(c=document.createElement("li"),l=document.createElement("a"),u=document.createElement("p"),c.style.whiteSpace="nowrap",u.style.gap="10px",u.textContent="".concat(new Intl.DateTimeFormat(navigator.language).format(new Date(1e3*o.timestamp)),""),l.href=o.uri.substring(o.uri.indexOf("/blog/")),l.textContent=r,l.style.display="inline-block",u.style.display="inline-block",c.appendChild(u),c.appendChild(l),a.appendChild(c)),t.label=2;case 2:return[2]}}))}))})),document.getElementById("blogIndex").appendChild(a)})).catch((function(e){console.error("Error fetching and processing blog index:",e)})),[2]):[2]}))}))}))}})[38]();
({196:function(){var e=this&&this.__awaiter||function(e,t,n,i){return new(n||(n=Promise))((function(o,r){function a(e){try{l(i.next(e))}catch(e){r(e)}}function c(e){try{l(i.throw(e))}catch(e){r(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,c)}l((i=i.apply(e,t||[])).next())}))};document.addEventListener("DOMContentLoaded",(function(){return e(this,void 0,void 0,(function*(){document.getElementById("blogIndex")&&document.getElementById("latestPost")&&(document.getElementById("blogIndex").innerHTML="",document.getElementById("latestPost").innerHTML="",fetch("/blogindex.txt").then((e=>e.text())).then((t=>{const n=t.split("\n").filter((e=>""!==e.trim())).map((e=>{const t=e.split(" ");return{timestamp:parseInt(t[0]),uri:t[1]||""}}));n.sort(((e,t)=>t.timestamp-e.timestamp));const i=document.createElement("ul");n.forEach((t=>e(this,void 0,void 0,(function*(){if(t.uri){const n=t.uri.split("/").pop().replace(".html",""),o=`${yield function(t){return e(this,void 0,void 0,(function*(){return new Promise((e=>{e(t.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/(\d{4}-\d{2}-\d{2})/g," $1").replace(/\b\w/g,(e=>e.toUpperCase())))}))}))}(n)}`;if("index"!==n.toLowerCase()){const e=document.createElement("li"),n=document.createElement("a"),r=document.createElement("p");e.style.whiteSpace="nowrap",r.style.gap="10px",r.textContent=`${new Intl.DateTimeFormat(navigator.language).format(new Date(1e3*t.timestamp))}`,n.href=t.uri.substring(t.uri.indexOf("/blog/")),n.textContent=o,n.style.display="inline-block",r.style.display="inline-block",e.appendChild(r),e.appendChild(n),i.appendChild(e)}}})))),document.getElementById("blogIndex").appendChild(i)})).catch((e=>{console.error("Error fetching and processing blog index:",e)})))}))}))}})[196]();

5
dist/blogindex.txt vendored
View File

@ -1,3 +1,2 @@
1708193771 https://bear.oops.wtf/blog/firstPost.html
1710212630 https://bear.oops.wtf/blog/index.html
1710216340 https://bear.oops.wtf/blog/minimalMessaging.html
1737426861 https://bear.oops.wtf/blog/index.html
1737433044 https://bear.oops.wtf/blog/firstPost.html

1
dist/bundle.css vendored Normal file
View File

@ -0,0 +1 @@
@font-face{font-family:"Material Icons";font-style:normal;font-weight:400;src:url(0c35d18bf06992036b69.woff2) format("woff2");font-display:swap}.material-icons{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-moz-font-feature-settings:"liga";-moz-osx-font-smoothing:grayscale}*{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}body{font-family:Arial,sans-serif;font-size:1.5em;margin:2em;line-height:1.6;height:100vh;width:auto;margin:0;padding:0;text-align:left;background-color:#1e1e2e;color:#cdd6f4;white-space:normal}.header-container{width:100vw;text-align:center;justify-content:center}.center-image{display:block;margin-left:auto;margin-right:auto}.meta{font-size:.75em;line-height:1;color:#313244}header{background-color:#11111b;color:#cdd6f4;height:auto}header a{color:#cdd6f4;text-decoration:dotted;font-size:1.5rem}header a i{vertical-align:middle;display:inline-block}nav{background-color:#11111b;color:#ebdbb2;display:flex;flex-direction:row;padding-top:.25%;padding-bottom:.25%;align-items:center;justify-content:center;gap:6px}.title{font-weight:bolder;text-align:center}.article{margin-top:0;margin-bottom:auto;margin-left:0;margin-right:0;text-align:left;padding-left:30%;padding-right:30%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:left;align-items:normal;white-space:normal}.article p{text-align:left}@media(max-width: 978px){.article{padding-left:5%;padding-right:5%}.barticle{padding-left:5%;padding-right:5%}}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{text-align:left;display:block}ul,li,ol{margin:0;padding:0;list-style:none;display:block}h1,h2,h3,h4,h5,h6{color:#fbf1c7;display:block}a{color:#458588;display:block}a:hover{color:#689d6a}button{background-color:#b16286;color:#fbf1c7}button:hover{background-color:#458588}p{margin-bottom:1em;display:inline-block;white-space:normal}pre{background-color:#313244;padding:.5em;overflow:auto}code{font-family:"Courier New",Courier,monospace;background-color:#313244;color:#d65d0e;padding:.2em;border-radius:3px;display:block}table{border-collapse:collapse;width:100%;margin-bottom:1em;border-collapse:collapse;display:table}table th,table td{border:1px solid #11111b;padding:8px;text-align:left}th,td{border:1px solid #fbf1c7;padding:8px;text-align:left}th{background-color:#ebdbb2}blockquote{border-left:2px solid #313244;margin:1em 0;padding-left:1em}footer{background-color:#11111b;color:#d5c4a1}

View File

@ -1,54 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="google-site-verification" content="bjvkxJW39IrGsgIIZidzUziC9B0c5Ej0ncQX2Btyv60" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<title>Blog Index</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<!-- https://bear.oops.wtf/git/bearfm/site -->
<!-- GPL-3.0-only or GPL-3.0-or-later -->
<body>
<header>
<nav>
<a href="/"><i class="material-icons">home</i> Home</a>
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: March 15, 2024</p>
<p class="meta">Page last modified: March 15, 2024</p>
<!--
# Cool calculator
Starting Height (m)
<input type="text" id="start-height"></input>
Mass of Jumper (kg)
<input type="text" id="jumper-mass"></input>
Length of Unstretched Elastic Cord (m)
<input type="text" id="unstretched-length"></input>
Spring Constant (Newtons per meter)
<input type="text" id="spring-constant"></input>
Height of Jumper (m)
<input type="text" id="jumper-height"></input>
-->
</article>
</body>
</html>

27
dist/coolLinks.html vendored
View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>Blog Index</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,16 +25,19 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: March 4, 2024</p>
<p>Pages I think are cool:</p>
<p><a href="https://cronyakatsuki.xyz" target="_blank">Cronys
Page</a>
<a href="https://kaku.moe" target="_blank">Sensokakus
Page</a></p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: March 4, 2024</p>
<p>Pages I think are cool:</p>
<p><a href="https://cronyakatsuki.xyz" target="_blank">Cronys
Page</a> <a href="https://kaku.moe" target="_blank">Sensokakus
Page</a></p>
</article>
</body>
</html>

1
dist/css.js vendored

File diff suppressed because one or more lines are too long

1
dist/css/center.css vendored
View File

@ -1 +0,0 @@
.article{text-align:center}

193
dist/css/style.css vendored
View File

@ -1,193 +0,0 @@
/*
* Copyright (c) 2024 BearFM
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
body {
font-family: Arial, sans-serif;
font-size: 1.5em;
margin: 2em;
line-height: 1.6;
height: 100vh;
width: auto;
margin: 0;
padding: 0;
text-align: left;
background-color: #1b1b1b;
color: #ebdbb2;
}
.center-image {
display: block;
margin-left: auto;
margin-right: auto;
}
.meta {
font-size: 0.75em;
line-height: 1;
color: #504945;
}
.center-box {
text-align: left;
width: 15%;
margin: auto;
}
header {
background-color: #2c2927;
color: #ebdbb2;
height: auto;
}
header a {
color: #ebdbb2;
text-decoration: dotted;
font-size: 1.5rem;
}
header a i {
vertical-align: middle;
display: inline-block;
}
nav {
background-color: #2c2927;
color: #ebdbb2;
display: flex;
flex-direction: row;
padding-top: 0.25%;
padding-bottom: 0.25%;
align-items: center;
justify-content: center;
gap: 6px;
}
.title {
font-weight: bolder;
text-align: center;
}
.article {
margin-top: 0;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
text-align: left;
padding-left: 42.25%;
padding-right: 42.25%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: left;
align-items: normal;
white-space: normal;
}
.article p {
text-align: left;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
text-align: left;
display: initial;
}
ul, li, ol {
margin: 0;
padding: 0;
list-style: none;
display: initial;
}
h1, h2, h3, h4, h5, h6 {
color: #fbf1c7;
display: initial;
}
a {
color: #458588;
display: initial;
}
a:hover {
color: #689d6a;
}
button {
background-color: #b16286;
color: #fbf1c7;
}
button:hover {
background-color: #458588;
}
p {
margin-bottom: 1em;
display: initial;
}
pre {
background-color: #504945;
padding: 0.5em;
overflow: auto;
}
code {
font-family: "Courier New", Courier, monospace;
background-color: #504945;
color: #d65d0e;
padding: 0.2em;
border-radius: 3px;
display: block;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1em;
border-collapse: collapse;
display: table;
}
table th, table td {
border: 1px solid #2c2927;
padding: 8px;
text-align: left;
}
th, td {
border: 1px solid #fbf1c7;
padding: 8px;
text-align: left;
}
th {
background-color: #ebdbb2;
}
blockquote {
border-left: 2px solid #504945;
margin: 1em 0;
padding-left: 1em;
}
footer {
background-color: #2c2927;
color: #d5c4a1;
}
/*# sourceMappingURL=style.css.map */

1
dist/elastic.js vendored
View File

@ -1 +0,0 @@
(()=>{"use strict";var t={672:(t,n,e)=>{e.d(n,{q:()=>a});var r=function(t,n,e,r){return new(e||(e=Promise))((function(o,i){function u(t){try{a(r.next(t))}catch(t){i(t)}}function c(t){try{a(r.throw(t))}catch(t){i(t)}}function a(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(u,c)}a((r=r.apply(t,n||[])).next())}))},o=function(t,n){var e,r,o,i,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(a){return function(c){if(e)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(u=0)),u;)try{if(e=1,r&&(o=2&c[0]?r.return:c[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,c[1])).done)return o;switch(r=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return u.label++,{value:c[1],done:!1};case 5:u.label++,r=c[1],c=[0];continue;case 7:c=u.ops.pop(),u.trys.pop();continue;default:if(!((o=(o=u.trys).length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){u=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){u.label=c[1];break}if(6===c[0]&&u.label<o[1]){u.label=o[1],o=c;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(c);break}o[2]&&u.ops.pop(),u.trys.pop();continue}c=n.call(t,u)}catch(t){c=[6,t],r=0}finally{e=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,a])}}},i=function(){function t(){this.doneTypingInterval=1e3,this.cacheInputFields()}return t.prototype.cacheInputFields=function(){return r(this,void 0,void 0,(function(){var t,n=this;return o(this,(function(e){return t=document.querySelectorAll("input"),console.debug(t),t.forEach((function(t){t.addEventListener("input",(function(){clearTimeout(n.typingTimer),n.typingTimer=setTimeout((function(){console.debug("".concat(t.id,": ").concat(t.value)),localStorage.setItem(t.id,t.value)}),n.doneTypingInterval)}));var e=localStorage.getItem(t.id);null!==e&&(t.value=e)})),[2]}))}))},t.prototype.clearCache=function(){return r(this,void 0,void 0,(function(){return o(this,(function(t){return document.querySelectorAll("input").forEach((function(t){localStorage.removeItem(t.id)})),[2]}))}))},t}(),u=function(t,n,e,r){return new(e||(e=Promise))((function(o,i){function u(t){try{a(r.next(t))}catch(t){i(t)}}function c(t){try{a(r.throw(t))}catch(t){i(t)}}function a(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(u,c)}a((r=r.apply(t,n||[])).next())}))},c=function(t,n){var e,r,o,i,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(a){return function(c){if(e)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(u=0)),u;)try{if(e=1,r&&(o=2&c[0]?r.return:c[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,c[1])).done)return o;switch(r=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return u.label++,{value:c[1],done:!1};case 5:u.label++,r=c[1],c=[0];continue;case 7:c=u.ops.pop(),u.trys.pop();continue;default:if(!((o=(o=u.trys).length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){u=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){u.label=c[1];break}if(6===c[0]&&u.label<o[1]){u.label=o[1],o=c;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(c);break}o[2]&&u.ops.pop(),u.trys.pop();continue}c=n.call(t,u)}catch(t){c=[6,t],r=0}finally{e=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,a])}}},a=function(){function t(t){this.state=t}return t.prototype.cache=function(){return u(this,void 0,void 0,(function(){return c(this,(function(t){return[2,new i]}))}))},t.prototype.run=function(){return u(this,void 0,void 0,(function(){var t;return c(this,(function(n){switch(n.label){case 0:return t=this,[4,this.cache()];case 1:return t.inputFieldCache=n.sent(),[2]}}))}))},t}()},108:(t,n,e)=>{var r=e(672);document.addEventListener("DOMContentLoaded",(function(){new r.q(document.getRootNode()).run()}))}},n={};function e(r){var o=n[r];if(void 0!==o)return o.exports;var i=n[r]={exports:{}};return t[r](i,i.exports,e),i.exports}e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),e(108),e(672)})();

24
dist/git/index.html vendored
View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>You shouldnt be here…</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,15 +25,17 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 26, 2024</p>
<p>This is supposed to be the location of a Gitea instance,
the webserver is likely misconfigured…</p>
<p>Until next time…</p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 26, 2024</p>
<p>This is supposed to be the location of a Gitea instance, the
webserver is likely misconfigured…</p>
<p>Until next time…</p>
</article>
</body>
</html>

25
dist/index.html vendored
View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>bear.oops.wtf</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,16 +25,17 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 6, 2024</p>
<p class="meta">Page last modified: January 20, 2025</p>
<p>Hello, Im Bear. I dont have much to put here.</p>
<p><a href="/coolLinks.html">Cool Links</a> <a
href="/git/">Git</a> <a href="/blog/">Blog Posts</a></p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 6, 2024</p>
<p class="meta">Page last modified: March 11, 2024</p>
<p>Hello, Im Bear. I dont have much to put here. I play some
games (Tetris recently),</p>
<p><a href="/coolLinks.html">Cool Links</a> <a
href="/git/">Git</a> <a href="/blog/">Blog Posts</a></p>
</article>
</body>
</html>

2
dist/main.js vendored
View File

@ -1 +1 @@
({982:function(){var n=this&&this.__awaiter||function(n,t,e,o){return new(e||(e=Promise))((function(r,c){function a(n){try{u(o.next(n))}catch(n){c(n)}}function i(n){try{u(o.throw(n))}catch(n){c(n)}}function u(n){var t;n.done?r(n.value):(t=n.value,t instanceof e?t:new e((function(n){n(t)}))).then(a,i)}u((o=o.apply(n,t||[])).next())}))},t=this&&this.__generator||function(n,t){var e,o,r,c,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return c={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function i(i){return function(u){return function(i){if(e)throw new TypeError("Generator is already executing.");for(;c&&(c=0,i[0]&&(a=0)),a;)try{if(e=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!((r=(r=a.trys).length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(n,a)}catch(n){i=[6,n],o=0}finally{e=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}};document.addEventListener("DOMContentLoaded",(function(){return n(this,void 0,void 0,(function(){return t(this,(function(n){return console.debug("%c\n\nUA: ".concat(navigator.userAgent," \n\nTITLE: ").concat(document.title," \n\nEC: ").concat(document.getElementsByTagName("*").length," \n"),"color: #fbf1c7; font-size: 20px; background-color: #1e1e2e;"),[2]}))}))}))}})[982]();
({4:function(){var n=this&&this.__awaiter||function(n,t,e,o){return new(e||(e=Promise))((function(c,i){function u(n){try{r(o.next(n))}catch(n){i(n)}}function a(n){try{r(o.throw(n))}catch(n){i(n)}}function r(n){var t;n.done?c(n.value):(t=n.value,t instanceof e?t:new e((function(n){n(t)}))).then(u,a)}r((o=o.apply(n,t||[])).next())}))};document.addEventListener("DOMContentLoaded",(function(){return n(this,void 0,void 0,(function*(){console.debug(`%c\n\nUA: ${navigator.userAgent} \n\nTITLE: ${document.title} \n\nEC: ${document.getElementsByTagName("*").length} \n`,"color: #fbf1c7; font-size: 20px; background-color: #1e1e2e;")}))}))}})[4]();

BIN
dist/materialicons.woff2 vendored Normal file

Binary file not shown.

3
dist/robots.txt vendored
View File

@ -1,2 +1,3 @@
User-Agent: *
Disallow: /
Allow: /
Sitemap: https://bear.oops.wtf/sitemap.xml

12
dist/sitemap.xml vendored
View File

@ -1,12 +1,10 @@
<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://bear.oops.wtf/blog/index.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/firstPost.html</loc></url>
<url><loc>https://bear.oops.wtf/git/index.html</loc></url>
<url><loc>https://bear.oops.wtf/snoop.html</loc></url>
<url><loc>https://bear.oops.wtf/404.html</loc></url>
<url><loc>https://bear.oops.wtf/418.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/firstPost.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/index.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/minimalMessaging.html</loc></url>
<url><loc>https://bear.oops.wtf/coolLinks.html</loc></url>
<url><loc>https://bear.oops.wtf/git/index.html</loc></url>
<url><loc>https://bear.oops.wtf/index.html</loc></url>
<url><loc>https://bear.oops.wtf/snoop.html</loc></url>
<url><loc>https://bear.oops.wtf/calc/elastic.html</loc></url>
<url><loc>https://bear.oops.wtf/coolLinks.html</loc></url>
</urlset>

20
dist/snoop.html vendored
View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>bear.oops.wtf</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,13 +25,15 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 6, 2024</p>
<p class="meta">Page last modified: March 11, 2024</p>
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: January 6, 2024</p>
<p class="meta">Page last modified: March 11, 2024</p>
</article>
</body>
</html>

View File

@ -6,7 +6,7 @@ export class InputFieldCache {
this.cacheInputFields();
}
private async cacheInputFields() {
private async cacheInputFields(): Promise<void> {
const inputFields = document.querySelectorAll('input');
console.debug(inputFields);
inputFields.forEach((input: HTMLInputElement) => {

View File

@ -1,9 +1,11 @@
async function convertCamelCaseToReadable(text: string): Promise<string> {
// i have no idea how this regex works
return await text
return new Promise<string>((resolve) => {
resolve(text
.replace(/([a-z])([A-Z])/g, '$1 $2')
.replace(/(\d{4}-\d{2}-\d{2})/g, ' $1')
.replace(/\b\w/g, c => c.toUpperCase());
.replace(/\b\w/g, c => c.toUpperCase()))
});
}
async function blogIndex(): Promise<void> {

View File

@ -1 +0,0 @@
import "../../src/scss/style.scss";

File diff suppressed because it is too large Load Diff

View File

@ -2,7 +2,7 @@
title: First Post
author: BearFM
date: January 26, 2024
modified: January 26, 2024
modified: January 20, 2025
header:
---
@ -10,4 +10,4 @@ wowzers first post
<img src="/xertun.webp" width="200" height="200">
me ^
me ^ (no cap)

View File

@ -1,19 +0,0 @@
---
title: Why Keeping Your Applications Minimal Counts. - bear.oops.wtf
author: BearFM
date: March 11, 2024
modified: March 11, 2024
header:
---
# Introduction
When a man is stuck with cell service for a while (and abysmally slow LTE at that), he starts to realize how bloated the web is.
When slow dialup was common, people actually made their websites lightweight because it was the only option, otherwise the site wouldn't load for people trying to visit it.
# The Solution
The solution? Normalize web apps and websites that are easy on bandwidth (and your system for that matter).
The cozy web is full of these amazing sites, but the dark forest not so much.
Might need to write another chatting protocol...

View File

@ -1,26 +0,0 @@
---
title: Blog Index
author: BearFM
date: March 15, 2024
modified: March 15, 2024
#header: <script src="/elastic.js"></script>
header:
---
<!--
# Cool calculator
Starting Height (m)
<input type="text" id="start-height"></input>
Mass of Jumper (kg)
<input type="text" id="jumper-mass"></input>
Length of Unstretched Elastic Cord (m)
<input type="text" id="unstretched-length"></input>
Spring Constant (Newtons per meter)
<input type="text" id="spring-constant"></input>
Height of Jumper (m)
<input type="text" id="jumper-height"></input>
-->

View File

@ -2,12 +2,11 @@
title: bear.oops.wtf
author: BearFM
date: January 6, 2024
modified: March 11, 2024
modified: January 20, 2025
header:
---
Hello, I'm Bear. I don't have much to put here.
I play some games (Tetris recently),
[Cool Links](/coolLinks.html)
[Git](/git/)

View File

@ -1,5 +1,29 @@
@use "sass:math";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url("/static/materialicons.woff2") format('woff2');
font-display: swap;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
}
$gruvbox-bg: #1e1e2e;
$gruvbox-fg: #cdd6f4;

View File

@ -5,9 +5,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
<script src="/css.js" type=""></script>
<script src="/main.js" type=""></script>
<script src="/main.js" type="" defer></script>
<title>$title$</title>
<link rel="stylesheet" href="/bundle.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
@ -25,13 +25,15 @@
<a href="/blog/"><i class="material-icons">book</i> Blog</a>
</nav>
</header>
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
<div id="__container">
<div class="header-container">
<h1 class="title">BEAR.OOPS.WTF</h1>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: $date$</p>
<p class="meta">Page last modified: $modified$</p>
$body$
</article>
</div>
<article class="article" id="article-body">
<p class="meta">Page created: $date$</p>
<p class="meta">Page last modified: $modified$</p>
$body$
</article>
</body>
</html>

BIN
static/materialicons.woff2 Normal file

Binary file not shown.

View File

@ -3,7 +3,7 @@
"allowSyntheticDefaultImports": true,
"noImplicitAny": true,
"module": "es6",
"target": "es5",
"target": "es6",
"allowJs": true
},
"include": ["./js/**/*", "./src/scss/**/*.scss"]

View File

@ -15,15 +15,15 @@ const config = {
blogIndex: glob.sync("./js/blogIndex/**/*.ts").map(file => path.resolve(file)),
css: glob.sync("./js/css/**/*.ts").map(file => path.resolve(file)).concat(["./src/scss/style.scss"]),
main: glob.sync("./js/main/**/*.ts").map(file => path.resolve(file)),
elastic: glob.sync("./js/calc/**/*.ts").map(file => path.resolve(file)),
},
output: {
filename: "[name].js",
path: path.resolve(__dirname, 'dist'),
},
plugins: [
new MiniCssExtractPlugin(),
new MiniCssExtractPlugin({
filename: "bundle.css"
}),
new DisableTreeShakingForChunk({
test: "main"
}),
@ -37,11 +37,11 @@ const config = {
},
{
test: /\.css$/i,
use: ["style-loader", 'css-loader'],
use: [MiniCssExtractPlugin.loader, 'css-loader'],
},
{
test: /\.s[ac]ss$/i,
use: ["style-loader", 'css-loader', 'sass-loader'],
use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
},
{
test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,