bdxio / bdxio.site Goto Github PK

Avec 3 items :

• Les speakers (renvoie vers la section des participants correspondant aux speakers)
• Le programme (renvoie pour le moment vers lanyrd)
• L'agenda (désactivé pour le moment...)

Le besoin ✨

Pour optimiser les perfs, utiliser Arial, sans-serif à la place de Lato

C'est une page qui est référencée par le CFP

Elle devrait lister :

Les différentes typologies de talk

Les modalités pour les speakers

• Place offerte
• Défraiement par type de talk
• Repas des speakers

Avec :

• Les partenaires qui ont validé leur paiement
• Les UGs de la région bordelaise, la mairie de bordeaux etc..

Le besoin ✨

Sur l'édition 2022 nous avons décidé d'utiliser du CSS custom dans chaque composant.
Je pense que cette solution entrave la maintenance. Utiliser Tailwind permettrait de pouvoir variabiliser les couleurs, les fonts, etc. Ca nous permettrait de pouvoir facilier la maintenance d'une édition à l'autre.

La conception technique 🔧

• Créer la config tailwind avec Nuxt3
• ajouter les différentes variables

Repasser sur les composants

• components/association/AssociationSectionPresentation.vue
• components/association/AssociationSectionVolunteers.vue
• components/association/OpenFeedback.vue
• components/homepage/HomepageSectionAnnualTheme.vue
• components/homepage/HomepageSectionAbout.vue
• components/homepage/HomepageSectionHero.vue
• components/homepage/HomepageSectionKeyConcepts.vue
• components/homepage/HomepageSectionNews.vue
• components/homepage/HomepageSectionSpeaker.vue
• components/homepage/HomepageSectionSponsor.vue
• components/homepage/HomepageSectionSponsors.vue
• components/homepage/HomepageSectionThemes.vue
• components/icons/OpenNewWindow.vue
• components/jobs/SectionJobs.vue
  // to delete when everything is working
• components/layout/grid/Flex-container.vue
  // to delete when everything is working
• components/layout/grid/Flex-item.vue
  // to delete when everything is working
• components/layout/grid/index.js
• components/layout/SectionGuidage.vue
• components/layout/TheFooter.vue
• components/layout/TheHeader.vue
• components/layout/TheNavigation.vue
• components/sponsors/SectionBecoreSponsor.vue
• components/sponsors/SectionSponsorOffers.vue
• components/sponsors/SectionSponsorOffersAndSponsors.vue
• components/talk/SpeakerProfile.vue
• components/talk/TalkSectionPresentation.vue
• components/talk/TalkSectionSpeaker.vue
• components/talk/TalkSectionTheme.vue
• components/SectionTitle.vue
• components/ShowOnYoutube.vue
• components/TheCounter.vue

Repasser sur les layouts

• layouts/error.vue
• layouts/homepage.vue
• layouts/page.vue

Repasser sur les pages

• pages/talks/_talkId.vue
• pages/talks/index.vue
• pages/Asso.vue
• pages/Conduct.vue
• pages/index.vue
• pages/Jobs.vue
• pages/Live.vue
• pages/Schedule.vue
• pages/Sponsors.vue
• pages/Sponsors2022.vue

Create the 2022 branch on bdxio website

Le besoin ✨

Migration des SFC de Nuxt 2 vers Nuxt 3.

La conception technique 🔧

Guidelines :

• Ordre : <script>, <template> puis <style>
• Script avec <script setup lang=ts>

Ressources :

• Breaking changes from Vue 2 to Vue 3 : https://v3-migration.vuejs.org/breaking-changes/
• Nuxt 3 migration guide https://nuxt.com/docs/migration/overview

Suivi 🏗️

Components

• components/association/AssociationSectionPresentation.vue
• components/association/AssociationSectionVolunteers.vue
• components/association/OpenFeedback.vue
• components/homepage/HomepageSectionAbout.vue
• components/homepage/HomepageSectionAnnualTheme.vue
• components/homepage/HomepageSectionHero.vue
• components/homepage/HomepageSectionKeyConcepts.vue
• components/homepage/HomepageSectionNews.vue
• components/homepage/HomepageSectionSpeaker.vue
• components/homepage/HomepageSectionSponsor.vue
• components/homepage/HomepageSectionSponsors.vue
• components/homepage/HomepageSectionThemes.vue
• components/icons/OpenNewWindow.vue
• components/jobs/SectionJobs.vue
• components/layout/grid/Flex-container.vue
• components/layout/grid/Flex-item.vue
• components/layout/grid/index.js
• components/layout/SectionGuidage.vue
• components/layout/TheFooter.vue
• components/layout/TheHeader.vue
• components/layout/TheNavigation.vue
• components/sponsors/SectionBecoreSponsor.vue
• components/sponsors/SectionSponsorOffers.vue
• components/sponsors/SectionSponsorOffersAndSponsors.vue
• components/talk/SpeakerProfile.vue
• components/talk/TalkSectionPresentation.vue
• components/talk/TalkSectionSpeaker.vue
• components/talk/TalkSectionTheme.vue
• components/SectionTitle.vue
• components/ShowOnYoutube.vue
• components/TheCounter.vue

Layouts

• layouts/error.vue
• layouts/homepage.vue
• layouts/page.vue

Pages

• pages/talks/_talkId.vue
• pages/talks/index.vue
• pages/Asso.vue
• pages/Conduct.vue
• pages/index.vue
• pages/Jobs.vue
• pages/Live.vue
• pages/Schedule.vue
• pages/Sponsors.vue
• pages/Sponsors2022.vue

Il faudrait rajouter, sur la home, une section de news, dans le même esprit que ce qu'il y a sur la partie "latest news" de la home de http://www.devoxx.be/

Faire une nouvelle page listant nos sponsors et la présentation de leurs société

Et mettre une section "Partenaires" dans laquelle positionner tous les *UG locaux, ainsi que l'ENSEIRB qui nous accueille.

Il faudrait rendre cliquable la map montrant où se trouve l'ENSEIRB
En l'ouvrant dans une popup avec google map dedans

notamment pour le crédit photo de https://www.flickr.com/photos/xavier33300/8852069806/sizes/l/

Pour être raccord avec convention/engagement sponsoring, il faut que le gold soit visible sur toutes les pages.

On a un repeat-x sur le pont bacalan bastille dans 2 cas précis :

• Lorsque la résolution de l'écran a une largeur dans la tranche 715px - 768px
• Lorsque la résolution de l'écran est supérieure à 1600px (iMac ou tv ...)

Listant les gens de l'équipe d'orga ainsi que les jurys du CFP

On a un template proposé par Robin sur la manière dont afficher les membres.
Ce template pourrait ensuite être réutilisé lorsqu'on annoncera les speakers.

Le besoin ✨

Nuxt 2 utilise Vue 2 dont le EOL est le 31/12/2023. (cf https://v2.vuejs.org/lts/).
Nous devons donc migrer sur Nuxt 3 pour utiliser Vue 3.

• Setup
• SFC - #255
• Refactoriser les composants avec Tailwind - #258
• Autre

• utilisation du loading='lazy'
• Transformer place de la bourse en webp
• transformer palais des expos en webp
• Icones img en webp

• Design responsive
• Newsletter