Website Redesign

[nioperas06]

En s'inspirant du site de ParisJS, nous allons reprendre le site de Python Benin, avec notamment les fonctionnalités ci-après:

• une page d'accueil présentant le(s) meetup(s) à venir ainsi que les précédents (infinite scroll);
• un champ de recherche, permettant de filtrer les meetups: voir la possibilité de le faire via Algolia;
• une page pour présenter le contenu de chaque meetup; les meetups passés avec les slides, etc...
• une page de FAQ;
• une page 'Proposer un sujet' qui affichera un formulaire avec les champs appropriés pour la soumission d'un sujet de meetup ou de conf;
• une page 'Partenaires' qui fera la liste des partenaires de Python Benin;
• Un menu de sélection de la langue: le site devra être disponible en FR et en EN;

[nioperas06]

[nioperas06]

Stack choisie: Hugo, Netlify Forms, Algolia, etc...
On devra utiliser la branche develop afin de ne pas rendre indisponible le site actuel.

[thetallralph]

1. Serait-ce possible qu'on migre vers tailwind pour le CSS ?
2. Aussi, je me propose pour construire les "composants" de la page home

[nioperas06]

1. Tailwind 😅 je ne suis pas un gros fan, mais si @OthnielDona est partant on peut l'essayer.
2. Okay

[thetallralph]

So I have start exploring this header since it will be great to not be copy copy 😅.
Don't worry I will not be fancy fancy so could move fast...

Let me know what you think about that.
The thinking behind it was to make the "Propose a topic" button a bit more noticeable.

Oops je parlais Anglais 😅... Boff de toute façon vous me comprenez

[OthnielDona]

Tailwind... Ah ! Quand on est trop doué aussi la 😀. Si tu va te charger du composant. Nous somme là pour apprendre aussi.

[thetallralph]

Hello
Concernant le #5
J'essaye de faire un deuxième pull request après mon 2ème commit. Mais j'ai l'impression que mon commit est joint directement à l'ancien PR que j'avais fait (bref je ne sais pas encore comment ça marche vraiment vos affaire de PR là 😅) #6
Bref, j'ai fini avec la structure globale,
il nous reste encore :

1. à ce qu'on s'entendent sur une optimale structure pour les datas (meetups, partners, talks authors,
2. j'ai pas trouver comment utiliser des functions hugo à l'intérieur d'un fichier html ayant un front matter
3. Comment compter vous gérer le nombre de participants ?
4. (Lié au .3) Où seront hébergés les événements ?
5. Algolia et Netlyform ne sont pas encore intégré
6. La traduction n'est pas encore intégré non plus.

@nioperas06 ça serait top si on pouvait se fixer des deadlines et mieux répartir le projet pour aller plus vite

[nioperas06]

Hello @thetallralph je promets de finir la structure minimale ce soir. 👍

[nioperas06]

Vous pouvez dès à présent voir toutes les modifications apportées sur ce lien.

[nioperas06]

1. Fait;
2. On va revenir sur ce probleme plsu tard.
3. Laissons tomber.
4. Netlify c'est bon.

J'ai effectuez certaines modifications. Si vous avez des questions, n'hésitez pas. Il reste:

• le design adapté aux téléphones mobiles et tablettes;
• la traduction;

Apres ces deux modifications, on pourra lancer la nouvelle version du site. Merci.

[thetallralph]

J'ai terminé avec l'adaptation du design aux téléphones mobiles et tablettes (Essayer de tester à vos niveaux pour voir)
Il reste que la traduction avant de procéder au lancement.

[nioperas06]

Je regarde ça ce week-end 😉

[nioperas06]

I definitely need to create a reminder via comment maybe something like Twitter's remind me this in x hours bot. Hello @sphinxxanxus

[ghost]

I definitely need to create a reminder via comment maybe something like Twitter's remind me this in x hours bot. Hello @sphinxxanxus

Working on

[OthnielDona]

Slt les pythonista. Désolé de vous avoir laissé la plus grande part du boulot. J’ai été très pris ces quelque mois. I am back now. Je pourrais me charger de la traduction, mais je n’ai aucune idée de comment m’y prendre. Est-ce qu’il faut crée un répertoire ?

[nioperas06]

I'll review your work tonigth @OthnielDona 👍

[nioperas06]

Good job guys!

[nioperas06]

Nous prenons généralement des phots aux différents meetups. Pensez-vous que c'est utile de proposer un album de chaque meetup? Si oui, que pouvons-nous utiliser pour simplifier la tâche? @thetallralph @OthnielDona

[nioperas06]

@OthnielDona fixed! Le site est disponible ici https://optimistic-wilson-167567.netlify.com/

[nioperas06]

On doit rajouter un minimum de SEO sur le site, surtout pour le preview lors du partage sur les réseaux sociaux. Utiliser le site https://metatags.io/ pour voir le rendu actuel sur Facebook et Google par exemple.

[nioperas06]

On doit juste rajouter des meta tags dans le head 😄

[OthnielDona]

Je supose qu'il faut le mettre dans layouts/partials/head.html.

Voici les meta tags

<!-- Primary Meta Tags -->
<title>Python Benin</title>
<meta name="title" content="Python Benin">
<meta name="description" content="La communauté des utilisateurs du langage de programmation Python au Bénin">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://optimistic-wilson-167567.netlify.com/">
<meta property="og:title" content="Python Benin">
<meta property="og:description" content="La communauté des utilisateurs du langage de programmation Python au Bénin">
<meta property="og:image" content="">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://optimistic-wilson-167567.netlify.com/">
<meta property="twitter:title" content="Python Benin">
<meta property="twitter:description" content="La communauté des utilisateurs du langage de programmation Python au Bénin">
<meta property="twitter:image" content="">

Et ca ressemble a ca

[nioperas06]

Oui, c'est bien ca 👍

[nioperas06]

Tu peux faire un PR

[nioperas06]

Thank you guys.