Move webrings to aside for better visibility, polished stylesheet for better link visibility.
This commit is contained in:
parent
b601767281
commit
cb9f09d92f
7 changed files with 155 additions and 80 deletions
|
|
@ -19,7 +19,8 @@ const globalValues = {
|
|||
homeSongImage: "/songs/velkommen.jpg",
|
||||
homeSongWebsite: "Bandcamp",
|
||||
homeSongDuration: "5:39",
|
||||
homeSongAccent: "#482948"
|
||||
homeSongAccent: "#482948",
|
||||
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
|
|
@ -38,9 +39,9 @@ module.exports = {
|
|||
myVideos: "my videos",
|
||||
mySoftware: "my software",
|
||||
homeAboutMeParagraph: `
|
||||
My name is Adrian Victor, but I go by tenkuma on-line. I'm in high school's last year, also studying computing. My hobbies are music and music production, programming, selfhosting, Linux, and a lot more.
|
||||
My name is Adrian Victor, but I go by tenkuma on-line. I'm in high school's last year, also studying computing. My hobbies are music, music production, programming, selfhosting, Linux, and a lot more.
|
||||
`,
|
||||
homeAboutMeParagraphTwo: `Tenkuma, or 天くま in japanese, means celestial bear and was given by a friend of mine that I lost contact a long time ago. Sakata is gone, but the name stayed and turned into an integral part of my digital self.`,
|
||||
homeAboutMeParagraphTwo: `The name Tenkuma, or 天くま in japanese, means celestial bear and was given by a friend of mine that I lost contact a long time ago. Sakata is gone, but the name stayed and turned into an integral part of my digital self.`,
|
||||
homeSocialsAndContactParagraph: `
|
||||
I'm publicly available at Mastodon <a href='${globalValues.mastodon.url}'>(${globalValues.mastodon.username})</a>,
|
||||
GitHub <a href='${globalValues.github.url}'>(${globalValues.github.username})</a>,
|
||||
|
|
@ -79,8 +80,12 @@ module.exports = {
|
|||
permissionIssue: "Permission issue",
|
||||
permissionIssueNotificationContent: "Unable to continue playing background music, please enable audio <b>autoplay</b> for this website.",
|
||||
notificationDefaultHint: "<b>Click to dismiss</b>",
|
||||
kaoMain: "The Android OS is great danger. You're about to lose sovereignty over your phone because of Google's monopoly.",
|
||||
kaoLink: "<a href='https://keepandroidopen.org/'>Learn what you can do at Keep Android Open -></a>"
|
||||
kaoMain: "You're about to lose sovereignty over your phone because of Google's monopoly. Fight back before is too late!",
|
||||
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>",
|
||||
breakcoreWebring: "This site is a member of the breakcore webring.",
|
||||
previousSite: "previous site",
|
||||
nextSite: "next site"
|
||||
},
|
||||
pt: {
|
||||
language: "português",
|
||||
|
|
@ -136,7 +141,11 @@ module.exports = {
|
|||
permissionIssue: "Problema de permissão",
|
||||
permissionIssueNotificationContent: "Não foi possivel continuar tocando a música de fundo, por favor habilite <b>reprodução automática</b> de áudio para esse website.",
|
||||
notificationDefaultHint: "<b>Clique para ignorar</b>",
|
||||
kaoMain: "O Android está em grande perigo. Você está prestes a perder controle do seu celular em favor do monopólio da Google.",
|
||||
kaoLink: "<a href='https://keepandroidopen.org/pt-BR/'>Veja o que você pode fazer em Keep Android Open -></a>"
|
||||
kaoMain: "Você está prestes a perder controle do seu celular em favor do monopólio da Google. Lute contra antes que seja tarde!",
|
||||
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>",
|
||||
breakcoreWebring: "Esse website faz parte do webring breakcore.",
|
||||
previousSite: "site anterior",
|
||||
nextSite: "próximo site"
|
||||
}
|
||||
};
|
||||
128
index.njk
128
index.njk
|
|
@ -28,9 +28,9 @@ layout: base.njk
|
|||
</noscript>
|
||||
|
||||
<div class="hs" id="hsDefault">
|
||||
<div class="box kaoBox">
|
||||
<div class="box kaoBox alert">
|
||||
<p>{{ i18n[langKey].kaoMain | safe }}</p>
|
||||
<p class="end-text nomargin">{{ i18n[langKey].kaoLink | 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>
|
||||
|
|
@ -58,64 +58,6 @@ layout: base.njk
|
|||
<h2>{{ i18n[langKey].socialsAndContact | smartTitle }}</h2>
|
||||
<p>{{ i18n[langKey].homeSocialsAndContactParagraph | safe }}</p>
|
||||
<p>{{ i18n[langKey].homeSocialsAndContactParagraphTwo | safe }}</p>
|
||||
|
||||
<h2>Webrings</h2>
|
||||
<div id="homeWebrings">
|
||||
<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">←</button></a>
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=random"><button class="navdroidring" style="position: relative; top: 1.6px;">⚄</button></a>
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=next"><button class="navdroidring">→</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>
|
||||
<center>
|
||||
<div style="width: fit-content; border: 2px outset; text-align:center">
|
||||
<p style="margin: 0; padding: 0.1em; border: 2px inset">This site is a member of the breakcore webring.</p>
|
||||
<div style="display: flex">
|
||||
<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/breakcoreweb/previous?via=https%3A%2F%2Fadrianvic.github.io%2F">Previous Site</a>
|
||||
<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://appak.neocities.org/breakcore">Breakcore Webring</a>
|
||||
<a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/breakcoreweb/next?via=https%3A%2F%2Fadrianvic.github.io%2F">Next Site</a>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hs" id="hsMusic">
|
||||
|
|
@ -215,4 +157,68 @@ layout: base.njk
|
|||
}}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</main>
|
||||
|
||||
<aside>
|
||||
<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>
|
||||
<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">←</button></a>
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=random"><button class="navdroidring" style="position: relative; top: 1.6px;">⚄</button></a>
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=next"><button class="navdroidring">→</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>
|
||||
<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>
|
||||
</aside>
|
||||
2
misc.njk
2
misc.njk
|
|
@ -12,7 +12,7 @@ title: Adrian Victor:Misc
|
|||
<h1>{{ i18n[langKey].miscellaneous }}</h1>
|
||||
|
||||
<ul>
|
||||
<dl>
|
||||
<dl id="miscList">
|
||||
{% for page in collections.misc %}
|
||||
{% set t = page | getTranslation(langKey) %}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ pagination:
|
|||
size: 1
|
||||
alias: langKey
|
||||
tags: misc
|
||||
backgroundOpacity: "0.3"
|
||||
backgroundOpacity: "0.28"
|
||||
background: "bear3.jpg"
|
||||
---
|
||||
<main>
|
||||
|
|
|
|||
BIN
static/images/metro-flowers-original.jpg
Normal file
BIN
static/images/metro-flowers-original.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
BIN
static/images/metro-flowers.jpg
Normal file
BIN
static/images/metro-flowers.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 248 KiB |
|
|
@ -3,7 +3,7 @@
|
|||
:root {
|
||||
--theme-color: #4c6d6e;
|
||||
--theme-color-lighter: #84b9bb;
|
||||
--theme-color-variation: #22e6ed;
|
||||
--theme-color-variation: #568b8d;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
@ -21,12 +21,13 @@ body {
|
|||
|
||||
a {
|
||||
transition: 0.2s;
|
||||
color: lightgray;
|
||||
color: var(--theme-color-variation);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--theme-color-lighter);
|
||||
color: lightgray;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
@ -216,6 +217,10 @@ aside.metromenu #content {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.noPadding {
|
||||
padding: 0!important;
|
||||
}
|
||||
|
||||
.end-text {
|
||||
text-align: end;
|
||||
}
|
||||
|
|
@ -264,12 +269,27 @@ li.inlineList {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.kaoBox {
|
||||
.box.alert {
|
||||
border-color: rgba(255, 0, 0, 0.1);
|
||||
background-color: rgba(255, 0, 0, 0.1);
|
||||
background-color: rgba(100, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.box.alert a {
|
||||
color: lightcoral;
|
||||
}
|
||||
|
||||
.box.alert a:hover {
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.kaoBox {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.negativeMargin {
|
||||
margin-bottom: -.2em;
|
||||
}
|
||||
|
||||
.pageHeaderBox {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
|
@ -651,9 +671,35 @@ div.hs.selected {
|
|||
|
||||
#mainHelper {
|
||||
padding-top: 3rem;
|
||||
max-width: 50vw;
|
||||
max-width: 70vw;
|
||||
margin: auto;
|
||||
display: flex;
|
||||
gap: 2em;
|
||||
}
|
||||
|
||||
#mainHelper aside {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
#breakcoreWebring {
|
||||
background-position-x: 0;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#breakcoreWebring p {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#breakcoreWebring a {
|
||||
border: thick solid rgba(255, 255, 255, 0.1);
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#breakcoreWebring a:first-child, #breakcoreWebring a:last-child {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
#headerSubtitle {
|
||||
|
|
@ -732,8 +778,6 @@ header div:first-child {
|
|||
transition: 0.4s;
|
||||
width: fit-content;
|
||||
height: fit-content;
|
||||
margin-right: 3vw;
|
||||
margin-bottom: 3rem;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -753,6 +797,7 @@ header div:first-child {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1em;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
#telnetSimulation {
|
||||
|
|
@ -810,10 +855,11 @@ header div:first-child {
|
|||
|
||||
#languageList li a {
|
||||
transition: 1s;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.languagesHighlightedLink {
|
||||
color: var(--theme-color-variation);
|
||||
color: var(--theme-color-variation)!important;
|
||||
}
|
||||
|
||||
#songDrawer {
|
||||
|
|
@ -857,6 +903,11 @@ header div:first-child {
|
|||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#miscList dt {
|
||||
color: var(--theme-color-lighter);
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/* Page: misc/favorites */
|
||||
|
||||
.favoritesTextBox {
|
||||
|
|
@ -933,6 +984,12 @@ header div:first-child {
|
|||
|
||||
/* Media queries */
|
||||
|
||||
@media screen and (max-width: 1400px) {
|
||||
#mainHelper {
|
||||
max-width: 90vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1280px) {
|
||||
body { font-size: 2vh; }
|
||||
|
||||
|
|
@ -947,7 +1004,10 @@ header div:first-child {
|
|||
margin-bottom: 1.4rem;
|
||||
}
|
||||
|
||||
main { max-width: 90vw; }
|
||||
main {
|
||||
max-width: 90vw;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
main h1 { font-size: 3vh; }
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue