now pushing compiled files, and added other stuff
|
@ -1,2 +1 @@
|
||||||
dist/*
|
|
||||||
.sass-cache
|
.sass-cache
|
|
@ -0,0 +1,4 @@
|
||||||
|
{
|
||||||
|
"liveServer.settings.multiRootWorkspaceName": "site",
|
||||||
|
"liveServer.settings.root": "dist/"
|
||||||
|
}
|
17
Makefile
|
@ -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,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>
|
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 238 KiB |
After Width: | Height: | Size: 46 KiB |
|
@ -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>
|
|
@ -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>
|
|
@ -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);
|
||||||
|
});
|
||||||
|
}
|
|
@ -0,0 +1,2 @@
|
||||||
|
https://bear.oops.wtf/blog/index.html
|
||||||
|
https://bear.oops.wtf/blog/firstPost.html
|
|
@ -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 */
|
|
@ -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"
|
||||||
|
}
|
After Width: | Height: | Size: 875 B |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 15 KiB |
|
@ -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>
|
|
@ -0,0 +1,3 @@
|
||||||
|
User-Agent: *
|
||||||
|
Allow: *
|
||||||
|
Sitemap: https://bear.oops.wtf/sitemap.xml
|
|
@ -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"}
|
|
@ -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>
|
After Width: | Height: | Size: 9.7 KiB |
|
@ -0,0 +1,10 @@
|
||||||
|
---
|
||||||
|
title: First Post
|
||||||
|
author: BearFM
|
||||||
|
date: January 26, 2024
|
||||||
|
modified: January 26, 2024
|
||||||
|
---
|
||||||
|
|
||||||
|
wowzers first post
|
||||||
|
|
||||||
|
<p>p</p>
|
|
@ -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>
|
12
src/index.md
|
@ -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.
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 238 KiB |
After Width: | Height: | Size: 46 KiB |
|
@ -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);
|
||||||
|
});
|
||||||
|
}
|
After Width: | Height: | Size: 875 B |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 15 KiB |
|
@ -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"}
|