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

feat: add wah.su project to project links

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-16 14:43:50 +05:00
parent 2158f3ae86
commit af9286b940
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 264 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
index.html
View file

@ -288,6 +288,18 @@
</div>
</a>
</div>
<a class="hover:border-bg-blue w-[344px] sm:w-[416px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://home.wah.su" target="_blank" referrerpolicy="origin">
<div class="relative flex items-end w-full h-full px-2 py-4 overflow-hidden">
<img class="absolute [filter:darken(10%)] scale-9 sm:scale-100 -right-[90px] -top-[80px] sm:-right-32 sm:-top-24 object-cover -z-10" alt=""
src="./static/assets/wah-su.svg" />
<div class="absolute inset-0 bg-black -z-20"></div>
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">wah.su</p>
<p class="font-light text-[14px] leading-[1]">My Self-Hosting endeavor</p>
</div>
</div>
</a>
</div>
<!-- Contact and Friends links Links -->
<div class="flex flex-col w-[344px] sm:w-[416px] gap-8 lg:gap-4 xl:-mt-[196px] 2xl:-mt-0">

58
static/assets/wah-su.svg Normal file
View file

@ -0,0 +1,58 @@
<svg width="450" height="450" viewBox="0 0 450 450" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1_477)">
<g clip-path="url(#clip1_1_477)">
<path d="M0 224.999C0 100.734 100.736 0 224.999 0C349.264 0 449.998 100.736 450 224.999C450 349.264 349.264 449.998 224.999 450C100.734 450 0 349.264 0 224.999ZM224.999 434.655C340.789 434.655 434.653 340.789 434.655 224.999C434.655 109.209 340.789 15.345 224.999 15.345C109.209 15.345 15.345 109.211 15.345 224.999C15.345 340.789 109.211 434.653 224.999 434.655Z" fill="#FE633D"/>
<path d="M225 447.75C348.021 447.75 447.75 348.021 447.75 225C447.75 101.979 348.021 2.25 225 2.25C101.979 2.25 2.25 101.979 2.25 225C2.25 348.021 101.979 447.75 225 447.75Z" fill="#FE633D"/>
<g clip-path="url(#clip2_1_477)">
<g clip-path="url(#clip3_1_477)">
<path d="M348.491 224.503C348.491 241.823 334.479 255.828 317.151 255.828C299.854 255.828 285.834 241.823 285.834 224.503C285.834 207.206 314.373 178.964 331.677 178.964C349.012 178.964 348.491 207.206 348.491 224.503Z" fill="white"/>
<path d="M164.174 224.503C164.174 241.823 150.161 255.828 132.829 255.828C115.529 255.828 101.52 241.823 101.52 224.503C101.52 207.206 100.451 178.964 117.748 178.964C135.079 178.964 164.174 207.206 164.174 224.503Z" fill="white"/>
<path d="M295.744 161.849C295.744 179.165 281.732 193.178 264.412 193.178C247.107 193.178 233.087 179.165 233.087 161.849C233.087 144.556 247.107 104.042 264.412 104.042C281.732 104.039 295.744 144.552 295.744 161.849Z" fill="white"/>
<path d="M302.602 285.065C311.007 319.697 275.557 346.919 223.346 345.931C171.19 344.94 136.357 316.918 145.511 283.278C154.649 249.68 190.096 222.415 224.701 222.415C259.345 222.419 294.201 250.483 302.602 285.065Z" fill="white"/>
<path d="M216.388 161.849C216.388 179.165 202.372 193.178 185.052 193.178C167.743 193.178 153.734 179.165 153.734 161.849C153.734 144.556 167.743 104.042 185.052 104.042C202.372 104.039 216.388 144.552 216.388 161.849Z" fill="white"/>
</g>
</g>
</g>
</g>
<g clip-path="url(#clip4_1_477)">
<g clip-path="url(#clip5_1_477)">
<path d="M0 224.999C0 100.734 100.736 0 224.999 0C349.264 0 449.998 100.736 450 224.999C450 349.264 349.264 449.998 224.999 450C100.734 450 0 349.264 0 224.999ZM224.999 434.655C340.789 434.655 434.653 340.789 434.655 224.999C434.655 109.209 340.789 15.345 224.999 15.345C109.209 15.345 15.345 109.211 15.345 224.999C15.345 340.789 109.211 434.653 224.999 434.655Z" fill="#FE633D"/>
<path d="M225 447.75C348.021 447.75 447.75 348.021 447.75 225C447.75 101.979 348.021 2.25 225 2.25C101.979 2.25 2.25 101.979 2.25 225C2.25 348.021 101.979 447.75 225 447.75Z" fill="#FE633D"/>
<g clip-path="url(#clip6_1_477)">
<g clip-path="url(#clip7_1_477)">
<path d="M348.491 224.503C348.491 241.823 334.479 255.828 317.151 255.828C299.854 255.828 285.834 241.823 285.834 224.503C285.834 207.206 314.373 178.964 331.677 178.964C349.012 178.964 348.491 207.206 348.491 224.503Z" fill="white"/>
<path d="M164.174 224.503C164.174 241.823 150.161 255.828 132.829 255.828C115.529 255.828 101.52 241.823 101.52 224.503C101.52 207.206 100.451 178.964 117.748 178.964C135.079 178.964 164.174 207.206 164.174 224.503Z" fill="white"/>
<path d="M295.744 161.849C295.744 179.165 281.732 193.178 264.412 193.178C247.107 193.178 233.087 179.165 233.087 161.849C233.087 144.556 247.107 104.042 264.412 104.042C281.732 104.039 295.744 144.552 295.744 161.849Z" fill="white"/>
<path d="M302.602 285.065C311.007 319.697 275.557 346.919 223.346 345.931C171.19 344.94 136.357 316.918 145.511 283.278C154.649 249.68 190.096 222.415 224.701 222.415C259.345 222.419 294.201 250.483 302.602 285.065Z" fill="white"/>
<path d="M216.388 161.849C216.388 179.165 202.372 193.178 185.052 193.178C167.743 193.178 153.734 179.165 153.734 161.849C153.734 144.556 167.743 104.042 185.052 104.042C202.372 104.039 216.388 144.552 216.388 161.849Z" fill="white"/>
</g>
</g>
</g>
</g>
<defs>
<clipPath id="clip0_1_477">
<rect width="450" height="450" fill="white"/>
</clipPath>
<clipPath id="clip1_1_477">
<rect width="450" height="450" fill="white"/>
</clipPath>
<clipPath id="clip2_1_477">
<rect width="246.986" height="241.915" fill="white" transform="translate(101.507 104.042)"/>
</clipPath>
<clipPath id="clip3_1_477">
<rect width="246.986" height="241.915" fill="white" transform="translate(101.507 104.042)"/>
</clipPath>
<clipPath id="clip4_1_477">
<rect width="450" height="450" fill="white"/>
</clipPath>
<clipPath id="clip5_1_477">
<rect width="450" height="450" fill="white"/>
</clipPath>
<clipPath id="clip6_1_477">
<rect width="246.986" height="241.915" fill="white" transform="translate(101.507 104.042)"/>
</clipPath>
<clipPath id="clip7_1_477">
<rect width="246.986" height="241.915" fill="white" transform="translate(101.507 104.042)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.7 KiB

194
static/tailwind.css
View file

@ -632,6 +632,170 @@ video {
top: 0px;
}
.-left-12 {
left: -3rem;
}
.bottom-0 {
bottom: 0px;
}
.-right-12 {
right: -3rem;
}
.-bottom-\[50\%\] {
bottom: -50%;
}
.bottom-\[60px\] {
bottom: 60px;
}
.bottom-\[30px\] {
bottom: 30px;
}
.bottom-\[0px\] {
bottom: 0px;
}
.top-24 {
top: 6rem;
}
.-top-24 {
top: -6rem;
}
.-right-8 {
right: -2rem;
}
.-right-24 {
right: -6rem;
}
.-right-32 {
right: -8rem;
}
.-right-\[50\%\] {
right: -50%;
}
.-right-\[30\%\] {
right: -30%;
}
.-top-\[20\%\] {
top: -20%;
}
.-top-\[25\%\] {
top: -25%;
}
.-top-\[50\%\] {
top: -50%;
}
.-top-\[55\%\] {
top: -55%;
}
.-right-\[35\%\] {
right: -35%;
}
.-right-\[25\%\] {
right: -25%;
}
.-right-16 {
right: -4rem;
}
.-top-12 {
top: -3rem;
}
.-top-6 {
top: -1.5rem;
}
.-top-10 {
top: -2.5rem;
}
.-top-8 {
top: -2rem;
}
.-top-16 {
top: -4rem;
}
.-top-\[70px\] {
top: -70px;
}
.-top-\[74px\] {
top: -74px;
}
.-top-\[72px\] {
top: -72px;
}
.-right-28 {
right: -7rem;
}
.-right-20 {
right: -5rem;
}
.-right-\[300\] {
right: -300;
}
.-right-\[300px\] {
right: -300px;
}
.-right-\[200px\] {
right: -200px;
}
.-right-\[100px\] {
right: -100px;
}
.-right-\[80px\] {
right: -80px;
}
.-top-\[64px\] {
top: -64px;
}
.-top-\[80px\] {
top: -80px;
}
.-right-\[90px\] {
right: -90px;
}
.-right-\[70px\] {
right: -70px;
}
.-right-\[60px\] {
right: -60px;
}
.-z-10 {
z-index: -10;
}
@ -640,6 +804,10 @@ video {
z-index: 10;
}
.-z-20 {
z-index: -20;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
@ -944,6 +1112,18 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-75 {
--tw-scale-x: .75;
--tw-scale-y: .75;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scroll-mt-12 {
scroll-margin-top: 3rem;
}
@ -1425,6 +1605,14 @@ body {
}
@media (min-width: 640px) {
.sm\:-right-32 {
right: -8rem;
}
.sm\:-top-24 {
top: -6rem;
}
.sm\:mb-12 {
margin-bottom: 3rem;
}
@ -1477,6 +1665,12 @@ body {
width: 2.5rem;
}
.sm\:scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.sm\:scroll-mt-12 {
scroll-margin-top: 3rem;
}