infra/site
2
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: add favicons

Browse source
This commit is contained in:
Dariusz Niemczyk 2025-01-29 20:02:18 +01:00
parent d874678248
commit 50ded1089c
No known key found for this signature in database
8 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/apple-touch-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
public/favicon-96x96.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.5 KiB

BIN
public/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

3
public/favicon.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 38 KiB

21
public/site.webmanifest Normal file
View file

@ -0,0 +1,21 @@
{
"name": "MyWebSite",
"short_name": "MySite",
"icons": [
{
"src": "/web-app-manifest-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/web-app-manifest-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

BIN
public/web-app-manifest-192x192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
public/web-app-manifest-512x512.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 135 KiB

9
src/app/[locale]/layout.tsx
View file

@ -3,6 +3,7 @@ import "../../globals.css";
import type React from "react"; import type React from "react";
import { Lang, locales } from "@/i18n/locales"; import { Lang, locales } from "@/i18n/locales";
import Head from 'next/head';
import { Oxanium } from "next/font/google"; import { Oxanium } from "next/font/google";
const oxanium = Oxanium({ subsets: ["latin-ext"] }) const oxanium = Oxanium({ subsets: ["latin-ext"] })
@ -19,6 +20,14 @@ export default async function RootLayout({
const currentLang = locales.includes(locale) ? locale : "en" const currentLang = locales.includes(locale) ? locale : "en"
return ( return (
<html lang={currentLang} className={oxanium.className}> <html lang={currentLang} className={oxanium.className}>
<Head>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="MyWebSite" />
<link rel="manifest" href="/site.webmanifest" />
</Head>
<body className="bg-background text:foreground antialiased"> <body className="bg-background text:foreground antialiased">
{children} {children}
</body> </body>