feat: add favicon

clicepfl · Mar 29, 2024 · 5aefd56 · 5aefd56
1 parent 05dcdfc
commit 5aefd56
Show file tree

Hide file tree

Showing 13 changed files with 48 additions and 4 deletions.
diff --git a/app/public/android-chrome-192x192.png b/app/public/android-chrome-192x192.png
diff --git a/app/public/android-chrome-512x512.png b/app/public/android-chrome-512x512.png
diff --git a/app/public/apple-touch-icon.png b/app/public/apple-touch-icon.png
diff --git a/app/public/favicon-16x16.png b/app/public/favicon-16x16.png
diff --git a/app/public/favicon-32x32.png b/app/public/favicon-32x32.png
diff --git a/app/public/favicon.ico b/app/public/favicon.ico
diff --git a/app/public/next.svg b/app/public/next.svg
diff --git a/app/public/site.webmanifest b/app/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+  "name": "CLIC webiste",
+  "short_name": "CLIC",
+  "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"
+}
diff --git a/app/public/vercel.svg b/app/public/vercel.svg
diff --git a/app/src/components/Gallery.tsx b/app/src/components/Gallery.tsx
@@ -23,6 +23,7 @@ export default function Gallery({
 
   let count_5 = 0;
   let count_3 = 0;
+  let key = 0;
   imgs.map((img) => {
     let is_long_5 = Math.random() > 0.5 && count_5 < 4;
     count_5 += is_long_5 ? 2 : 1;
@@ -42,8 +43,10 @@ export default function Gallery({
             ${is_long_3 ? styles.long_3 : ""} 
             ${is_long_5 ? styles.long_5 : ""}
           `}
+        key={key}
       />
     );
+    key += 1;
   });
 
   return (

diff --git a/app/src/components/NavigationBar.tsx b/app/src/components/NavigationBar.tsx
@@ -46,6 +46,11 @@ function SideMenu({
   className?: string;
 }) {
   const router = useRouter();
+
+  if (!langs) {
+    return <></>;
+  }
+
   return (
     <>
       <Burger

diff --git a/app/src/components/SocialsList.tsx b/app/src/components/SocialsList.tsx
@@ -17,7 +17,7 @@ export default function SocialsList({
   var list: any = [];
   socials.forEach((s) => {
     list.push(
-      <Link href={s.link || ""} id={s.id?.toString()}>
+      <Link href={s.link || ""} id={s.id?.toString()} key={s.id?.toString()}>
         <DirectusImage
           img={s.logo}
           name={s.media_name}

diff --git a/app/src/pages/_document.tsx b/app/src/pages/_document.tsx
@@ -3,7 +3,26 @@ import { Head, Html, Main, NextScript } from "next/document";
 export default function Document() {
   return (
     <Html lang="en">
-      <Head />
+      <Head>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/dev/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/dev/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/dev/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/dev/site.webmanifest" />
+      </Head>
       <body>
         <Main />
         <NextScript />