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 favicon

Browse source
This commit is contained in:
Kentai Radiquum 2024-09-16 22:50:01 +05:00
parent 389bcd76d4
commit d731c9a994
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
9 changed files with 72 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

9
index.html
View file

@ -6,6 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kentai Radiquum</title> <title>Kentai Radiquum</title>
<link href="./static/tailwind.css" rel="stylesheet"> <link href="./static/tailwind.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="./static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./static/favicon/favicon-16x16.png">
<link rel="manifest" href="./site.webmanifest">
</head> </head>
<body class="overflow-x-hidden bg-bg-black"> <body class="overflow-x-hidden bg-bg-black">
@ -25,8 +30,8 @@
</div> </div>
</header> </header>
<div class="container px-2 2xl:h-screen" id="section_landing"> <div class="container px-2 2xl:h-screen" id="section_landing">
<div class="text-white h-full xl:max-h-[40vh] 2xl:max-h-[60vh] relative"> <div class="text-white h-full lg:max-h-[45vh] xl:max-h-[40vh] 2xl:max-h-[60vh] relative">
<div class="bg-bg-pink w-full h-full xl:max-h-[40vh] 2xl:max-h-[60vh] max-w-[46.25%] absolute top-0 right-0 -z-10 hidden sm:block"></div> <div class="bg-bg-pink w-full h-full lg:max-h-[45vh] xl:max-h-[40vh] 2xl:max-h-[60vh] max-w-[46.25%] absolute top-0 right-0 -z-10 hidden sm:block"></div>
<div class="flex flex-col items-center justify-center gap-4 pt-8 pb-4 sm:gap-12 sm:py-8 sm:px-8 sm:flex-row"> <div class="flex flex-col items-center justify-center gap-4 pt-8 pb-4 sm:gap-12 sm:py-8 sm:px-8 sm:flex-row">
<img src="./static/avatar_512.png" alt="" class="w-[256px] lg:w-[372px] 2xl:w-[512px]" /> <img src="./static/avatar_512.png" alt="" class="w-[256px] lg:w-[372px] 2xl:w-[512px]" />
<div class="p-4 bg-bg-pink sm:bg-transparent"> <div class="p-4 bg-bg-pink sm:bg-transparent">

19
site.webmanifest Normal file
View file

@ -0,0 +1,19 @@
{
"name": "",
"short_name": "",
"icons": [
{
"src": "/static/favicon/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/static/favicon/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

BIN
static/favicon/android-chrome-192x192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
static/favicon/android-chrome-512x512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 161 KiB

BIN
static/favicon/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
static/favicon/favicon-16x16.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 844 B

BIN
static/favicon/favicon-32x32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

46
static/tailwind.css
View file

@ -1397,6 +1397,10 @@ body {
margin-top: 6rem; margin-top: 6rem;
} }
.md\:h-screen {
height: 100vh;
}
.md\:scroll-mt-20 { .md\:scroll-mt-20 {
scroll-margin-top: 5rem; scroll-margin-top: 5rem;
} }
@ -1411,6 +1415,10 @@ body {
margin-top: -248px; margin-top: -248px;
} }
.xl\:h-screen {
height: 100vh;
}
.xl\:max-h-\[40vh\] { .xl\:max-h-\[40vh\] {
max-height: 40vh; max-height: 40vh;
} }
@ -1449,6 +1457,44 @@ body {
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
@media (min-width: 1000px) {
.lg\:xl\:max-h-\[40vh\] {
max-height: 40vh;
}
}
.lg\:h-screen {
height: 100vh;
}
.lg\:max-h-\[40vh\] {
max-height: 40vh;
}
.lg\:max-h-\[50vh\] {
max-height: 50vh;
}
.lg\:max-h-\[50\%\] {
max-height: 50%;
}
.lg\:max-h-\[40\%\] {
max-height: 40%;
}
.lg\:max-h-\[45\%\] {
max-height: 45%;
}
.lg\:max-h-\[45vh\] {
max-height: 45vh;
}
.lg\:max-h-\[30vh\] {
max-height: 30vh;
}
.lg\:w-\[372px\] { .lg\:w-\[372px\] {
width: 372px; width: 372px;
} }