now pushing compiled files, and added other stuff

This commit is contained in:
bearfm 2024-01-26 19:44:36 -08:00
parent dd3fb4700d
commit 3e332dfe23
Signed by untrusted user who does not match committer: bearfm
GPG Key ID: 573A776FED58E1A4
35 changed files with 361 additions and 9 deletions

1
.gitignore vendored
View File

@ -1,2 +1 @@
dist/*
.sass-cache .sass-cache

4
.vscode/settings.json vendored Normal file
View File

@ -0,0 +1,4 @@
{
"liveServer.settings.multiRootWorkspaceName": "site",
"liveServer.settings.root": "dist/"
}

View File

@ -1,5 +1,6 @@
SRCDIR = src SRCDIR = src
DISTDIR = dist DISTDIR = dist
STATICDIR = static
CSSDIR = $(DISTDIR)/css CSSDIR = $(DISTDIR)/css
SCSSDIR = $(SRCDIR)/scss SCSSDIR = $(SRCDIR)/scss
SCSSINCDIR = $(SCSSDIR)/includes SCSSINCDIR = $(SCSSDIR)/includes
@ -10,11 +11,12 @@ CSSFILES = $(patsubst $(SCSSDIR)/%.scss, $(CSSDIR)/%.css, $(SCSSFILES))
MDFILES = $(shell find $(SRCDIR) -type f -name '*.md') MDFILES = $(shell find $(SRCDIR) -type f -name '*.md')
HTMLFILES = $(patsubst $(SRCDIR)/%.md, $(DISTDIR)/%.html, $(MDFILES)) HTMLFILES = $(patsubst $(SRCDIR)/%.md, $(DISTDIR)/%.html, $(MDFILES))
TMPL = $(SRCDIR)/tmpl.html TMPL = $(SRCDIR)/tmpl.html
STATICFILES = $(shell find $(STATICDIR) -type f -name '*')
URI = "https://bear.oops.wtf" URI = "https://bear.oops.wtf"
.PHONY: all .PHONY: all
all: html css $(DISTDIR)/robots.txt $(DISTDIR)/sitemap.xml static all: html css $(DISTDIR)/robots.txt $(DISTDIR)/sitemap.xml $(DISTDIR)/blogindex.txt static
# Build # Build
@ -52,7 +54,14 @@ $(DISTDIR)/sitemap.xml: $(HTMLFILES)
done done
@echo '</urlset>' >> $@ @echo '</urlset>' >> $@
$(DISTDIR)/blogindex.txt: $(HTMLFILES)
@> $@
@for f in $^; do \
uri="$(URI)$${f#$(DISTDIR)}"; \
if [[ "$$uri" == "$(URI)/blog/"* ]]; then \
echo "$$uri" >> $@; \
fi; \
done
.PHONY: clean .PHONY: clean
clean: clean:
rm -v $(HTMLFILES) rm -v $(HTMLFILES)
@ -64,5 +73,5 @@ help:
awk 'BEGIN {FS = ":.*?## "}; {printf "\033[34m%-15s\033[0m %s\n", $$1, $$2}' awk 'BEGIN {FS = ":.*?## "}; {printf "\033[34m%-15s\033[0m %s\n", $$1, $$2}'
.PHONY: static .PHONY: static
static: static: $(STATICFILES)
@install -v -D -t dist/ static/* @cp -r $(STATICFILES) $(DISTDIR)

0
dist/.gitkeep vendored Normal file
View File

31
dist/404.html vendored Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<title>404 - Not Found</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>
<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>
<h1 class="title">BEAR.OOPS.WTF</h1>
<div class="center-box">
<p class="meta">Page created: January 25, 2024</p>
<p class="meta">Page last modified: January 25, 2024</p>
</div>
<article class="article">
<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>

BIN
dist/android-chrome-192x192.png vendored Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

BIN
dist/android-chrome-512x512.png vendored Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB

BIN
dist/apple-touch-icon.png vendored Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

30
dist/blog/firstPost.html vendored Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<title>First Post</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>
<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>
<h1 class="title">BEAR.OOPS.WTF</h1>
<div class="center-box">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 26, 2024</p>
</div>
<article class="article">
<p>wowzers first post</p>
<p>p</p>
</article>
</body>
</html>

34
dist/blog/index.html vendored Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<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>
<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>
<h1 class="title">BEAR.OOPS.WTF</h1>
<div class="center-box">
<p class="meta">Page created: January 26, 2024</p>
<p class="meta">Page last modified: January 26, 2024</p>
</div>
<article class="article">
<p>Index of blog posts:</p>
<div id="blogIndex">
JavaScript must be enabled for the blog index to work. Otherwise visit <a href="/blogindex.txt">blogindex.txt</a> for a plaintext list.
</div>
<script type="text/javascript" src="/blogIndex.js"></script>
<script type="text/javascript">blogIndex();</script>
</article>
</body>
</html>

30
dist/blogIndex.js vendored Executable file
View File

@ -0,0 +1,30 @@
function blogIndex() {
document.getElementById('blogIndex').innerHTML = null;
fetch('/blogindex.txt')
.then(response => response.text())
.then(data => {
const uriList = data.split('\n');
const ulElement = document.createElement('ul');
uriList.forEach(uri => {
const name = uri.split('/').pop().replace('.html', '');
if (name.toLowerCase() !== 'index') {
const liElement = document.createElement('li');
const aElement = document.createElement('a');
aElement.href = uri;
aElement.textContent = name;
liElement.appendChild(aElement);
ulElement.appendChild(liElement);
}
});
document.getElementById('blogIndex').appendChild(ulElement);
})
.catch(error => {
console.error('Error fetching blog index:', error);
});
}

2
dist/blogindex.txt vendored Normal file
View File

@ -0,0 +1,2 @@
https://bear.oops.wtf/blog/index.html
https://bear.oops.wtf/blog/firstPost.html

2
dist/css/style.css vendored Normal file
View File

@ -0,0 +1,2 @@
@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:center;background-color:#282828;color:#ebdbb2}.meta{font-size:0.75em;line-height:1;color:#504945}.center-box{text-align:left;width:15%;margin:auto}header{background-color:#3c3836;color:#ebdbb2}header a{color:#ebdbb2;text-decoration:dotted;font-size:1.5rem}header a i{vertical-align:middle;display:inline-block}nav{background-color:#504945;color:#ebdbb2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.title{font-weight:bolder}.article{width:auto;margin:0 auto;margin-top:0%;text-align:justify;width:30vw}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{text-align:center}ul,li,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{color:#fbf1c7}a{color:#458588}a:hover{color:#689d6a}button{background-color:#b16286;color:#fbf1c7}button:hover{background-color:#458588}p{margin-bottom:1em}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}table{border-collapse:collapse;width:100%;margin-bottom:1em;border-collapse:collapse}table th,table td{border:1px solid #3c3836;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:#3c3836;color:#d5c4a1}
/*# sourceMappingURL=style.css.map */

7
dist/css/style.css.map vendored Normal file
View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AAgBQ,iEAAyD,CAkBjE,IAAK,CACD,WAAW,CAAE,iBAAiB,CAC9B,SAAS,CAAE,KAAK,CAEhB,MAAM,CAAE,GAAG,CACX,WAAW,CAAE,GAAG,CAEhB,MAAM,CAAE,KAAK,CACb,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CAEV,UAAU,CAAE,MAAM,CAElB,gBAAgB,CA9BP,OAAO,CA+BhB,KAAK,CA9BI,OAAO,CAiCpB,KAAM,CACF,SAAS,CAAE,MAAM,CACjB,WAAW,CAAE,CAAC,CACd,KAAK,CAlCO,OAAO,CAqCvB,WAAY,CACR,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,IAAI,CAGhB,MAAO,CACH,gBAAgB,CA7CJ,OAAO,CA8CnB,KAAK,CA/CI,OAAO,CAgDhB,QAAE,CACE,KAAK,CAjDA,OAAO,CAkDZ,eAAe,CAAE,MAAM,CACvB,SAAS,CAAE,MAAM,CACjB,UAAE,CACE,cAAc,CAAE,MAAM,CACtB,OAAO,CAAE,YAAY,CAKjC,GAAI,CACA,gBAAgB,CA1DJ,OAAO,CA2DnB,KAAK,CAzDQ,OAAO,CA0DpB,OAAO,CAAE,IAAI,CACb,cAAc,CAAE,GAAG,CAEnB,WAAW,CAAE,MAAM,CACnB,eAAe,CAAE,MAAM,CAEvB,GAAG,CAAE,GAAG,CAGZ,MAAO,CACH,WAAW,CAAE,MAAM,CAGvB,QAAS,CACL,KAAK,CAAE,IAAI,CACX,MAAM,CAAE,MAAM,CACd,UAAU,CAAE,EAAE,CACd,UAAU,CAAE,OAAO,CAEnB,KAAK,CAAE,IAAI,CAGf,uEAKY,CACR,UAAU,CAAE,MAAM,CAGtB,QAAW,CACP,MAAM,CAAE,CAAC,CACT,OAAO,CAAE,CAAC,CACV,UAAU,CAAE,IAAI,CAGpB,iBAAuB,CACnB,KAAK,CAjGQ,OAAO,CAoGxB,CAAE,CACE,KAAK,CA9FM,OAAO,CA+FlB,OAAQ,CACN,KAAK,CA9FI,OAAO,CAkGtB,MAAO,CACH,gBAAgB,CApGH,OAAO,CAqGpB,KAAK,CA7GQ,OAAO,CA8GpB,YAAQ,CACN,gBAAgB,CAxGP,OAAO,CA6GtB,CAAE,CACE,aAAa,CAAE,GAAG,CAGtB,GAAI,CACA,gBAAgB,CA1HJ,OAAO,CA2HnB,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,IAAI,CAGlB,IAAK,CACD,WAAW,CAAE,iCAAiC,CAC9C,gBAAgB,CAjIJ,OAAO,CAkInB,KAAK,CAvHQ,OAAO,CAwHpB,OAAO,CAAE,KAAK,CACd,aAAa,CAAE,GAAG,CAGtB,KAAM,CACF,eAAe,CAAE,QAAQ,CACzB,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,GAAG,CAClB,eAAe,CAAE,QAAQ,CACzB,iBAAO,CACH,MAAM,CAAE,iBAAwB,CAChC,OAAO,CAAE,GAAG,CACZ,UAAU,CAAE,IAAI,CAIxB,KAAO,CACH,MAAM,CAAE,iBAAyB,CACjC,OAAO,CAAE,GAAG,CACZ,UAAU,CAAE,IAAI,CAGpB,EAAG,CACC,gBAAgB,CAxJH,OAAO,CA2JxB,UAAW,CACP,WAAW,CAAE,iBAAwB,CACrC,MAAM,CAAE,KAAK,CACb,YAAY,CAAE,GAAG,CAGrB,MAAO,CACH,gBAAgB,CArKJ,OAAO,CAsKnB,KAAK,CAlKQ,OAAO",
"sources": ["../../src/scss/style.scss"],
"names": [],
"file": "style.css"
}

BIN
dist/favicon-16x16.png vendored Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 875 B

BIN
dist/favicon-32x32.png vendored Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
dist/favicon.ico vendored Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

95
dist/index.html vendored Normal file
View File

@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.css">
<title>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>
<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>
<h1 class="title">BEAR.OOPS.WTF</h1>
<div class="center-box">
<p class="meta">Page created: January 6, 2024</p>
<p class="meta">Page last modified: January 25, 2024</p>
</div>
<article class="article">
<h1 id="hi">hi</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Mollis aliquam ut porttitor leo a diam. Purus semper eget duis
at tellus. Dui sapien eget mi proin sed libero enim. Turpis
egestas maecenas pharetra convallis posuere morbi leo urna
molestie. Ultricies mi quis hendrerit dolor magna eget. Justo
donec enim diam vulputate. Egestas quis ipsum suspendisse
ultrices. Nisl condimentum id venenatis a condimentum vitae.
Proin sed libero enim sed faucibus. Eget mauris pharetra et
ultrices neque ornare aenean euismod. Interdum velit laoreet id
donec ultrices tincidunt. Dignissim sodales ut eu sem integer
vitae justo eget magna. Quam adipiscing vitae proin sagittis
nisl. Quis imperdiet massa tincidunt nunc. Laoreet id donec
ultrices tincidunt arcu non. Enim facilisis gravida neque
convallis. In ornare quam viverra orci sagittis eu volutpat
odio.</p>
<p>Felis eget velit aliquet sagittis id consectetur. Cras
fermentum odio eu feugiat pretium nibh ipsum consequat. Nam
aliquam sem et tortor consequat id porta nibh. Et molestie ac
feugiat sed lectus vestibulum mattis. Morbi tincidunt augue
interdum velit. Aliquam sem fringilla ut morbi tincidunt augue
interdum velit euismod. Sem viverra aliquet eget sit amet tellus
cras adipiscing. Posuere morbi leo urna molestie at elementum.
Risus ultricies tristique nulla aliquet enim tortor at auctor.
Eget egestas purus viverra accumsan. Sed viverra ipsum nunc
aliquet bibendum enim facilisis gravida. Cursus in hac habitasse
platea dictumst quisque sagittis purus. At lectus urna duis
convallis convallis tellus id.</p>
<p>Pellentesque massa placerat duis ultricies lacus sed turpis
tincidunt. Ornare massa eget egestas purus viverra accumsan. Est
velit egestas dui id ornare arcu odio ut sem. Sed viverra tellus
in hac. Ut eu sem integer vitae justo eget magna. Egestas sed
sed risus pretium. Sem nulla pharetra diam sit amet nisl
suscipit adipiscing. Nulla porttitor massa id neque aliquam
vestibulum. Facilisis mauris sit amet massa vitae tortor
condimentum. Sit amet nisl purus in mollis nunc sed. Lectus
magna fringilla urna porttitor.</p>
<p>Neque viverra justo nec ultrices dui sapien eget mi proin.
Interdum consectetur libero id faucibus nisl. Odio ut enim
blandit volutpat maecenas. Elementum nisi quis eleifend quam
adipiscing vitae. In fermentum et sollicitudin ac orci. Elit
ullamcorper dignissim cras tincidunt lobortis feugiat.
Suspendisse potenti nullam ac tortor vitae. Enim tortor at
auctor urna nunc id cursus metus aliquam. Faucibus interdum
posuere lorem ipsum. Venenatis tellus in metus vulputate eu.
Erat pellentesque adipiscing commodo elit at. Et ligula
ullamcorper malesuada proin libero nunc consequat. Vestibulum
morbi blandit cursus risus.</p>
<p>Arcu vitae elementum curabitur vitae nunc sed velit
dignissim. Vulputate odio ut enim blandit volutpat maecenas
volutpat blandit aliquam. Pellentesque eu tincidunt tortor
aliquam nulla facilisi cras. Nunc faucibus a pellentesque sit
amet. Mauris ultrices eros in cursus turpis massa tincidunt dui
ut. Nulla porttitor massa id neque aliquam vestibulum morbi
blandit cursus. Quam viverra orci sagittis eu volutpat odio
facilisis. Aliquet eget sit amet tellus. Mauris rhoncus aenean
vel elit scelerisque mauris pellentesque. Quisque id diam vel
quam elementum pulvinar. Mattis vulputate enim nulla aliquet
porttitor. Ultrices neque ornare aenean euismod. Vestibulum sed
arcu non odio euismod lacinia. Est pellentesque elit ullamcorper
dignissim cras. Nascetur ridiculus mus mauris vitae ultricies
leo integer. Viverra adipiscing at in tellus integer feugiat
scelerisque varius. Risus pretium quam vulputate dignissim.
Hendrerit gravida rutrum quisque non tellus orci ac. Aliquam
eleifend mi in nulla posuere sollicitudin aliquam ultrices
sagittis.</p>
</article>
</body>
</html>

3
dist/robots.txt vendored Normal file
View File

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

1
dist/site.webmanifest vendored Normal file
View File

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

6
dist/sitemap.xml vendored Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url><loc>https://bear.oops.wtf/index.html</loc></url>
<url><loc>https://bear.oops.wtf/404.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/index.html</loc></url>
<url><loc>https://bear.oops.wtf/blog/firstPost.html</loc></url>
</urlset>

BIN
dist/xertun.webp vendored Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

10
src/blog/firstPost.md Normal file
View File

@ -0,0 +1,10 @@
---
title: First Post
author: BearFM
date: January 26, 2024
modified: January 26, 2024
---
wowzers first post
<p>p</p>

15
src/blog/index.md Normal file
View File

@ -0,0 +1,15 @@
---
title: Blog Index
author: BearFM
date: January 26, 2024
modified: January 26, 2024
---
Index of blog posts:
<div id="blogIndex">
JavaScript must be enabled for the blog index to work. Otherwise visit <a href="/blogindex.txt">blogindex.txt</a> for a plaintext list.
</div>
<script type="text/javascript" src="/blogIndex.js"></script>
<script type="text/javascript">blogIndex();</script>

View File

@ -5,4 +5,14 @@ date: January 6, 2024
modified: January 25, 2024 modified: January 25, 2024
--- ---
Hello, I'm Bear. # hi
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mollis aliquam ut porttitor leo a diam. Purus semper eget duis at tellus. Dui sapien eget mi proin sed libero enim. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Ultricies mi quis hendrerit dolor magna eget. Justo donec enim diam vulputate. Egestas quis ipsum suspendisse ultrices. Nisl condimentum id venenatis a condimentum vitae. Proin sed libero enim sed faucibus. Eget mauris pharetra et ultrices neque ornare aenean euismod. Interdum velit laoreet id donec ultrices tincidunt. Dignissim sodales ut eu sem integer vitae justo eget magna. Quam adipiscing vitae proin sagittis nisl. Quis imperdiet massa tincidunt nunc. Laoreet id donec ultrices tincidunt arcu non. Enim facilisis gravida neque convallis. In ornare quam viverra orci sagittis eu volutpat odio.
Felis eget velit aliquet sagittis id consectetur. Cras fermentum odio eu feugiat pretium nibh ipsum consequat. Nam aliquam sem et tortor consequat id porta nibh. Et molestie ac feugiat sed lectus vestibulum mattis. Morbi tincidunt augue interdum velit. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Sem viverra aliquet eget sit amet tellus cras adipiscing. Posuere morbi leo urna molestie at elementum. Risus ultricies tristique nulla aliquet enim tortor at auctor. Eget egestas purus viverra accumsan. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida. Cursus in hac habitasse platea dictumst quisque sagittis purus. At lectus urna duis convallis convallis tellus id.
Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Ornare massa eget egestas purus viverra accumsan. Est velit egestas dui id ornare arcu odio ut sem. Sed viverra tellus in hac. Ut eu sem integer vitae justo eget magna. Egestas sed sed risus pretium. Sem nulla pharetra diam sit amet nisl suscipit adipiscing. Nulla porttitor massa id neque aliquam vestibulum. Facilisis mauris sit amet massa vitae tortor condimentum. Sit amet nisl purus in mollis nunc sed. Lectus magna fringilla urna porttitor.
Neque viverra justo nec ultrices dui sapien eget mi proin. Interdum consectetur libero id faucibus nisl. Odio ut enim blandit volutpat maecenas. Elementum nisi quis eleifend quam adipiscing vitae. In fermentum et sollicitudin ac orci. Elit ullamcorper dignissim cras tincidunt lobortis feugiat. Suspendisse potenti nullam ac tortor vitae. Enim tortor at auctor urna nunc id cursus metus aliquam. Faucibus interdum posuere lorem ipsum. Venenatis tellus in metus vulputate eu. Erat pellentesque adipiscing commodo elit at. Et ligula ullamcorper malesuada proin libero nunc consequat. Vestibulum morbi blandit cursus risus.
Arcu vitae elementum curabitur vitae nunc sed velit dignissim. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Nunc faucibus a pellentesque sit amet. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Nulla porttitor massa id neque aliquam vestibulum morbi blandit cursus. Quam viverra orci sagittis eu volutpat odio facilisis. Aliquet eget sit amet tellus. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Quisque id diam vel quam elementum pulvinar. Mattis vulputate enim nulla aliquet porttitor. Ultrices neque ornare aenean euismod. Vestibulum sed arcu non odio euismod lacinia. Est pellentesque elit ullamcorper dignissim cras. Nascetur ridiculus mus mauris vitae ultricies leo integer. Viverra adipiscing at in tellus integer feugiat scelerisque varius. Risus pretium quam vulputate dignissim. Hendrerit gravida rutrum quisque non tellus orci ac. Aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis.

View File

@ -56,6 +56,12 @@ body {
color: $gruvbox-dark2; color: $gruvbox-dark2;
} }
.center-box {
text-align: left;
width: 15%;
margin: auto;
}
header { header {
background-color: $gruvbox-dark1; background-color: $gruvbox-dark1;
color: $gruvbox-fg; color: $gruvbox-fg;
@ -73,6 +79,13 @@ header {
nav { nav {
background-color: $gruvbox-dark2; background-color: $gruvbox-dark2;
color: $gruvbox-light1; color: $gruvbox-light1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6px;
} }
.title { .title {
@ -81,6 +94,20 @@ nav {
.article { .article {
width: auto; width: auto;
margin: 0 auto;
margin-top: 0%;
text-align: justify;
width: 30vw;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
text-align: center;
} }
ul, li, ol { ul, li, ol {

View File

@ -3,8 +3,12 @@
<head> <head>
<meta charset="UTF-8"> <meta 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">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="/css/style.css">
<title>$title$</title> <title>$title$</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> </head>
<body> <body>
<header> <header>
@ -14,8 +18,10 @@
</nav> </nav>
</header> </header>
<h1 class="title">BEAR.OOPS.WTF</h1> <h1 class="title">BEAR.OOPS.WTF</h1>
<p class="meta">Page created: $date$</p> <div class="center-box">
<p class="meta">Page last modified: $modified$</p> <p class="meta">Page created: $date$</p>
<p class="meta">Page last modified: $modified$</p>
</div>
<article class="article"> <article class="article">
$body$ $body$
</article> </article>

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 238 KiB

BIN
static/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

30
static/blogIndex.js Normal file
View File

@ -0,0 +1,30 @@
function blogIndex() {
document.getElementById('blogIndex').innerHTML = null;
fetch('/blogindex.txt')
.then(response => response.text())
.then(data => {
const uriList = data.split('\n');
const ulElement = document.createElement('ul');
uriList.forEach(uri => {
const name = uri.split('/').pop().replace('.html', '');
if (name.toLowerCase() !== 'index') {
const liElement = document.createElement('li');
const aElement = document.createElement('a');
aElement.href = uri;
aElement.textContent = name;
liElement.appendChild(aElement);
ulElement.appendChild(liElement);
}
});
document.getElementById('blogIndex').appendChild(ulElement);
})
.catch(error => {
console.error('Error fetching blog index:', error);
});
}

BIN
static/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 875 B

BIN
static/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

1
static/site.webmanifest Normal file
View File

@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}