New technologies, sticky navbar, more streamlined design

This commit is contained in:
Firq 2023-03-14 18:55:58 +01:00
parent 1e61583034
commit c06e0d2547
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
7 changed files with 18 additions and 3 deletions

View file

@ -26,7 +26,6 @@ const icon: string = `background-image: url('/social/${image}.webp')`
vertical-align: center; vertical-align: center;
line-height: 150%; line-height: 150%;
width: 95%; width: 95%;
border-radius: 5px;
opacity: 90%; opacity: 90%;
} }

View file

@ -19,6 +19,9 @@
<style> <style>
header { header {
z-index: 1000;
position: sticky;
top: 0px;
background-color: var(--c-darkgray); background-color: var(--c-darkgray);
display: flex; display: flex;
height: auto; height: auto;

View file

@ -103,6 +103,7 @@ if (bond10 === 'false') {
} }
.expand-on-hover { .expand-on-hover {
background-color: var(--c-duskgray);
z-index: 99; z-index: 99;
transform: scaleY(0); transform: scaleY(0);
transform-origin: top; transform-origin: top;

View file

@ -76,7 +76,6 @@ if (user !== undefined) {
vertical-align: bottom; vertical-align: bottom;
line-height: normal; line-height: normal;
width: 90%; width: 90%;
border-radius: 5px;
opacity: 90%; opacity: 90%;
} }
@ -84,6 +83,12 @@ if (user !== undefined) {
display: none; display: none;
} }
div {
display: flex;
justify-content: center;
align-items: center;
}
p { p {
display: flex; display: flex;
text-align: center; text-align: center;

View file

@ -33,6 +33,9 @@ const icon: string = `background-image: url('/technologies/${image}.webp')`
transform: scale(var(--hover-scale)); transform: scale(var(--hover-scale));
} }
article > div { article > div {
display: flex;
justify-content: center;
align-items: center;
background-size: contain; background-size: contain;
width: 100px; width: 100px;
height: 100px; height: 100px;
@ -46,7 +49,6 @@ const icon: string = `background-image: url('/technologies/${image}.webp')`
vertical-align: center; vertical-align: center;
line-height: 150%; line-height: 150%;
width: 95%; width: 95%;
border-radius: 5px;
opacity: 90%; opacity: 90%;
} }

View file

@ -25,6 +25,11 @@ const techologydata = [
link: 'https://www.typescriptlang.org/', link: 'https://www.typescriptlang.org/',
image: 'typescript', image: 'typescript',
}, },
{
title: 'Alpine Linux',
link: 'https://alpinelinux.org/',
image: 'alpine-linux',
},
] ]
const description = const description =

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB