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;
line-height: 150%;
width: 95%;
border-radius: 5px;
opacity: 90%;
}

View file

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

View file

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

View file

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

View file

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

View file

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB