add favicon, metadata in layout template

This commit is contained in:
Aidan 2025-01-23 19:35:51 -05:00
parent aa515c0294
commit c4f9bfd0e8
8 changed files with 11 additions and 1 deletions

View File

@ -1,12 +1,13 @@
import "./globals.css"
import type { Metadata } from "next"
import Head from "next/head"
import { Inter } from "next/font/google"
import Navbar from "../app/components/Navbar"
const inter = Inter({ subsets: ["latin"] })
export const metadata: Metadata = {
title: "LibreCloud - Free Cloud Services",
title: "LibreCloud",
description: "Secure and private cloud services including email, password management, and code hosting.",
}
@ -17,6 +18,14 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<Head>
<title>{`${metadata.title}`}</title>
<meta name="description" content={metadata.description ?? ''} />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
</Head>
<body className={`${inter.className} bg-gray-900 text-gray-100`}>
<Navbar />
{children}

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

BIN
public/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 614 B

BIN
public/favicon-32x32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

1
public/site.webmanifest Normal file
View File

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