Add Aso to explain OKI

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>

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>
+  )
+}

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>