Change OKI name and icons

2023-03-20 20:12:20 +04:00
parent cb049886bb
commit 121eab6ba2
40 changed files with 41 additions and 44 deletions
@@ -20,38 +20,38 @@ export default function HeadLayout({
  return (
    <div>
      <Head prefix='website: https://ogp.me/ns/website#'>
-        <title>{`${title ? `#OKi | ${title}` : '#OKi | Organisation KA Internationale'}`}</title>
+        <title>{`${title ? `OKI | ${title}` : 'OKI | Organisation KA Internationale'}`}</title>
        <link rel='canonical' href={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
        <link rel='manifest' href='/manifest.json' />
-        <link rel='icon' type='image/x-icon' sizes='128x128' href='/favicon.ico' />
+        <link rel='icon' type='image/png' sizes='128x128' href='/favicon.png' />
-        <link rel='apple-touch-icon' href='/favicon.ico' />
+        <link rel='apple-touch-icon' href='/favicon.png' />
        <meta name='monetization' content='$ilp.uphold.com/q7MFmYWNpwnr' />
-        <meta name='application-name' content='#OKi | Organisation KA Internationale' />
+        <meta name='application-name' content='OKI | Organisation KA Internationale' />
        <meta name='twitter:card' content='summary_large_image' />
        <meta name='twitter:url' content={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
-        <meta name='twitter:title' content={`${title ? title : '#OKi | Organisation KA Internationale'}`} />
+        <meta name='twitter:title' content={`${title ? title : 'OKI | Organisation KA Internationale'}`} />
        <meta name='twitter:description' content={`${summary ? summary : 'Organisation KA Internationale a pour but de promouvoir les langues et les productions afro-diasporiques. Fédiverse ➡️ o-k-i.net'}`} />
-        <meta name='twitter:image' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/oki-logo-192x192.png`}`} />
+        <meta name='twitter:image' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-192x192.png`}`} />
        <meta name='twitter:creator' content='@OrganisationKA' />
        <meta name='twitter:site' content='@OrganisationKA' />
        <meta name='theme-color' content='#303030' />
        <meta name='apple-mobile-web-app-status-bar' content='#303030' />
        <meta charSet='utf-8' />
        <meta name='description' content={`${summary ? summary : 'Organisation KA Internationale a pour but de promouvoir les langues et les productions afro-diasporiques. Fédiverse ➡️ o-k-i.net'}`} />
-        <meta name='author' content='#OKi' />
+        <meta name='author' content='OKI' />
        <meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width' />
        <meta property='og:url' content={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
        <meta property='og:type' content='website' />
-        <meta property='og:site_name' content={`${title ? title : '#OKi | Organisation KA Internationale'}`} />
+        <meta property='og:site_name' content={`${title ? title : 'OKI | Organisation KA Internationale'}`} />
-        <meta property='og:title' content={`${title ? title : '#OKi | Organisation KA Internationale. Paroles, traductions et Fédiverse'}`} />
+        <meta property='og:title' content={`${title ? title : 'OKI | Organisation KA Internationale. Paroles, traductions et Fédiverse'}`} />
        <meta property='og:description' content={`${summary ? summary : 'Organisation KA Internationale a pour but de promouvoir les langues et les productions afro-diasporiques. Fédiverse ➡️ o-k-i.net'}`} />
        <meta property='og:locale' content='fr_FR' />
-        <meta property='og:image' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/oki-logo-512x512.png`}`} />
+        <meta property='og:image' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-512x512.png`}`} />
-        <meta property='og:image:secure_url' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/oki-logo-512x512.png`}`} />
+        <meta property='og:image:secure_url' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-512x512.png`}`} />
        <meta property='og:image:type' content={imageMime ? imageMime : 'image/png'} />
        <meta property='og:image:width' content={imageWidth ? imageWidth : '512'} />
        <meta property='og:image:height' content={imageHeight ? imageHeight : '512'} />
-        <meta property='og:image:alt' content={`${title && imageUrl ? title : '#OKi Logo'} | Organisation KA Internationale`} />
+        <meta property='og:image:alt' content={`${title && imageUrl ? title : 'OKI Logo'} | Organisation KA Internationale`} />
      </Head>
      <Navigasyon selectedTab={tab} />
      {children}
@@ -68,7 +68,7 @@ export default function RezoDialog() {
        onClose={handleClose}
      >
        <BootstrapDialogTitle id='rézo-dialog' onClose={handleClose}>
-          #OKi sur le <strong>Fédiverse</strong>
+          OKI sur le <strong>Fédiverse</strong>
        </BootstrapDialogTitle>
        <DialogContent>
          <Box>
@@ -142,7 +142,7 @@ export default function Lekte({audio, url, parole}) {
          <CoverImage>
            <Image
              alt={parole.titre}
-              src={parole?.couverture?.data?.attributes?.formats?.thumbnail ? `${IMAGE_URL}${parole.couverture.data.attributes.formats.thumbnail.url}` : '/oki-logo-192x192.png'}
+              src={parole?.couverture?.data?.attributes?.formats?.thumbnail ? `${IMAGE_URL}${parole.couverture.data.attributes.formats.thumbnail.url}` : '/logo-192x192.png'}
              width={parole?.couverture?.data?.attributes?.formats?.thumbnail ? parole.couverture.data.attributes.formats.thumbnail.width : 192}
              height={parole?.couverture?.data?.attributes?.formats?.thumbnail ? parole.couverture.data.attributes.formats.thumbnail.height : 192}
            />
@@ -65,29 +65,26 @@ const bodyTemplate = template(`
 <body>
  <div>
-    <img src="https://oki.re/oki-logo-72x72.png" alt="Logo #OKi">
+    <img src="https://oki.re/logo-72x72.png" alt="Logo OKI">
  </div>
  <div class="title">
    <h2 style="margin:0; mso-line-height-rule:exactly;">Merci !</h2><br>
-    <h3 style="margin:0; mso-line-height-rule:exactly;">Votre soutien à #OKi est important et nous vous en sommes très reconnaissant ❤️</h3>
+    <h3 style="margin:0; mso-line-height-rule:exactly;">Votre soutien à OKI est important et nous vous en sommes très reconnaissant ❤️</h3>
  </div>
  <div class="container">
    <section>
      <h4>Une aide indispensable</h4>
      <p>
-        En effet, ce sont les dons qui nous permettent de maintenir tous les services liés à #OKi.
+        En effet, ce sont les dons qui nous permettent de maintenir tous les services liés à OKI.
      </p>
      <p>
        Toute contribution, aussi modeste soit-elle, nous permet d’augmenter nos capacités.<br />
      </p>
      <p>Pour rappel, voici la liste des services que nous hébergeons&nbsp;:</p>
      <ul>
        <li><span class="forceWhiteLink"><button><a href="https://pale.o-k-i.net/timeline/local" target="blank">Palé</a></button></span> 🗣️</li>
        <li><span class="forceWhiteLink"><button><a href="https://gade.o-k-i.net" target="blank">Gadé</a></button></span> 📺</li>
        <li><span class="forceWhiteLink"><button><a href="https://mobilize.o-k-i.net" target="blank">Mobilizé</a></button></span> 🤝</li>
        <li><span class="forceWhiteLink"><button><a href="https://mizik.o-k-i.net" target="blank">Mizik</a></button></span> 🎶</li>
        <li><span class="forceWhiteLink"><button><a href="https://nouvel.o-k-i.net" target="blank">Nouvèl</a></button></span> 📰</li>
      </ul>
    </section>
  </div>
@@ -97,7 +94,7 @@ const bodyTemplate = template(`
    <p>Pour toute question, n’hésitez pas à nous contacter en répondant à ce courriel.</p>
    <p>Merci infiniment pour votre soutien.</p>
-    <span><i><span class="forceWhiteLink"><button><a href="https://oki.re" target="blank">#OKi - Organisation KA Internationale</a></button></span></i></span>
+    <span><i><span class="forceWhiteLink"><button><a href="https://oki.re" target="blank">OKI - Organisation KA Internationale</a></button></span></i></span>
  </footer>
 </html>
 `)
@@ -8,10 +8,10 @@ export default function Custom404() {
      <Link href='/'>
        <a>
          <Image
-            alt='Logo #OKi'
+            alt='Logo OKI'
-            width={551}
+            width={512}
-            height={315}
+            height={512}
-            src='/oki-logo-551x315.png'
+            src='/logo-512x512.png'
            quality={20}
          />
        </a>
@@ -8,10 +8,10 @@ export default function Custom500() {
      <Link href='/'>
        <a>
          <Image
-            alt='Logo #OKi'
+            alt='Logo OKI'
-            width={551}
+            width={512}
-            height={315}
+            height={512}
-            src='/oki-logo-551x315.png'
+            src='/logo-512x512.png'
            quality={20}
          />
        </a>
@@ -11,10 +11,10 @@ export default class MyDocument extends Document {
      <Html lang='fr' prefix='og: https://ogp.me/ns#'>
        <Head>
          <link rel='manifest' href='/manifest.json' />
-          <link rel='icon' type='image/x-icon' sizes='128x128' href='/favicon.ico' />
+          <link rel='icon' type='image/png' sizes='128x128' href='/favicon.png' />
-          <link rel='apple-touch-icon' href='/favicon.ico' />
+          <link rel='apple-touch-icon' href='/favicon.png' />
          {this.props.emotionStyleTags}
-          <meta name='application-name' content='#OKi | Organisation KA Internationale' />
+          <meta name='application-name' content='OKI | Organisation KA Internationale' />
          <meta name='theme-color' content='#303030' />
          <meta name='apple-mobile-web-app-status-bar' content='#303030' />
          <meta charSet='utf-8' />
@@ -24,7 +24,7 @@ export default function Home({errorCode, errorMessage, stats}) {
        <Box sx={{flexGrow: 1, marginBottom: 3, marginTop: 3}}>
          <Container align='center'>
            <Typography sx={{fontWeight: 'bold'}} variant='h6' component='h1'>
-              #OKi
+              OKI
            </Typography>
            <Typography sx={{fontWeight: 'bold'}} variant='h6' component='h2'>
              Organisation KA Internationale
@@ -1,6 +1,6 @@
 {
-  "name": "#OKi - Organisation KA Internationale",
+  "name": "OKI - Organisation KA Internationale",
-  "short_name": "#OKi",
+  "short_name": "OKI",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#303030",
@@ -8,47 +8,47 @@
  "orientation": "portrait-primary",
  "icons": [
    {
-      "src": "/oki-logo-72x72.png",
+      "src": "/logo-72x72.png",
      "type": "image/png",
      "sizes": "72x72"
    },
    {
-      "src": "/oki-logo-96x96.png",
+      "src": "/logo-96x96.png",
      "type": "image/png",
      "sizes": "96x96"
    },
    {
-      "src": "/oki-logo-128x128.png",
+      "src": "/logo-128x128.png",
      "type": "image/png",
      "sizes": "128x128"
    },
    {
-      "src": "/oki-logo-144x144.png",
+      "src": "/logo-144x144.png",
      "type": "image/png",
      "sizes": "144x144"
    },
    {
-      "src": "/oki-logo-152x152.png",
+      "src": "/logo-152x152.png",
      "type": "image/png",
      "sizes": "152x152"
    },
    {
-      "src": "/oki-logo-192x192.png",
+      "src": "/logo-192x192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
-      "src": "/oki-logo-384x384.png",
+      "src": "/logo-384x384.png",
      "type": "image/png",
      "sizes": "384x384"
    },
    {
-      "src": "/oki-logo-512x512.png",
+      "src": "/logo-512x512.png",
      "type": "image/png",
      "sizes": "512x512"
    },
    {
-      "src": "maskable_icon.png",
+      "src": "maskable_oki.png",
      "type": "image/png",
      "sizes": "192x192",
      "purpose": "maskable"