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