Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: update home page and readme #492

Merged
merged 6 commits into from
Jan 11, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 57 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,62 @@
# Tumeplay

to write...
Accompagner les jeunes dans leur parcours d’apprentissage en santé sexuelle de manière ludique et fiable.

## Tumeplay Vitrine

Landing page conçue pour présenter divers thèmes liés à la sexualité de manière éducative et informative. Elle comprend des informations sous forme de card pour expliquer des sujets spécifiques liés à la sexualité.

Créer un fichier .env avec les informations du .env.example du repo

```bash
npm run dev
# or
yarn dev
```

## Tumeplay Dashboard

Vise à fournir un backoffice (panneau d'administration) pour l'application Tumeplay, permettant aux gestionnaires d'accéder à l'historique des commandes (box) effectuées par les utilisateurs.

Créer un fichier .env avec les informations du .env.example du repo

```bash
npm start
# or
yarn start
```

## Tumeplay App

Développer une application visant à augmenter les connaissances et compétences des jeunes en matière de santé sexuelle. Contient des informations sur la sexualité, des quizzs et possibilité de commander des kits.

Créer un fichier .env et un fichier .env.example. Récupérer les informations des fichiers env du dossier environnements.

```bash
npm start
# or
yarn start
```

## Tumeplay Mobile

Développer une application mobile visant à augmenter les connaissances et compétences des jeunes en matière de santé sexuelle. Contient des informations sur la sexualité, des quizzs et possibilité de commander des kits.

Créer un fichier .env avec les informations du .env.example du repo

```bash
npm start
# or
yarn start

#ios
npm run ios
yarn ios

#android
npm run android
yarn android
```

## Deployment

Expand Down
92 changes: 1 addition & 91 deletions tumeplay-vitrine/components/header.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { Box, Heading, Link, Text } from "@chakra-ui/react";
import { Box, Heading } from "@chakra-ui/react";
import Image from "next/image";

const Header = () => {
Expand All @@ -25,96 +25,6 @@ const Header = () => {
SEXE ?
</Box>
</Heading>
<Box
display="flex"
alignItems="center"
flexDirection={["column", "column", "row"]}
>
<Link
href="https://apps.apple.com/fr/app/tumeplay/id1559879813"
target="_blank"
rel="noreferrer"
title="Télécharger l'application sur apple iOS"
>
<Box mr={4} opacity={0.8} _hover={{ opacity: 0.6 }} w={52}>
<Image
width={200}
height={80}
layout="responsive"
src="/button-ios.svg"
alt={`Bouton pour télécharger l'application sur iOS`}
/>
</Box>
</Link>
<Link
href="https://play.google.com/store/apps/details?id=com.tumeplaymobile"
target="_blank"
rel="noreferrer"
title="Télécharger l'application sur Android"
>
<Box
ml={[0, 0, 4]}
mt={[4, 4, 0]}
opacity={0.8}
_hover={{ opacity: 0.6 }}
w={52}
>
<Image
width={200}
height={80}
layout="responsive"
src="/button-android.svg"
alt={`Bouton pour télécharger l'application sur Android`}
/>
</Box>
</Link>
</Box>
<Box pt={5}>
<Text fontWeight="bold" textAlign={["center", "center", "left"]}>
Retrouve-nous sur les réseaux sociaux pour découvrir nos actualités
</Text>
<Box
display="flex"
alignItems="center"
justifyContent="center"
justifyItems="center"
pt={2}
>
<Link
href="https://www.instagram.com/tumeplay/"
rel="noreferrer"
target="_blank"
title="Accéder au compte Instagram de tumeplay"
>
<Box mr={2} opacity={1} _hover={{ opacity: 0.8 }} w={12}>
<Image
src="/instagram.png"
width={50}
height={50}
layout="responsive"
alt={`Bouton pour accéder au réseau social Instagram`}
/>
</Box>
</Link>
<Link
href="https://www.tiktok.com/@tu.me.play"
target="_blank"
rel="noreferrer"
w={12}
opacity={1}
_hover={{ opacity: 0.8 }}
title="Accéder au compte Tiktok de tumeplay"
>
<Image
src="/Tiktok.png"
width={50}
height={50}
layout="responsive"
alt={`Bouton pour accéder au réseau social Tiktok`}
/>
</Link>
</Box>
</Box>
</Box>
);
};
Expand Down
Loading
Loading