Add guestbook to index aside, add template for widgets, add more 88x31.

This commit is contained in:
天クマ 2026-07-05 16:50:26 -03:00
commit c929984d81
24 changed files with 113 additions and 15 deletions

View file

@ -1,5 +1,5 @@
{
"lastFetched": "2026-07-05T17:32:28.976Z",
"lastFetched": "2026-07-05T19:47:20.955Z",
"posts": [
{
"date": "2026-07-03T01:51:37.604Z",

View file

@ -112,7 +112,8 @@ module.exports = {
backgroundCheckAlt: "Background image",
sfxCheckboxAlt: "Sound effects",
videoArtworkAlt: "Video artwork",
songSelectAlt: "Song selector"
songSelectAlt: "Song selector",
guestbookWarning: "Load guestbook widget? You're subject to <a href='https://iframe.chat/tos.html'>Chattable's terms of service</a>."
},
pt: {
language: "português",
@ -200,6 +201,7 @@ module.exports = {
backgroundCheckAlt: "Imagem de fundo",
sfxCheckboxAlt: "Efeitos sonoros",
videoArtworkAlt: "Capa do vídeo",
songSelectAlt: "Seletor de música"
songSelectAlt: "Seletor de música",
guestbookWarning: "Carregar o guestbook? Você estará sujeito aos <a href='https://iframe.chat/tos.html'>termos de uso do Chattable</a>."
}
};

51
site/_includes/iframe.njk Normal file
View file

@ -0,0 +1,51 @@
<!--
_ _ _
| |_ ___ _ __ | | ___ _ _ __ ___ __ _ __ ____ _ ___ | |__ ___ _ __ ___
| __/ _ \ '_ \| |/ / | | | '_ ` _ \ / _` | \ \ /\ / / _` / __| | '_ \ / _ \ '__/ _ \
| || __/ | | | <| |_| | | | | | | (_| | \ V V / (_| \__ \ | | | | __/ | | __/
\__\___|_| |_|_|\_\\__,_|_| |_| |_|\__,_| \_/\_/ \__,_|___/ |_| |_|\___|_| \___|
-->
<!DOCTYPE html>
<html lang="{{ langKey }}">
<head>
<meta charset="UTF-8">
<title>Adrian Victor{% if pageTitle or postTitle %} - {{ pageTitle or postTitle }}{% endif %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{{ '/static/main.css?fixcache=1' | url }}">
<link href="{{ '/static/prism.css' | url }}" rel="stylesheet"/>
<script type="module" src="{{ '/static/scripts/ccd.js' | url }}"></script>
<script type="module" src="{{ '/static/scripts/music.js' | url }}" defer></script>
<script type="module" src="{{ '/static/scripts/88x31.js' | url }}" defer></script>
<script type="module" src="{{ '/static/scripts/tips.js' | url }}" defer></script>
<script type="module" src="{{ '/static/scripts/click.js' | url }}" defer></script>
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/static/apple-touch-icon.png' | url }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/static/favicon-32x32.png' | url }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/static/favicon-16x16.png' | url }}">
<link rel="manifest" href="{{ '/static/site.webmanifest' | url }}">
<meta property="og:title" content="Adrian Victor{% if pageTitle or postTitle %} - {{ pageTitle or postTitle }}{% endif %}">
<meta property="og:description" content="{{ description or i18n[langKey].websiteDescription }}">
<meta property="og:type" content="article">
<meta property="og:url" content="{{ page.url | url | absoluteUrl }}">
<meta property="og:image" content="{{ ('/static/images/' ~ (background or 'bear.jpg')) | url | absoluteUrl }}">
</head>
<body class="iframe">
{% poison %}
<script>
const rootPrefix = "{{ '/' | url }}";
</script>
<noscript>
<style>
.i88x31:hover {
transform: scale(2);
}
</style>
</noscript>
<div id="everythingHelper">
{{ content | safe }}
</div>
</body>
</html>

View file

@ -0,0 +1,7 @@
<script src="https://iframe.chat/scripts/main.min.js"></script>
<iframe src="{{ ('/' ~ langKey ~ '/guestbook') | url }}" id="chattable"></iframe>
<script>
chattable.initialize({
theme: "moderno"
});
</script>

View file

@ -15,10 +15,8 @@ headerLink: blog
{% for post in collections.post %}
{% if post.data.langKey == langKey %}
<li>
<p>
<a class="postLink" href="{{ post.url | url }}">{{ post.data.postTitle }}</a><br>
<b>{{ post.data.date | postDate }}</b>{% if post.data.lastModified | postDate !== post.data.date | postDate %} ({{ i18n[langKey].lastEditedIn }} {{ post.data.lastModified | postDate}}){% endif %}
</p>
</li>
{% endif %}
{% endfor %}

14
site/guestbook.njk Normal file
View file

@ -0,0 +1,14 @@
---
pagination:
data: i18n
size: 1
alias: langKey
permalink: "/{{ langKey }}/guestbook/index.html"
layout: iframe.njk
title: Adrian Victor:Guestbook
headerLink: social
---
<main>
<p>{{ i18n[langKey].guestbookWarning | safe }}</p>
<button id="guestbookConfirmButton" onClick="window.location.href = 'https://iframe.chat/embed?chat=17048300'">Load</button>
</main>

View file

@ -177,28 +177,38 @@ headerLink: home
{% for post in collections.post %}
{% if post.data.langKey == langKey %}
<li>
<p>
<ul>
<li>
<a href="{{ post.url | url }}">{{ post.data.postTitle }}</a>
</p>
<p><b>{{ post.data.date | postDate }}</b></p>
</li>
<b>{{ post.data.date | postDate }}</b>
</li>
</ul>
{% endif %}
{% endfor %}
<p class="end-text"><a href="{{ ('/' ~ langKey ~ '/blog/') | url }}">{{ i18n[langKey].showMore }}</a></p>
</div>
<div id="homeWebrings">
<div>
<h1 class="nomargin negativeMargin">Guestbook</h1>
<hr style="margin-bottom: .4em;">
</div>
{% include 'widgets/chattable.html' %}
</div>
<div id="homeFriends" class="burn">
<div>
<h1 class="nomargin negativeMargin">Hotlinks</h1>
<hr style="margin-bottom: .4em;">
</div>
<div class="centeredItemsBox">
<div class="hotlinks88x31">
<a href="https://www.youtube.com/@mrnandokk">{{ i88x31("mrnandokk.gif", i18n[langKey].mrnandoChannel, false) }}</a>
<a href="https://appak.neocities.org/">{{ i88x31("appak.png", "appak", false) }}</a>
<a href="https://bribribribribri.xyz/" target="_blank">{{ i88x31("brigif.gif", "bribribribribri", false) }}</a>
<a href="https://status.cafe/">{{ i88x31("statuscafe.png", "Status Cafe", false) }}</a>
<a href="https://9larp.net/">{{ i88x31("9larpfinal.png", "9larp", false) }}</a>
</div>
<p style="text-align: center;"><a href="{{ ('/' ~ langKey ~ '/misc/hotlinking') | url }}">{{ i18n[langKey].addMe }}?</a></p>
</div>

BIN
static/images/88x31/1.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 961 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1,008 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 940 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 581 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

View file

@ -40,6 +40,7 @@ a:hover {
li {
list-style-type: none;
margin-bottom: .4em;
}
dt::before {
@ -919,10 +920,11 @@ header div:first-child {
color: white;
}
.centeredItemsBox {
display: flex;
justify-content: center;
align-items: center;
.hotlinks88x31 {
display: grid;
width: fit-content;
margin: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.internetometerAside img {
@ -1159,6 +1161,20 @@ header div:first-child {
transition: .4s;
}
#chattable {
background-color: black;
border: medium solid rgb(255, 255, 255, 0.2);
width: 100%;
}
.iframe {
padding: 1rem;
}
.iframe p {
font-size: medium;
}
/* Animations */
@keyframes ellipsis-loader {