Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-04-05 07:44:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: update main block bg sizing

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-15 23:09:06 +05:00
parent 7c4d6120fb
commit e4e5ec5b2c
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 47 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -26,7 +26,7 @@
</header>
<div class="container h-screen" id="section_landing">
<div class="text-white h-full max-h-[60vh] relative">
<div class="bg-bg-pink w-full h-full max-h-[60vh] max-w-[45.25%] absolute top-0 right-0 -z-10"></div>
<div class="bg-bg-pink w-full h-full max-h-[60vh] max-w-[46.25%] absolute top-0 right-0 -z-10"></div>
<div class="flex items-center justify-center gap-12 px-8 py-8">
<img src="./static/avatar_512.png" alt="" class="w-[256px] lg:w-[372px] 2xl:w-[512px]" />
<div>
@ -37,7 +37,7 @@
</div>
</div>
<div class="flex text-white h-full max-h-[40vh]">
<div class="max-w-[54.75%] bg-bg-gray py-4 w-full h-full">
<div class="max-w-[53.75%] bg-bg-gray py-4 w-full h-full">
<div class="flex items-center justify-between gap-2 px-4">
<img src="./static/file_icon.svg" alt="" class="w-[30px] h-[37px]" />
<p class="text-3xl text-bg-pink">yaml</p>
@ -277,13 +277,16 @@
</div>
</div>
</a>
<div class="bg-white text-black w-[200px] h-[81px] px-4 py-2 flex gap-2 items-center">
<img class="w-10" alt="" src="./static/assets/discord-mark-blue.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Discord</p>
<p class="font-light text-[14px] leading-[1]">radiquum</p>
<a class="w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
target="_blank" referrerpolicy="origin">
<div class="flex items-center w-full h-full gap-2 px-4 py-2 text-black bg-white">
<img class="w-10" alt="" src="./static/assets/discord-mark-blue.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Discord</p>
<p class="font-light text-[14px] leading-[1]">radiquum</p>
</div>
</div>
</div>
</a>
</div>
</div>
<!-- Friends Links -->

36
static/tailwind.css
View file

@ -737,6 +737,10 @@ video {
height: 375px;
}
.h-\[77px\] {
height: 77px;
}
.max-h-\[40vh\] {
max-height: 40vh;
}
@ -830,6 +834,10 @@ video {
width: 422px;
}
.w-\[196px\] {
width: 196px;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
@ -846,6 +854,34 @@ video {
max-width: 54.75%;
}
.max-w-\[55\%\] {
max-width: 55%;
}
.max-w-\[58\%\] {
max-width: 58%;
}
.max-w-\[47\%\] {
max-width: 47%;
}
.max-w-\[46\%\] {
max-width: 46%;
}
.max-w-\[46\.25\%\] {
max-width: 46.25%;
}
.max-w-\[52\.75\%\] {
max-width: 52.75%;
}
.max-w-\[53\.75\%\] {
max-width: 53.75%;
}
.scroll-mt-24 {
scroll-margin-top: 6rem;
}