Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-05-03 19:39:34 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add about me section

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-14 14:26:05 +05:00
parent b09a84afbe
commit 1f4628a259
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 79 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
static/script.js
View file

@ -38,16 +38,16 @@ window.onscroll = () => {
let scrollPosition = getScrollPosition()
console.log(last_Y_pos, window.scrollY, scrollPosition, header_opacity)
if (scrollPosition < 20) {
if (scrollPosition < 1) {
header.style.display = "none"
} else {
header.style.display = "block"
}
if ((window.scrollY > last_Y_pos) && (scrollPosition > 40)) {
if ((window.scrollY > last_Y_pos) && (scrollPosition > 1)) {
header_opacity += 0.1
} else if ((window.scrollY < last_Y_pos) && (scrollPosition < 40)) (
} else if ((window.scrollY < last_Y_pos) && (scrollPosition < 1)) (
header_opacity -= 0.1
)
last_Y_pos = window.scrollY

59
static/tailwind.css
View file

@ -634,6 +634,16 @@ video {
margin-bottom: 1rem;
}
.my-24 {
margin-top: 6rem;
margin-bottom: 6rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mb-\[3\%\] {
margin-bottom: 3%;
}
@ -646,6 +656,14 @@ video {
margin-left: 2rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mt-16 {
margin-top: 4rem;
}
.flex {
display: flex;
}
@ -714,6 +732,26 @@ video {
max-width: 54.75%;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
.scroll-mt-24 {
scroll-margin-top: 6rem;
}
.scroll-mt-1 {
scroll-margin-top: 0.25rem;
}
.scroll-mt-32 {
scroll-margin-top: 8rem;
}
.flex-col {
flex-direction: column;
}
.items-end {
align-items: flex-end;
}
@ -746,6 +784,10 @@ video {
gap: 1rem;
}
.gap-8 {
gap: 2rem;
}
.overflow-x-hidden {
overflow-x: hidden;
}
@ -811,6 +853,10 @@ video {
padding-right: 0.5rem;
}
.text-center {
text-align: center;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@ -831,6 +877,11 @@ video {
line-height: 1.75rem;
}
.text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.font-medium {
font-weight: 500;
}
@ -839,6 +890,14 @@ video {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-light {
font-weight: 300;
}
.text-bg-pink {
--tw-text-opacity: 1;
color: rgb(255 71 139 / var(--tw-text-opacity));