web/site/index.njk
2026-07-08 18:36:39 -03:00

267 lines
No EOL
9.6 KiB
Text

---
pagination:
data: i18n
size: 1
alias: langKey
permalink: "/{{ langKey }}/index.html"
layout: base.njk
headerLink: home
---
{% 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("wrongos.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,
i18n[langKey].velkommenArtAlt
)
}}
</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 %}
<ul>
<li>
<a href="{{ post.url | url }}">{{ post.data.postTitle }}</a>
<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="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>
<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&current=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&current=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"
}) }}
<link rel="stylesheet" href="https://cdring.neocities.org/cdring/onionring.css">
<!-- CDRING START -->
<div id='cdr'>
<script type="text/javascript" src="https://cdring.neocities.org/cdring/onionring-variables.js"></script>
<script type="text/javascript" src="https://cdring.neocities.org/cdring/onionring-widget.js"></script>
</div>
<!-- CDRING END -->
<link rel="stylesheet" href="https://axelotl3001.neocities.org/webring/onionring.css">
<div id='Bad-coders'>
<script type="text/javascript" src="https://axelotl3001.neocities.org/webring/onionring-variables.js"></script>
<script type="text/javascript" src="https://axelotl3001.neocities.org/webring/onionring-widget.js"></script>
</div>
{% 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>