Add wrongos webring widget
This commit is contained in:
parent
d276a90639
commit
6ce63b3e74
3 changed files with 147 additions and 98 deletions
|
|
@ -84,6 +84,7 @@ module.exports = {
|
||||||
kaoLink: "<a href='https://keepandroidopen.org/'>Learn what you can do at Keep Android Open</a>",
|
kaoLink: "<a href='https://keepandroidopen.org/'>Learn what you can do at Keep Android Open</a>",
|
||||||
webringDescription: "<a href='https://en.wikipedia.org/wiki/Webring'>What are webrings?</a>",
|
webringDescription: "<a href='https://en.wikipedia.org/wiki/Webring'>What are webrings?</a>",
|
||||||
breakcoreWebring: "This site is a member of the breakcore webring.",
|
breakcoreWebring: "This site is a member of the breakcore webring.",
|
||||||
|
wrongosWebring: "This site is a member of the Wrongos webring.",
|
||||||
previousSite: "previous site",
|
previousSite: "previous site",
|
||||||
nextSite: "next site",
|
nextSite: "next site",
|
||||||
random: "random"
|
random: "random"
|
||||||
|
|
@ -146,6 +147,7 @@ module.exports = {
|
||||||
kaoLink: "<a href='https://keepandroidopen.org/pt-BR/'>Veja o que você pode fazer em Keep Android Open</a>",
|
kaoLink: "<a href='https://keepandroidopen.org/pt-BR/'>Veja o que você pode fazer em Keep Android Open</a>",
|
||||||
webringDescription: "<a href='https://pt.wikipedia.org/wiki/Webring'>O que são webrings?</a>",
|
webringDescription: "<a href='https://pt.wikipedia.org/wiki/Webring'>O que são webrings?</a>",
|
||||||
breakcoreWebring: "Esse website faz parte do webring breakcore.",
|
breakcoreWebring: "Esse website faz parte do webring breakcore.",
|
||||||
|
wrongosWebring: "Esse website faz parte do webring Wrongos.",
|
||||||
previousSite: "site anterior",
|
previousSite: "site anterior",
|
||||||
nextSite: "próximo site",
|
nextSite: "próximo site",
|
||||||
random: "aleatório"
|
random: "aleatório"
|
||||||
|
|
|
||||||
197
index.njk
197
index.njk
|
|
@ -1,8 +1,8 @@
|
||||||
---
|
---
|
||||||
pagination:
|
pagination:
|
||||||
data: i18n
|
data: i18n
|
||||||
size: 1
|
size: 1
|
||||||
alias: langKey
|
alias: langKey
|
||||||
permalink: "/{{ langKey }}/index.html"
|
permalink: "/{{ langKey }}/index.html"
|
||||||
layout: base.njk
|
layout: base.njk
|
||||||
---
|
---
|
||||||
|
|
@ -77,12 +77,12 @@ layout: base.njk
|
||||||
<div class="hsMusicCard">
|
<div class="hsMusicCard">
|
||||||
{{
|
{{
|
||||||
videoCard(
|
videoCard(
|
||||||
i18n["global"].homeSongLink,
|
i18n["global"].homeSongLink,
|
||||||
i18n["global"].homeSongTitle,
|
i18n["global"].homeSongTitle,
|
||||||
i18n["global"].homeSongImage,
|
i18n["global"].homeSongImage,
|
||||||
i18n["global"].homeSongWebsite,
|
i18n["global"].homeSongWebsite,
|
||||||
i18n["global"].homeSongDuration,
|
i18n["global"].homeSongDuration,
|
||||||
i18n["global"].homeSongAccent
|
i18n["global"].homeSongAccent
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -98,11 +98,11 @@ layout: base.njk
|
||||||
|
|
||||||
{{
|
{{
|
||||||
videoCard(
|
videoCard(
|
||||||
i18n["global"].homeVideoLink,
|
i18n["global"].homeVideoLink,
|
||||||
i18n[langKey].homeVideoTitle,
|
i18n[langKey].homeVideoTitle,
|
||||||
i18n["global"].homeVideoImage,
|
i18n["global"].homeVideoImage,
|
||||||
i18n["global"].homeVideoWebsite,
|
i18n["global"].homeVideoWebsite,
|
||||||
i18n["global"].homeVideoDuration
|
i18n["global"].homeVideoDuration
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -118,41 +118,41 @@ layout: base.njk
|
||||||
<div class="hsProjects">
|
<div class="hsProjects">
|
||||||
{{
|
{{
|
||||||
projectCard(
|
projectCard(
|
||||||
"Jamfish",
|
"Jamfish",
|
||||||
i18n[langKey].jamfishProjectDesctiption,
|
i18n[langKey].jamfishProjectDesctiption,
|
||||||
"https://github.com/adrianvic/jamfish",
|
"https://github.com/adrianvic/jamfish",
|
||||||
'/static/images/jamfish-wide.png',
|
'/static/images/jamfish-wide.png',
|
||||||
"Jamfish"
|
"Jamfish"
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
|
|
||||||
{{
|
{{
|
||||||
projectCard(
|
projectCard(
|
||||||
"ItemEconomy",
|
"ItemEconomy",
|
||||||
i18n[langKey].itemeconomyProjectDesctiption,
|
i18n[langKey].itemeconomyProjectDesctiption,
|
||||||
"https://github.com/adrianvic/ItemEconomy",
|
"https://github.com/adrianvic/ItemEconomy",
|
||||||
'/static/images/itemeconomy2-wide.png',
|
'/static/images/itemeconomy2-wide.png',
|
||||||
"ItemEconomy"
|
"ItemEconomy"
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
|
|
||||||
{{
|
{{
|
||||||
projectCard(
|
projectCard(
|
||||||
"Eye of Nemesis",
|
"Eye of Nemesis",
|
||||||
i18n[langKey].eyeofnemesisProjectDesctiption,
|
i18n[langKey].eyeofnemesisProjectDesctiption,
|
||||||
"https://github.com/adrianvic/NemesisEye",
|
"https://github.com/adrianvic/NemesisEye",
|
||||||
'/static/images/eye_of_nemesis.png',
|
'/static/images/eye_of_nemesis.png',
|
||||||
"Eye of Nemesis"
|
"Eye of Nemesis"
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
|
|
||||||
{{
|
{{
|
||||||
projectCard(
|
projectCard(
|
||||||
"PestoWiki",
|
"PestoWiki",
|
||||||
i18n[langKey].pestoProjectDesctiption,
|
i18n[langKey].pestoProjectDesctiption,
|
||||||
"https://github.com/Margarina-not-butter/PestoWiki",
|
"https://github.com/Margarina-not-butter/PestoWiki",
|
||||||
'/static/images/pestowikifullwhite.png',
|
'/static/images/pestowikifullwhite.png',
|
||||||
"PestoWiki"
|
"PestoWiki"
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -160,65 +160,104 @@ layout: base.njk
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<aside>
|
<aside>
|
||||||
<div id="homeWebrings">
|
<div id="homeWebrings">
|
||||||
<div>
|
<div>
|
||||||
<h1 class="nomargin negativeMargin">Webrings</h1>
|
<h1 class="nomargin negativeMargin">Webrings</h1>
|
||||||
<hr style="margin-bottom: .4em;">
|
<hr style="margin-bottom: .4em;">
|
||||||
<p class="end-text">{{ i18n[langKey].webringDescription | safe }}</p>
|
<p class="end-text">{{ i18n[langKey].webringDescription | safe }}</p>
|
||||||
</div>
|
</div>
|
||||||
<center>
|
<div id="webring-Wrongos-widget" class="_wrongoInternalWidget">
|
||||||
<div class="droidringwidget">
|
<style>
|
||||||
<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/>
|
#webring-Wrongos-widget div {
|
||||||
<img src="https://kanandraw.neocities.org/stuffs/droidring/assets/droidwidget.png" style="width: 115px;"><br>
|
display: grid;
|
||||||
<div class="buttonsdroidring">
|
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=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=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>
|
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=next"><button class="navdroidring" data-tip="{{ i18n[langKey].nextSite | smartTitle }}">→</button></a>
|
||||||
</div>
|
</div>
|
||||||
<style>
|
<style>
|
||||||
.droidringwidget {
|
.droidringwidget {
|
||||||
font-family: 'Droid Sans',sans-serif;
|
font-family: 'Droid Sans',sans-serif;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 215px;
|
width: 215px;
|
||||||
border: 1px solid #666666;
|
border: 1px solid #666666;
|
||||||
background: linear-gradient(0deg, black, #000000db);
|
background: linear-gradient(0deg, black, #000000db);
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
.buttonsdroidring {
|
.buttonsdroidring {
|
||||||
background: #989898;
|
background: #989898;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
margin: -5px;
|
margin: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navdroidring {
|
.navdroidring {
|
||||||
background: linear-gradient(to bottom, #F1F1F1, #B8B8B8);
|
background: linear-gradient(to bottom, #F1F1F1, #B8B8B8);
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
color: black;
|
color: black;
|
||||||
box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003B;
|
box-shadow: 0 3px 6px #00000029, 0 3px 6px #0000003B;
|
||||||
border: none;
|
border: none;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 27px;
|
height: 27px;
|
||||||
min-width: 50px;
|
min-width: 50px;
|
||||||
}
|
}
|
||||||
.navdroidring:active {
|
.navdroidring:active {
|
||||||
background: linear-gradient(to bottom,#FFD554,#E99D00);
|
background: linear-gradient(to bottom,#FFD554,#E99D00);
|
||||||
}
|
}
|
||||||
.navdroidring:hover {
|
.navdroidring:hover {
|
||||||
background: linear-gradient(to bottom, #ffebc4, #f2f2f2);
|
background: linear-gradient(to bottom, #ffebc4, #f2f2f2);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</div>
|
</div>
|
||||||
</center>
|
</center>
|
||||||
<center>
|
</div>
|
||||||
<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>
|
|
||||||
</aside>
|
</aside>
|
||||||
|
|
@ -720,6 +720,14 @@ div.hs.selected {
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#webring-Wrongos-widget p {
|
||||||
|
border-top-right-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#webring-Wrongos-widget a:first-child {
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
#headerSubtitle {
|
#headerSubtitle {
|
||||||
color: white;
|
color: white;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue