From 1f60927d074ff0d3f11b01e834559147edb8b2ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Famibelle-Pronzola?= <c.pronzola@tuta.io>
Date: Mon, 6 Nov 2023 19:12:35 +0400
Subject: [PATCH] Add Aso to explain OKI

---
 app/page.js                  |  2 ++
 components/akey/aso.js       | 23 +++++++++++++++++++++++
 components/akey/statistik.js |  2 +-
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 components/akey/aso.js

diff --git a/app/page.js b/app/page.js
index 0aabd63..261451d 100644
--- a/app/page.js
+++ b/app/page.js
@@ -8,6 +8,7 @@ import Akey from '../components/akey'
 
 import okiLogo from '../public/logo-512x512.png'
 import Footer from '../components/footer'
+import Aso from '../components/akey/aso'
 
 async function jwennDone() {
   const statistik = await jwennStats()
@@ -27,6 +28,7 @@ export default async function Page() {
       <Akey logo={okiLogo} />
       <Container sx={{flexGrow: 100}}>
         <Statistik statistik={statistik} />
+        <Aso />
       </Container>
       <Footer />
     </Box>
diff --git a/components/akey/aso.js b/components/akey/aso.js
new file mode 100644
index 0000000..e2161ed
--- /dev/null
+++ b/components/akey/aso.js
@@ -0,0 +1,23 @@
+import {Container, Link, Typography} from '@mui/material'
+
+export default function Aso() {
+  return (
+    <Container sx={{my: 3, textAlign: 'center'}} >
+      <Typography gutterBottom variant='h5' sx={{fontWeight: 'bold', mb: 2}} textAlign='center' component='h2'>
+        Qui sommes-nous ?
+      </Typography>
+      <Typography gutterBottom component='h3'>
+        Nous sommes une association <strong>à but non lucratif</strong>.
+      </Typography>
+      <Typography gutterBottom component='h3'>
+        Notre objectif principal est de <strong>promouvoir nos langues</strong>.
+      </Typography>
+      <Typography gutterBottom component='h3'>
+        Par ailleurs, nous avons récemment lancé un site web d’actualités multilingue : <Link target='_blank' rel='noreferrer' href='https://meduk.am'><strong>MEDUKAM</strong></Link>.
+      </Typography>
+      <Typography gutterBottom component='h3'>
+        Nous sommes également présents sur le <strong>Fédiverse</strong> avec <Link target='_blank' rel='noreferrer' href='https://gade.o-k-i.net'><strong>Gadé</strong></Link> (PeerTube) et <Link target='_blank' rel='noreferrer' href='https://mizik.o-k-i.net'><strong>Mizik</strong></Link> (Funkwhale).
+      </Typography>
+    </Container>
+  )
+}
diff --git a/components/akey/statistik.js b/components/akey/statistik.js
index fe09936..d4102d6 100644
--- a/components/akey/statistik.js
+++ b/components/akey/statistik.js
@@ -5,7 +5,7 @@ import KatAkey from './kat-akey'
 
 export default function Statistik({statistik}) {
   return (
-    <Grid container spacing={2} sx={{marginBottom: 3}}>
+    <Grid container spacing={2}>
       <KatAkey tit='Paroles' kantite={statistik.countParole} href='/paroles' as='/paroles' />
       <KatAkey tit='Artistes' kantite={statistik.countArtiste} href='/awtis?paj&paj=1' as='/awtis/paj/1' />
     </Grid>