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 social media links

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-15 14:45:27 +05:00
parent 5c9fb41381
commit 916733218b
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
6 changed files with 106 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
index.html
View file

@ -91,20 +91,20 @@
</div>
<div class="flex gap-4">
<a href="https://pixey.org/radiquum" target="_blank" referrerpolicy="origin">
<div class="bg-white text-black w-[170px] h-[150px] p-2">
<img class="mx-auto" alt="" src="./static/assets/pixelfed.svg" />
<div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
<img class="w-20 h-20 mx-auto" alt="" src="./static/assets/pixelfed.svg" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">pixey.org</p>
<p class="font-light text-[14px] leading-[1]">See the photos like in instagram</p>
<p class="font-light text-[12px] leading-[1]">See the photos like in instagram</p>
</div>
</div>
</a>
<a href="https://instafops.net/radiquwum" target="_blank" referrerpolicy="origin">
<div class="bg-white text-black w-[170px] h-[150px] p-2">
<img class="mx-auto" alt="" src="./static/assets/pixelfed.svg" />
<div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
<img class="w-20 h-20 mx-auto" alt="" src="./static/assets/pixelfed.svg" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">instafops.net</p>
<p class="font-light text-[14px] leading-[1]">Photos that more furry related</p>
<p class="font-light text-[12px] leading-[1]">Photos that more furry related</p>
</div>
</div>
</a>
@ -114,11 +114,56 @@
<img class="w-20 h-20" alt="" src="./static/assets/immich.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">wah.su/photos</p>
<p class="font-light text-[14px] leading-[1]">View gallery like in google photos</p>
<p class="font-light text-[12px] leading-[1]">View gallery like in google photos</p>
</div>
</div>
</a>
</div>
<div class="flex flex-col gap-4">
<div class="relative w-[356px] h-[150px] flex justify-end items-end bg-bg-blue">
<p class="font-bold text-[40px] leading-[1] p-[8px]">SOCIAL MEDIA</p>
</div>
<div class="flex flex-wrap gap-4">
<a href="https://furry.engineer/@radiquum" target="_blank" referrerpolicy="origin">
<div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
<img class="mx-auto w-14 h-14" alt="" src="./static/assets/logos--mastodon-icon.svg" />
<div class="flex flex-col justify-end gap-1">
<p class="font-medium text-[24px] leading-[1]">Mastodon</p>
<p class="font-light text-[12px] leading-[1]">@radiquum@furry.engineer</p>
</div>
</div>
</a>
<a href="https://bsky.app/profile/radiquum.wah.su" target="_blank" referrerpolicy="origin">
<div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
<img class="w-16 mx-auto h-14" alt="" src="./static/assets/Bluesky_Logo.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Bluesky</p>
<p class="font-light text-[12px] leading-[1]">@radiquum.wah.su</p>
</div>
</div>
</a>
</div>
<div class="flex flex-wrap gap-4">
<a href="https://x.com/radiquum" target="_blank" referrerpolicy="origin">
<div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
<img class="mx-auto w-14 h-14" alt="" src="./static/assets/logos--twitter.svg" />
<div class="flex flex-col justify-end gap-1">
<p class="font-medium text-[24px] leading-[1]">Twitter</p>
<p class="font-light text-[12px] leading-[1]">@radiquum</p>
</div>
</div>
</a>
<a href="https://vk.com/radiquum" target="_blank" referrerpolicy="origin">
<div class="bg-white text-black w-[170px] h-[150px] p-2 flex flex-col justify-around">
<img class="mx-auto w-14 h-14" alt="" src="./static/assets/VKLogo.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">VKontakte</p>
<p class="font-light text-[12px] leading-[1]">radiquum</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<script src="./static/script.js"></script>

BIN
static/assets/Bluesky_Logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
static/assets/VKLogo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.6 KiB

1
static/assets/logos--mastodon-icon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="0.94em" height="1em" viewBox="0 0 256 274"><path fill="#3088d4" d="M249.874 164.085c-3.753 19.307-33.613 40.438-67.908 44.533c-17.883 2.134-35.49 4.095-54.266 3.234c-30.705-1.407-54.933-7.33-54.933-7.33c0 2.99.184 5.836.553 8.498c3.992 30.302 30.047 32.118 54.728 32.964c24.912.852 47.094-6.142 47.094-6.142l1.023 22.521s-17.425 9.357-48.465 11.078c-17.116.94-38.369-.43-63.122-6.983c-53.686-14.21-62.92-71.436-64.332-129.502c-.43-17.24-.165-33.497-.165-47.094c0-59.375 38.903-76.779 38.903-76.779C58.6 4.074 92.259.286 127.25 0h.86c34.991.286 68.673 4.074 88.287 13.083c0 0 38.901 17.404 38.901 76.78c0 0 .488 43.807-5.425 74.222"/><path fill="#fff" d="M209.413 94.469v71.894H180.93V96.582c0-14.71-6.19-22.176-18.57-22.176c-13.687 0-20.547 8.857-20.547 26.37v38.195h-28.315v-38.195c0-17.513-6.862-26.37-20.55-26.37c-12.379 0-18.568 7.466-18.568 22.176v69.78H45.897V94.47c0-14.694 3.741-26.37 11.256-35.009c7.75-8.638 17.898-13.066 30.496-13.066c14.575 0 25.613 5.602 32.911 16.808l7.095 11.893l7.096-11.893c7.296-11.206 18.334-16.808 32.911-16.808c12.597 0 22.745 4.428 30.496 13.066c7.513 8.639 11.255 20.315 11.255 35.009"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
static/assets/logos--twitter.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1.23em" height="1em" viewBox="0 0 256 209"><path fill="#55acee" d="M256 25.45a105 105 0 0 1-30.166 8.27c10.845-6.5 19.172-16.793 23.093-29.057a105.2 105.2 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52c0 4.117.465 8.125 1.36 11.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52 7.757-7.11 16.78-7.11 26.404c0 18.222 9.273 34.297 23.365 43.716a52.3 52.3 0 0 1-23.79-6.57q-.004.33-.003.661c0 25.447 18.104 46.675 42.13 51.5a52.6 52.6 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475c-17.975 14.086-40.622 22.483-65.228 22.483c-4.24 0-8.42-.249-12.529-.734c23.243 14.902 50.85 23.597 80.51 23.597c96.607 0 149.434-80.031 149.434-149.435q0-3.417-.152-6.795A106.8 106.8 0 0 0 256 25.45"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 787 B

52
static/tailwind.css
View file

@ -728,6 +728,14 @@ video {
height: 5rem;
}
.h-16 {
height: 4rem;
}
.h-14 {
height: 3.5rem;
}
.max-h-\[40vh\] {
max-height: 40vh;
}
@ -792,6 +800,38 @@ video {
width: 5rem;
}
.w-\[180px\] {
width: 180px;
}
.w-\[190px\] {
width: 190px;
}
.w-\[200px\] {
width: 200px;
}
.w-\[210px\] {
width: 210px;
}
.w-\[220px\] {
width: 220px;
}
.w-\[2000px\] {
width: 2000px;
}
.w-16 {
width: 4rem;
}
.w-14 {
width: 3.5rem;
}
.max-w-\[1200px\] {
max-width: 1200px;
}
@ -808,6 +848,10 @@ video {
max-width: 54.75%;
}
.flex-1 {
flex: 1 1 0%;
}
.scroll-mt-32 {
scroll-margin-top: 8rem;
}
@ -824,6 +868,10 @@ video {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
@ -943,6 +991,10 @@ video {
padding: 8px;
}
.p-1 {
padding: 0.25rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;