Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-05-08 13:59:34 +05: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
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 -->