Add guestbook to index aside, add template for widgets, add more 88x31.
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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
|
|
@ -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>
|
||||
7
site/_includes/widgets/chattable.html
Normal 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>
|
||||
|
|
@ -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
|
|
@ -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>
|
||||
|
|
@ -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
|
After Width: | Height: | Size: 961 B |
BIN
static/images/88x31/9larpfinal.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/images/88x31/breakcore.gif
Normal file
|
After Width: | Height: | Size: 1,008 B |
BIN
static/images/88x31/cd_rom.gif
Normal file
|
After Width: | Height: | Size: 1 KiB |
BIN
static/images/88x31/crypto_is_a_scam.webp
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/images/88x31/demozoo.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
static/images/88x31/dontbephonechump.gif
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
static/images/88x31/maaagic.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/images/88x31/nft-nofuckingthanks.gif
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
static/images/88x31/nintendo-hh-gba.png
Normal file
|
After Width: | Height: | Size: 940 B |
BIN
static/images/88x31/noanime.gif
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/images/88x31/nocookie.gif
Normal file
|
After Width: | Height: | Size: 581 B |
BIN
static/images/88x31/pictochat.gif
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
static/images/88x31/spacehey.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
static/images/88x31/speech.gif
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
static/images/88x31/statuscafe.png
Normal file
|
After Width: | Height: | Size: 1 KiB |
|
|
@ -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 {
|
||||
|
|
|
|||