clicepfl
diff --git a/‎app/public/android-chrome-192x192.png
21 KB b/‎app/public/android-chrome-192x192.png
21 KB
diff --git a/‎app/public/android-chrome-512x512.png
105 KB b/‎app/public/android-chrome-512x512.png
105 KB
diff --git a/‎app/public/apple-touch-icon.png
18.8 KB b/‎app/public/apple-touch-icon.png
18.8 KB
diff --git a/‎app/public/favicon-16x16.png
664 Bytes b/‎app/public/favicon-16x16.png
664 Bytes
diff --git a/‎app/public/favicon-32x32.png
1.47 KB b/‎app/public/favicon-32x32.png
1.47 KB
diff --git a/‎app/public/favicon.ico
-10.3 KB b/‎app/public/favicon.ico
-10.3 KB
diff --git a/‎app/public/next.svg
-1 b/‎app/public/next.svg
-1
diff --git a/‎app/public/site.webmanifest
+19 b/‎app/public/site.webmanifest
+19
diff --git a/‎app/public/vercel.svg
-1 b/‎app/public/vercel.svg
-1
diff --git a/‎app/src/components/Gallery.tsx
+3 b/‎app/src/components/Gallery.tsx
+3
diff --git a/‎app/src/components/NavigationBar.tsx
+5 b/‎app/src/components/NavigationBar.tsx
+5
diff --git a/‎app/src/components/SocialsList.tsx
+1-1 b/‎app/src/components/SocialsList.tsx
+1-1
diff --git a/‎app/src/pages/_document.tsx
+20-1 b/‎app/src/pages/_document.tsx
+20-1
@@ -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"
+}
@@ -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 (
 
@@ -46,6 +46,11 @@ function SideMenu({
   className?: string;
 }) {
   const router = useRouter();
+
+  if (!langs) {
+    return <></>;
+  }
+
   return (
     <>
       <Burger
 
@@ -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}
 
@@ -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 />