Add social page with archived mastodon posts, move source to /site
This commit is contained in:
parent
a301a5cc5e
commit
648869bf76
40 changed files with 58 additions and 2 deletions
236
site/index.njk
Normal file
236
site/index.njk
Normal file
|
|
@ -0,0 +1,236 @@
|
|||
---
|
||||
pagination:
|
||||
data: i18n
|
||||
size: 1
|
||||
alias: langKey
|
||||
permalink: "/{{ langKey }}/index.html"
|
||||
layout: base.njk
|
||||
---
|
||||
{% from "macros.njk" import i88x31 with context %}
|
||||
{% from "macros.njk" import videoCard with context %}
|
||||
{% from "macros.njk" import projectCard %}
|
||||
{% from "macros.njk" import webring %}
|
||||
|
||||
<!-- Will be loaded by the home JS -->
|
||||
<div id="homeSquares"></div>
|
||||
<script src="{{ '/static/scripts/home.js' | url }}" defer></script>
|
||||
|
||||
<main id="boxChain">
|
||||
<noscript>
|
||||
<style>
|
||||
.hs {
|
||||
display: unset !important;
|
||||
}
|
||||
#homeSquares {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</noscript>
|
||||
|
||||
<!-- Intro -->
|
||||
<div class="hs" id="hsDefault">
|
||||
<!-- Keep Android Open alert -->
|
||||
<div class="box kaoBox alert">
|
||||
<p>{{ i18n[langKey].kaoMain | safe }}</p>
|
||||
<p class="end-text nomargin">{{ i18n[langKey].kaoLink | safe }} →</p>
|
||||
</div>
|
||||
|
||||
<div class="box pageHeaderBox">
|
||||
<h1 id="homeTitle">{{ i18n[langKey].welcome | smartTitle }}</h1>
|
||||
<p>{{ i18n[langKey].homeWelcomeParagraph | safe }}</p>
|
||||
|
||||
<div class="homeBadgesBox">
|
||||
{{ i88x31("tenkuma.gif") }}
|
||||
{{ i88x31("anybrowser6.gif") }}
|
||||
{{ i88x31("ai.gif") }}
|
||||
{{ i88x31("WEBP.gif") }}
|
||||
{{ i88x31("rainbowrain.gif") }}
|
||||
{{ i88x31("blasphemy.gif") }}
|
||||
{{ i88x31("css3.gif") }}
|
||||
{{ i88x31("best_viewed_with_open_eyes.gif") }}
|
||||
{{ i88x31("gnu-linux.gif") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2>{{ i18n[langKey].aboutMe | smartTitle }}</h2>
|
||||
<p>{{ i18n[langKey].homeAboutMeParagraph | safe }}</p>
|
||||
<p>{{ i18n[langKey].homeAboutMeParagraphTwo | safe }}</p>
|
||||
|
||||
<h2>{{ i18n[langKey].socialsAndContact | smartTitle }}</h2>
|
||||
<p>{{ i18n[langKey].homeSocialsAndContactParagraph | safe }}</p>
|
||||
<p>{{ i18n[langKey].homeSocialsAndContactParagraphTwo | safe }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Music -->
|
||||
<div class="hs" id="hsMusic">
|
||||
<div class="box pageHeaderBox">
|
||||
<h1>{{ i18n[langKey].myMusic | smartTitle }}</h1>
|
||||
<p>{{ i18n[langKey].homeMyMusicParagraph | safe }}</p>
|
||||
<p>{{ i18n[langKey].homeMyMusicParagraphTwo | safe }}</p>
|
||||
|
||||
<div class="homeBadgesBox">
|
||||
{{ i88x31("rave.gif") }}
|
||||
{{ i88x31("happymix.gif") }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="hsMusicCard">
|
||||
{{
|
||||
videoCard(
|
||||
i18n["global"].homeSongLink,
|
||||
i18n["global"].homeSongTitle,
|
||||
i18n["global"].homeSongImage,
|
||||
i18n["global"].homeSongWebsite,
|
||||
i18n["global"].homeSongDuration,
|
||||
i18n["global"].homeSongAccent
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Video -->
|
||||
<div class="hs" id="hsVideo">
|
||||
<div class="box pageHeaderBox">
|
||||
<h1>{{ i18n[langKey].myVideos | smartTitle }}</h1>
|
||||
<p>{{ i18n[langKey].homeMyVideoParagraph | safe }}</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
{{
|
||||
videoCard(
|
||||
i18n["global"].homeVideoLink,
|
||||
i18n[langKey].homeVideoTitle,
|
||||
i18n["global"].homeVideoImage,
|
||||
i18n["global"].homeVideoWebsite,
|
||||
i18n["global"].homeVideoDuration
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
|
||||
<!-- Programming -->
|
||||
<div class="hs" id="hsCode">
|
||||
<div class="box pageHeaderBox">
|
||||
<h1>{{ i18n[langKey].mySoftware | smartTitle }}</h1>
|
||||
<p>{{ i18n[langKey].homeMySoftwareParagraph | safe }}</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="hsProjects">
|
||||
{{
|
||||
projectCard(
|
||||
"Jamfish",
|
||||
i18n[langKey].jamfishProjectDesctiption,
|
||||
"https://github.com/adrianvic/jamfish",
|
||||
'/static/images/jamfish-wide.png',
|
||||
"Jamfish"
|
||||
)
|
||||
}}
|
||||
|
||||
{{
|
||||
projectCard(
|
||||
"ItemEconomy",
|
||||
i18n[langKey].itemeconomyProjectDesctiption,
|
||||
"https://github.com/adrianvic/ItemEconomy",
|
||||
'/static/images/itemeconomy2-wide.png',
|
||||
"ItemEconomy"
|
||||
)
|
||||
}}
|
||||
|
||||
{{
|
||||
projectCard(
|
||||
"Eye of Nemesis",
|
||||
i18n[langKey].eyeofnemesisProjectDesctiption,
|
||||
"https://github.com/adrianvic/NemesisEye",
|
||||
'/static/images/eye_of_nemesis.png',
|
||||
"Eye of Nemesis"
|
||||
)
|
||||
}}
|
||||
|
||||
{{
|
||||
projectCard(
|
||||
"PestoWiki",
|
||||
i18n[langKey].pestoProjectDesctiption,
|
||||
"https://github.com/Margarina-not-butter/PestoWiki",
|
||||
'/static/images/pestowikifullwhite.png',
|
||||
"PestoWiki"
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Webrings -->
|
||||
<aside id="homeAside">
|
||||
<div id="homeBlog">
|
||||
<div>
|
||||
<h1 class="nomargin negativeMargin">Blog</h1>
|
||||
<hr style="margin-bottom: .4em;">
|
||||
</div>
|
||||
|
||||
{% for post in collections.post %}
|
||||
{% if post.data.langKey == langKey %}
|
||||
<li>
|
||||
<p>
|
||||
<a href="{{ post.url | url }}">{{ post.data.postTitle }}</a>
|
||||
</p>
|
||||
<p><b>{{ post.data.date | postDate }}</b></p>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<p class="end-text"><a href="{{ ('/' ~ langKey ~ '/blog/') | url }}">{{ i18n[langKey].showMore }}</a></p>
|
||||
</div>
|
||||
|
||||
<div id="homeFriends">
|
||||
<div>
|
||||
<h1 class="nomargin negativeMargin">Friends</h1>
|
||||
<hr style="margin-bottom: .4em;">
|
||||
</div>
|
||||
|
||||
<a href="https://www.youtube.com/@mrnandokk">{{ i88x31("mrnandokk.gif", i18n[langKey].mrnandoChannel, false) }}</a>
|
||||
</div>
|
||||
|
||||
<div id="homeWebrings">
|
||||
<div>
|
||||
<h1 class="nomargin negativeMargin">Webrings</h1>
|
||||
<hr style="margin-bottom: .4em;">
|
||||
<p class="end-text">{{ i18n[langKey].webringDescription | safe }}</p>
|
||||
</div>
|
||||
|
||||
{{ webring({
|
||||
text: "Wrongos Webring",
|
||||
links: [
|
||||
"<a class='wrongoLink' href='https://adrianvic.github.io/wrongos/redirect?action=previous¤t=https%3A%2F%2Fadrianvic.github.io'>" ~ (i18n[langKey].previous | smartTitle) ~ "</a>",
|
||||
"<a class='wrongoLink' href='https://adrianvic.github.io/wrongos'>" ~ (i18n[langKey].about | smartTitle ) ~ "</a>",
|
||||
"<a class='wrongoLink' href='https://adrianvic.github.io/wrongos/redirect?action=next¤t=https%3A%2F%2Fadrianvic.github.io'>" ~ (i18n[langKey].next | smartTitle) ~ "</a>"
|
||||
],
|
||||
color: "#362328",
|
||||
image: "/static/images/grunge.png"
|
||||
}) }}
|
||||
|
||||
{{ webring({
|
||||
text: "Breakcore Webring",
|
||||
links: [
|
||||
"<a href='https://webri.ng/webring/breakcoreweb/previous?via=https%3A%2F%2Fadrianvic.github.io%2F'>" ~ (i18n[langKey].previous | smartTitle) ~ "</a>",
|
||||
"<a href='https://appak.neocities.org/breakcore'>" ~ (i18n[langKey].about | smartTitle) ~ "</a>",
|
||||
"<a href='https://webri.ng/webring/breakcoreweb/next?via=https%3A%2F%2Fadrianvic.github.io%2F'>" ~ (i18n[langKey].next | smartTitle) ~ "</a>"
|
||||
],
|
||||
image: "/static/images/metro-flowers.jpg"
|
||||
}) }}
|
||||
|
||||
{% include 'widgets/droidring.html' %}
|
||||
</div>
|
||||
|
||||
{% include 'widgets/internetometer-aside.html' %}
|
||||
|
||||
<footer class="end-text">
|
||||
<p>Adrian Victor, 2026</p>
|
||||
<p><a href="{{ ('/' ~ langKey ~ '/misc/about') | url }}">{{ i18n[langKey].thisWebsiteDoesNotTrackYou}}</a></p>
|
||||
</footer>
|
||||
</aside>
|
||||
Loading…
Reference in a new issue