From 302af6471cd9a0fb33c0bedb695ea237d7ecdfde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Tue, 22 Dec 2020 23:14:54 +0100
Subject: [PATCH] Using new logo files instead of old

---
 components/carousel.js    | 4 ++--
 components/head-layout.js | 8 ++++----
 pages/404.js              | 4 ++--
 pages/_app.js             | 8 ++++----
 pages/index.js            | 6 +++---
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/components/carousel.js b/components/carousel.js
index 520d778..66c8a7c 100644
--- a/components/carousel.js
+++ b/components/carousel.js
@@ -14,7 +14,7 @@ export default function Carousel({handleOpen, setHandleOpen, isMobile}) {
       onStart={() => setHandleOpen(false)}
     >
       <Slide
-        media={<img src='/logo-index.png' width={300} height={170} />}
+        media={<img src='/logo-192x110.png' />}
         mediaBackgroundStyle={{backgroundColor: grey[900]}}
         style={{backgroundColor: grey[800]}}
         title='Bienvenue'
@@ -63,7 +63,7 @@ export default function Carousel({handleOpen, setHandleOpen, isMobile}) {
         subtitle='Vous avez la possiblité de visionner le clip, écouter et/ou télécharger la musique via les plateformes de streaming et de téléchargement.'
       />
       <Slide
-        media={<img src='/logo-index.png' width={300} height={170} />}
+        media={<img src='/logo-192x110.png' />}
         mediaBackgroundStyle={{backgroundColor: grey[900]}}
         style={{backgroundColor: grey[800]}}
         title='Nous contacter'
diff --git a/components/head-layout.js b/components/head-layout.js
index cff94a7..7df0d77 100644
--- a/components/head-layout.js
+++ b/components/head-layout.js
@@ -22,11 +22,11 @@ export default function HeadLayout({
         <meta property='og:title' content={`#OKi - ${title ? title : 'Organisation KA Internationale'}`} />
         <meta property='og:description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues et les productions afro-diasporiques.' />
         <meta property='og:locale' content='fr_FR' />
-        <meta property='og:image' content='http://o-k-i.net/logo.png' />
-        <meta property='og:image:secure_url' content='https://o-k-i.net/logo.png' />
+        <meta property='og:image' content='http://o-k-i.net/logo-128x73.png' />
+        <meta property='og:image:secure_url' content='https://o-k-i.net/logo-128x73.png' />
         <meta property='og:image:type' content='image/png' />
-        <meta property='og:image:width' content='551' />
-        <meta property='og:image:height' content='315' />
+        <meta property='og:image:width' content='128' />
+        <meta property='og:image:height' content='73' />
         <meta property='og:image:alt' content='Logo #OKi - Organisation KA Internationale' />
       </Head>
       <Navigasyon selectedTab={tab} />
diff --git a/pages/404.js b/pages/404.js
index 26f7fa6..3550e05 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -11,8 +11,8 @@ export default function Custom404() {
             alt='Logo #OKi'
             width={551}
             height={315}
-            src='/logo.png'
-            quality={10}
+            src='/logo-551x315.png'
+            quality={50}
           />
         </a>
       </Link>
diff --git a/pages/_app.js b/pages/_app.js
index 5dcc870..316d2e1 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -40,11 +40,11 @@ export default function MyApp(props) {
         <meta property='og:title' content='#OKi - Organisation KA Internationale' />
         <meta property='og:description' content='#OKi (Organisation KA Internationale) a pour but de promouvoir les langues afro-diasporiques.' />
         <meta property='og:locale' content='fr_FR' />
-        <meta property='og:image' content='http://o-k-i.net/logo.png' />
-        <meta property='og:image:secure_url' content='https://o-k-i.net/logo.png' />
+        <meta property='og:image' content='http://o-k-i.net/logo-128x73.png' />
+        <meta property='og:image:secure_url' content='https://o-k-i.net/logo-128x73.png' />
         <meta property='og:image:type' content='image/png' />
-        <meta property='og:image:width' content='551' />
-        <meta property='og:image:height' content='315' />
+        <meta property='og:image:width' content='128' />
+        <meta property='og:image:height' content='73' />
         <meta property='og:image:alt' content='Logo #OKi - Organisation KA Internationale' />
       </Head>
       <ThemeProvider theme={darkTheme}>
diff --git a/pages/index.js b/pages/index.js
index e582254..e76cff9 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -27,9 +27,9 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
       <Container align='center'>
         <Image
           alt='Logo #OKi'
-          width={400}
-          height={215}
-          src='/logo-index.png'
+          width={384}
+          height={220}
+          src='/logo-384x220.png'
         />
         <Typography variant='h3' component='h1'>
           Organisation KA Internationale