New technologies, sticky navbar, more streamlined design
This commit is contained in:
parent
1e61583034
commit
c06e0d2547
7 changed files with 18 additions and 3 deletions
|
@ -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%;
|
||||
}
|
||||
|
||||
|
|
|
@ -19,6 +19,9 @@
|
|||
|
||||
<style>
|
||||
header {
|
||||
z-index: 1000;
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
background-color: var(--c-darkgray);
|
||||
display: flex;
|
||||
height: auto;
|
||||
|
|
|
@ -103,6 +103,7 @@ if (bond10 === 'false') {
|
|||
}
|
||||
|
||||
.expand-on-hover {
|
||||
background-color: var(--c-duskgray);
|
||||
z-index: 99;
|
||||
transform: scaleY(0);
|
||||
transform-origin: top;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 =
|
||||
|
|
BIN
static/technologies/alpine-linux.webp
Normal file
BIN
static/technologies/alpine-linux.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.7 KiB |
Loading…
Reference in a new issue