mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-04-04 23:34:33 +00:00
feat: add favicon
This commit is contained in:
parent
389bcd76d4
commit
d731c9a994
9 changed files with 72 additions and 2 deletions
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
After Width: | Height: | Size: 15 KiB |
|
@ -6,6 +6,11 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kentai Radiquum</title>
|
||||
<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>
|
||||
|
||||
<body class="overflow-x-hidden bg-bg-black">
|
||||
|
@ -25,8 +30,8 @@
|
|||
</div>
|
||||
</header>
|
||||
<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="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="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 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">
|
||||
<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">
|
||||
|
|
19
site.webmanifest
Normal file
19
site.webmanifest
Normal 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
BIN
static/favicon/android-chrome-192x192.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 38 KiB |
BIN
static/favicon/android-chrome-512x512.png
Normal file
BIN
static/favicon/android-chrome-512x512.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 161 KiB |
BIN
static/favicon/apple-touch-icon.png
Normal file
BIN
static/favicon/apple-touch-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 34 KiB |
BIN
static/favicon/favicon-16x16.png
Normal file
BIN
static/favicon/favicon-16x16.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 844 B |
BIN
static/favicon/favicon-32x32.png
Normal file
BIN
static/favicon/favicon-32x32.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.3 KiB |
|
@ -1397,6 +1397,10 @@ body {
|
|||
margin-top: 6rem;
|
||||
}
|
||||
|
||||
.md\:h-screen {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.md\:scroll-mt-20 {
|
||||
scroll-margin-top: 5rem;
|
||||
}
|
||||
|
@ -1411,6 +1415,10 @@ body {
|
|||
margin-top: -248px;
|
||||
}
|
||||
|
||||
.xl\:h-screen {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.xl\:max-h-\[40vh\] {
|
||||
max-height: 40vh;
|
||||
}
|
||||
|
@ -1449,6 +1457,44 @@ body {
|
|||
}
|
||||
|
||||
@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\] {
|
||||
width: 372px;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue