From 437135fff7a0d954505d14c6b4feb96ff6440a83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Tue, 1 Feb 2022 20:58:31 +0400
Subject: [PATCH] Create KatRezoNou components

---
 components/kat-rezo-nou/gade.js   | 36 +++++++++++++++++++++++++++++++
 components/kat-rezo-nou/nouvel.js | 36 +++++++++++++++++++++++++++++++
 components/kat-rezo-nou/pale.js   | 34 +++++++++++++++++++++++++++++
 3 files changed, 106 insertions(+)
 create mode 100644 components/kat-rezo-nou/gade.js
 create mode 100644 components/kat-rezo-nou/nouvel.js
 create mode 100644 components/kat-rezo-nou/pale.js

diff --git a/components/kat-rezo-nou/gade.js b/components/kat-rezo-nou/gade.js
new file mode 100644
index 0000000..add6f54
--- /dev/null
+++ b/components/kat-rezo-nou/gade.js
@@ -0,0 +1,36 @@
+import Box from '@mui/material/Box'
+import Card from '@mui/material/Card'
+import CardActions from '@mui/material/CardActions'
+import CardContent from '@mui/material/CardContent'
+import Button from '@mui/material/Button'
+import Typography from '@mui/material/Typography'
+import Link from '@mui/material/Link'
+
+export default function Gade() {
+  return (
+    <Box sx={{minWidth: 275, marginBottom: 3}}>
+      <Card>
+        <CardContent>
+          <Link href='https://gade.o-k-i.net' target='_blank' rel='noopener' underline='hover'>
+            <Typography gutterBottom variant='h5'>
+              Gadé
+            </Typography>
+          </Link>
+          <Typography variant='h6' component='div'>
+            Alternative pour <strong>YouTube</strong>
+          </Typography>
+          <Typography gutterBottom variant='body2'>
+            Streaming vidéo <strong>sans aucune publicité</strong>.
+            <br />
+            Vous pouvez commenter les vidéos avec un compte {'"Palé"'}.
+          </Typography>
+        </CardContent>
+        <Box sx={{display: 'flex', justifyContent: 'center'}}>
+          <CardActions>
+            <Button target='_blank' rel='noopener' href='https://gade.o-k-i.net'>Accéder à Gadé</Button>
+          </CardActions>
+        </Box>
+      </Card>
+    </Box>
+  )
+}
diff --git a/components/kat-rezo-nou/nouvel.js b/components/kat-rezo-nou/nouvel.js
new file mode 100644
index 0000000..0c840cc
--- /dev/null
+++ b/components/kat-rezo-nou/nouvel.js
@@ -0,0 +1,36 @@
+import Box from '@mui/material/Box'
+import Card from '@mui/material/Card'
+import CardActions from '@mui/material/CardActions'
+import CardContent from '@mui/material/CardContent'
+import Button from '@mui/material/Button'
+import Typography from '@mui/material/Typography'
+import Link from '@mui/material/Link'
+
+export default function Nouvel() {
+  return (
+    <Box sx={{minWidth: 275, marginBottom: 3}}>
+      <Card>
+        <CardContent>
+          <Link href='https://nouvel.o-k-i.net' target='_blank' rel='noopener' underline='hover'>
+            <Typography gutterBottom variant='h5'>
+              Nouvèl
+            </Typography>
+          </Link>
+          <Typography variant='h6' component='div'>
+            Traite de l&apos;<strong>actualité</strong>
+          </Typography>
+          <Typography gutterBottom variant='body2'>
+            Vous souhaitez devenir <strong>auteur</strong> ?
+            <br />
+            Contactez-nous ➡️ <Link target='_blank' rel='noopener' underline='hover' href='mailto:kontak@oki.re?subject=Auteur #OKi Nouvèl'><strong>kontak@oki.re</strong></Link>
+          </Typography>
+        </CardContent>
+        <Box sx={{display: 'flex', justifyContent: 'center'}}>
+          <CardActions>
+            <Button target='_blank' rel='noopener' href='https://nouvel.o-k-i.net'>Accéder à Nouvèl</Button>
+          </CardActions>
+        </Box>
+      </Card>
+    </Box>
+  )
+}
diff --git a/components/kat-rezo-nou/pale.js b/components/kat-rezo-nou/pale.js
new file mode 100644
index 0000000..c58edda
--- /dev/null
+++ b/components/kat-rezo-nou/pale.js
@@ -0,0 +1,34 @@
+import Box from '@mui/material/Box'
+import Card from '@mui/material/Card'
+import CardActions from '@mui/material/CardActions'
+import CardContent from '@mui/material/CardContent'
+import Button from '@mui/material/Button'
+import Typography from '@mui/material/Typography'
+import Link from '@mui/material/Link'
+
+export default function Pale() {
+  return (
+    <Box sx={{minWidth: 275, marginBottom: 3}}>
+      <Card>
+        <CardContent>
+          <Link href='https://pale.o-k-i.net/timeline/local' target='_blank' rel='noopener' underline='hover'>
+            <Typography gutterBottom variant='h5'>
+              Palé
+            </Typography>
+          </Link>
+          <Typography variant='h6' component='div'>
+            Alternative pour <strong>Twitter</strong>
+          </Typography>
+          <Typography gutterBottom variant='body2'>
+            Les posts sont limités à <strong>5 000 caractères</strong>.
+          </Typography>
+        </CardContent>
+        <Box sx={{display: 'flex', justifyContent: 'center'}}>
+          <CardActions>
+            <Button target='_blank' rel='noopener' href='https://pale.o-k-i.net/timeline/local'>Accéder à Palé</Button>
+          </CardActions>
+        </Box>
+      </Card>
+    </Box>
+  )
+}