Add blog posts to home screen, make template for webrings, add footer, remove unused stuff
This commit is contained in:
parent
6ce63b3e74
commit
d3d284c9ce
92 changed files with 172 additions and 361 deletions
158
index.njk
158
index.njk
|
|
@ -9,13 +9,13 @@ 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 %}
|
||||
|
||||
<div id="homeSquares">
|
||||
</div>
|
||||
<!-- Will be loaded by the home JS -->
|
||||
<div id="homeSquares"></div>
|
||||
<script src="{{ '/static/scripts/home.js' | url }}" defer></script>
|
||||
|
||||
<main id="boxChain">
|
||||
<script src="{{ '/static/scripts/home.js' | url }}" defer></script>
|
||||
|
||||
<noscript>
|
||||
<style>
|
||||
.hs {
|
||||
|
|
@ -27,11 +27,14 @@ layout: base.njk
|
|||
</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>
|
||||
|
|
@ -60,6 +63,7 @@ layout: base.njk
|
|||
<p>{{ i18n[langKey].homeSocialsAndContactParagraphTwo | safe }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Music -->
|
||||
<div class="hs" id="hsMusic">
|
||||
<div class="box pageHeaderBox">
|
||||
<h1>{{ i18n[langKey].myMusic | smartTitle }}</h1>
|
||||
|
|
@ -88,6 +92,7 @@ layout: base.njk
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Video -->
|
||||
<div class="hs" id="hsVideo">
|
||||
<div class="box pageHeaderBox">
|
||||
<h1>{{ i18n[langKey].myVideos | smartTitle }}</h1>
|
||||
|
|
@ -107,6 +112,7 @@ layout: base.njk
|
|||
}}
|
||||
</div>
|
||||
|
||||
<!-- Programming -->
|
||||
<div class="hs" id="hsCode">
|
||||
<div class="box pageHeaderBox">
|
||||
<h1>{{ i18n[langKey].mySoftware | smartTitle }}</h1>
|
||||
|
|
@ -159,105 +165,61 @@ layout: base.njk
|
|||
</div>
|
||||
</main>
|
||||
|
||||
<aside>
|
||||
<!-- 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="homeWebrings">
|
||||
<div>
|
||||
<h1 class="nomargin negativeMargin">Webrings</h1>
|
||||
<hr style="margin-bottom: .4em;">
|
||||
<p class="end-text">{{ i18n[langKey].webringDescription | safe }}</p>
|
||||
</div>
|
||||
<div id="webring-Wrongos-widget" class="_wrongoInternalWidget">
|
||||
<style>
|
||||
#webring-Wrongos-widget div {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#webring-Wrongos-widget p {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0.4em;
|
||||
border: 2px solid #72BAA9;
|
||||
color: #D5E7B5;
|
||||
}
|
||||
|
||||
#webring-Wrongos-widget a {
|
||||
margin: 0;
|
||||
padding: 0.2em;
|
||||
border: 2px solid #72BAA9;
|
||||
border-top: 0;
|
||||
color: #72BAA9;
|
||||
}
|
||||
|
||||
#webring-Wrongos-widget a:first-child {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
#webring-Wrongos-widget a:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
</style>
|
||||
<p>{{ i18n[langKey].wrongosWebring }}</p>
|
||||
<div>
|
||||
<a href="https://adrianvic.github.io/wrongos/redirect?action=previous¤t=https%3A%2F%2Fadrianvic.github.io">{{ i18n[langKey].previousSite | smartTitle }}</a>
|
||||
<a href="https://adrianvic.github.io/wrongos">Wrongos</a>
|
||||
<a href="https://adrianvic.github.io/wrongos/redirect?action=next¤t=https%3A%2F%2Fadrianvic.github.io">{{ i18n[langKey].nextSite | smartTitle }}</a>
|
||||
</div>
|
||||
</div>
|
||||
<center>
|
||||
<div id="breakcoreWebring" class="box noPadding" style="width: fit-content; text-align:center; background-image: url('{{ '/static/images/metro-flowers.jpg' | url }}');">
|
||||
<p style="margin: 0; padding: 0.4em;">{{ i18n[langKey].breakcoreWebring }}</p>
|
||||
<div style="display: flex">
|
||||
<a style="flex: 1; margin: 0; padding: 0.2em;" href="https://webri.ng/webring/breakcoreweb/previous?via=https%3A%2F%2Fadrianvic.github.io%2F">{{ i18n[langKey].previousSite | smartTitle }}</a>
|
||||
<a style="flex: 1; margin: 0; padding: 0.2em;" href="https://appak.neocities.org/breakcore">Breakcore Webring</a>
|
||||
<a style="flex: 1; margin: 0; padding: 0.2em;" href="https://webri.ng/webring/breakcoreweb/next?via=https%3A%2F%2Fadrianvic.github.io%2F">{{ i18n[langKey].nextSite | smartTitle }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
<center>
|
||||
<div class="droidringwidget">
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home"><img src="https://kanandraw.neocities.org/stuffs/droidring/assets/logo.png" style="width: 200px;"></a><br/>
|
||||
<img src="https://kanandraw.neocities.org/stuffs/droidring/assets/droidwidget.png" style="width: 115px;"><br>
|
||||
<div class="buttonsdroidring">
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=previous"><button class="navdroidring" data-tip="{{ i18n[langKey].previousSite | smartTitle }}">←</button></a>
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=random"><button class="navdroidring" data-tip="{{ i18n[langKey].random | smartTitle }}">⇄</button></a>
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=next"><button class="navdroidring" data-tip="{{ i18n[langKey].nextSite | smartTitle }}">→</button></a>
|
||||
</div>
|
||||
<style>
|
||||
.droidringwidget {
|
||||
font-family: 'Droid Sans',sans-serif;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
width: 215px;
|
||||
border: 1px solid #666666;
|
||||
background: linear-gradient(0deg, black, #000000db);
|
||||
padding: 5px;
|
||||
}
|
||||
.buttonsdroidring {
|
||||
background: #989898;
|
||||
padding: 4px;
|
||||
margin: -5px;
|
||||
}
|
||||
|
||||
.navdroidring {
|
||||
background: linear-gradient(to bottom, #F1F1F1, #B8B8B8);
|
||||
padding: 5px;
|
||||
color: black;
|
||||
box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003B;
|
||||
border: none;
|
||||
width: 50px;
|
||||
height: 27px;
|
||||
min-width: 50px;
|
||||
}
|
||||
.navdroidring:active {
|
||||
background: linear-gradient(to bottom,#FFD554,#E99D00);
|
||||
}
|
||||
.navdroidring:hover {
|
||||
background: linear-gradient(to bottom, #ffebc4, #f2f2f2);
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</center>
|
||||
|
||||
{{ 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>
|
||||
|
||||
<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