Add wrongos webring widget
This commit is contained in:
parent
d276a90639
commit
6ce63b3e74
3 changed files with 147 additions and 98 deletions
235
index.njk
235
index.njk
|
|
@ -1,8 +1,8 @@
|
|||
---
|
||||
pagination:
|
||||
data: i18n
|
||||
size: 1
|
||||
alias: langKey
|
||||
data: i18n
|
||||
size: 1
|
||||
alias: langKey
|
||||
permalink: "/{{ langKey }}/index.html"
|
||||
layout: base.njk
|
||||
---
|
||||
|
|
@ -15,7 +15,7 @@ layout: base.njk
|
|||
|
||||
<main id="boxChain">
|
||||
<script src="{{ '/static/scripts/home.js' | url }}" defer></script>
|
||||
|
||||
|
||||
<noscript>
|
||||
<style>
|
||||
.hs {
|
||||
|
|
@ -26,7 +26,7 @@ layout: base.njk
|
|||
}
|
||||
</style>
|
||||
</noscript>
|
||||
|
||||
|
||||
<div class="hs" id="hsDefault">
|
||||
<div class="box kaoBox alert">
|
||||
<p>{{ i18n[langKey].kaoMain | safe }}</p>
|
||||
|
|
@ -35,7 +35,7 @@ layout: base.njk
|
|||
<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") }}
|
||||
|
|
@ -48,111 +48,111 @@ layout: base.njk
|
|||
{{ 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>
|
||||
|
||||
|
||||
<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["global"].homeSongLink,
|
||||
i18n["global"].homeSongTitle,
|
||||
i18n["global"].homeSongImage,
|
||||
i18n["global"].homeSongWebsite,
|
||||
i18n["global"].homeSongDuration,
|
||||
i18n["global"].homeSongAccent
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<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
|
||||
i18n["global"].homeVideoLink,
|
||||
i18n[langKey].homeVideoTitle,
|
||||
i18n["global"].homeVideoImage,
|
||||
i18n["global"].homeVideoWebsite,
|
||||
i18n["global"].homeVideoDuration
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
|
||||
|
||||
<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"
|
||||
"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"
|
||||
"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"
|
||||
"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"
|
||||
"PestoWiki",
|
||||
i18n[langKey].pestoProjectDesctiption,
|
||||
"https://github.com/Margarina-not-butter/PestoWiki",
|
||||
'/static/images/pestowikifullwhite.png',
|
||||
"PestoWiki"
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
|
|
@ -160,65 +160,104 @@ layout: base.njk
|
|||
</main>
|
||||
|
||||
<aside>
|
||||
<div id="homeWebrings">
|
||||
<div id="homeWebrings">
|
||||
<div>
|
||||
<h1 class="nomargin negativeMargin">Webrings</h1>
|
||||
<hr style="margin-bottom: .4em;">
|
||||
<p class="end-text">{{ i18n[langKey].webringDescription | safe }}</p>
|
||||
<h1 class="nomargin negativeMargin">Webrings</h1>
|
||||
<hr style="margin-bottom: .4em;">
|
||||
<p class="end-text">{{ i18n[langKey].webringDescription | safe }}</p>
|
||||
</div>
|
||||
<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">
|
||||
<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>
|
||||
</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;
|
||||
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;
|
||||
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;
|
||||
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);
|
||||
background: linear-gradient(to bottom,#FFD554,#E99D00);
|
||||
}
|
||||
.navdroidring:hover {
|
||||
background: linear-gradient(to bottom, #ffebc4, #f2f2f2);
|
||||
background: linear-gradient(to bottom, #ffebc4, #f2f2f2);
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</center>
|
||||
<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>
|
||||
</div>
|
||||
</style>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
</aside>
|
||||
Loading…
Reference in a new issue