Compare commits

...

3 Commits

Author SHA1 Message Date
Brian Picciano
f8cc9f6aa7 Update header, remove 'Updated at' times on posts 2022-11-27 23:03:11 +01:00
Brian Picciano
7f79413102 Add the ghost to every page 2022-11-27 22:46:07 +01:00
Brian Picciano
b3d3fa7c62 Bold post titles in index 2022-11-27 22:04:31 +01:00
3 changed files with 190 additions and 10 deletions

View File

@ -14,13 +14,101 @@
<body> <body>
<header> <header>
<a href="{{ BlogURL "/" }}"><strong>Mediocre Blog</strong></a>
by <pre class="fuck-it-up">
<a href="https://mediocregopher.com">mediocregopher</a> .%*. .-.
.%@@@+. .--=%@@@-
=@@@@@@- :--+@@@@@@@@@*
*@%@@@@@%: :--=#@@@@@@@@@@@@#@@+
@@::%@@@@@@-: :::-=%@@@@@@@@@@@@@@%#*- :@*
.@@ =@@@@@@@@@+-:::::::-=*@@@@@@@@@@@@@@@@@@@%##- @@:
#@# +%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#*: -@@
#@- *%@@@@@@@@@@@@@@@@@%%%#= %@=
@@: -=+++== .. @@:
@@ . -@@@ +@@
#@% =@@@@- +@@@@# *+ %@#
#@- -@@@@@@@. +@@@@@% .%@@@@= @@:
@@: +@@@@@@@@@ +@+ +@@@ %@@@@@@@@@ -@@
@@ *@%@* :@@@ *@+ -@@@ %@@@@@@@@@@@# @@@
#@% %@ @% %@@ *@* .@@@ =@@@*@@ :@@@@ @@:
%@:## *@+ :@@ :@@ @@@ %@@: @# .@@@ .@@
@@:. @@: .@@ @@ @@@ %@: @@ @@% @@%
@@ -@@. =@@ @@. @@@ %@. #@- @@# @@.
%@% +@@. @@. %@- @@@ #@ @@. :@@ -@@
%@: +@@+ .@% #@= @@@.@ *@@ +@+ @@*
@@: +@@%. .%% *@+ @@@ %@@ -@# @@
@@ :@@@@@@% :@@ @@% %@@ @# *@@
%@@ #@@@@* @@ @@% %@@. %@. @@:
@@: ===: @@. @@% %@@: =@%. .@@
@@. #@= @@% %@@%+%@#. @@%
@@ +@* @@# -@@@@@* .@@
%@@ :@@ @@# %@@#: =@@
@@: .@@ @@# : @@=
@@. @@. @@# :@@
@@ #@= @@% %@%
#@@ +@+ #@% .@@
@@: =@# +@% =@%
@@ :@% -@@ @@+
@@ .@@ -@: -@@
-@@ @% .: *@#
@@* # @@.
@@ =@@
.@@ @@*
.@@ .@@
*@@ =@#
@@* @@*
@@ -@@
.@@ +@*
.@@ @@-
-@@ =@@
%@% #@*
@@ @@:
@@ +@@
.@@ %@+
:@% @@.
:@% *@%
-@. %@=
%@ @@.
@@ *@%
@@ %@=
@% @@:
:@% +@@
:@* =+- #@+
:@: .%@@@. @@-
-@ =@@@@@# :@@
=@ *@#.=@@% #@%
*@ #@- -@@% %@-
@@ #@: :@@% @@:
@@ #% .@@% .#@@* -@@
@% #% .@@% +@@@@@- %@%
@# %@ :@@% .@@@@@@@@ %@:
@# %@ :@@% +@@% .@@@@ @@:
@# %@ :@@% #@@: :@@@ -@@
@# @@. .@@@ .@@% .@@@= %@%
@# @@. .@@@: %@@- @@@% %@:
@# @@ @@@@ %@@@ *@@@ @@:
@# .@@ @@@@@@@@@@= :@@@ @@
* @@@ :@@@@@@@@. :@@@ *@@
.@@@@@% -@@@@@. .@@@ @@=
@@@@@: .. @@@ @@.
-@%: @@@ @@.
@@@ @@
-@@ =@@
.@@ @@+
.@@:@@.
@@#@-
@@@.
+@-
-
</pre>
welcome to <strong>mediocregopher</strong>'s lil internet corner
<br/> <br/>
<a href="{{ BlogURL "follow" }}">Follow</a> <br/>
<a href="{{ BlogURL "/" }}">Posts</a>
&nbsp;/&nbsp; &nbsp;/&nbsp;
<a href="{{ BlogURL "feed.xml" }}">RSS</a> <a href="{{ BlogURL "follow" }}">Follow</a>
(<a href="{{ BlogURL "feed.xml" }}">RSS</a>)
&nbsp;/&nbsp; &nbsp;/&nbsp;
<a href="{{ StaticURL "wtfpl.txt" }}">License</a> <a href="{{ StaticURL "wtfpl.txt" }}">License</a>
</header> </header>
@ -29,5 +117,100 @@
</body> </body>
<!--
Everything in this site is static and uses classless CSS.
Except for the ghost. Cause he's special.
-->
<style>
header {
/* so the ghost still affects the header's height */
overflow: hidden;
}
.fuck-it-up {
color: var(--nc-lk-1);
font-family:Courier,monospace;
font-weight: bold;
font-size:0.18rem;
line-height:0.09rem;
background-color: #FFFFFF00;
width: min-content;
margin: 0;
padding: 0 1rem 0 0;
border: none;
float: left;
overflow: hidden;
}
@media (max-device-width: 800px) {
.fuck-it-up {
display: none;
}
}
</style>
<script>
const pre = document.querySelectorAll(".fuck-it-up")[0];
function replaceAt(str, index, replacement) {
return str.substr(0, index) + replacement+ str.substr(index + replacement.length);
}
// right-pad the lines
const lines = pre.innerText.split('\n');
let maxL = 0;
lines.forEach((line) => {
maxL = maxL > line.length ? maxL : line.length;
});
pre.innerText = lines.map((line) =>
line + " ".repeat(maxL - line.length)
).join('\n');
function fuckItUp() {
while (true) {
var txt = pre.innerText;
var len = txt.length;
var a = Math.floor(Math.random() * len);
var aChar = txt.charAt(a);
var b = Math.floor(Math.random() * len);
var bChar = txt.charAt(b);
if (
aChar == "\n" || bChar == "\n"
) continue;
txt = replaceAt(txt, a, bChar);
txt = replaceAt(txt, b, aChar);
pre.innerText = txt;
break
}
}
var wait = 1000;
function fuckItUpALot() {
fuckItUp();
if (wait > 2) { wait *= 0.95; }
setTimeout(fuckItUpALot, wait);
}
if (window.getComputedStyle(pre).display != "none")
setTimeout(fuckItUpALot, wait);
</script>
</html> </html>

View File

@ -14,9 +14,9 @@
<ul> <ul>
{{ range .Payload.Posts }} {{ range .Payload.Posts }}
<li> <li>
<a href="{{ PostURL .ID }}"> <strong><a href="{{ PostURL .ID }}">
{{ DateTimeFormat .PublishedAt }} / {{ .Title }} {{ DateTimeFormat .PublishedAt }} / {{ .Title }}
</a> </a></strong>
{{ if .Description }} {{ if .Description }}
<br/><em>{{ .Description }}</em> <br/><em>{{ .Description }}</em>
{{ end }} {{ end }}

View File

@ -16,9 +16,6 @@
<p><em> <p><em>
Published {{ DateTimeFormat .Payload.PublishedAt }} Published {{ DateTimeFormat .Payload.PublishedAt }}
{{ if not .Payload.LastUpdatedAt.IsZero }}
<br/>Last updated {{ DateTimeFormat .Payload.LastUpdatedAt }}
{{ end }}
</em></p> </em></p>
{{ if (or .Payload.SeriesPrevious .Payload.SeriesNext) }} {{ if (or .Payload.SeriesPrevious .Payload.SeriesNext) }}