These are chat archives for WildCodeSchool/faq_candidats

14th
Aug 2017
TheophanyFR
@TheophanyFR
Aug 14 2017 09:56

@wolfcourt Salut, je seconde ce qui a été dit par Yaneoweb et Aurelie.
J'ajoute quelques remarques personnelles :

1) Aurelie a fait remarqué que ton site n'était pas responsive, je rappelle que l'exercice ne le demande pas (et j'ai vu plusieurs sites de candidats qui ont été acceptés, aucun n'était en responsive) donc ne t'en préoccupes pas, consacre le temps qu'il te reste à remplir les conditions de l'exercice.

2) L'anglais est bourré de fautes et d'erreurs, mais ce n'est pas ton fort donc tant pis. Compte tenu du temps qu'il te reste, essaie d'améliorer ça seulement si le correcteur t'en a parlé après le post de ta première solution. Par contre pense au moins à traduire en anglais les mois de "Last dates for the world tour", et aussi la description "Revenir en haut de page" de ton élément jquery. ("haut" ne semble pas pouvoir être traduit, je suppose que c'est le navigateur qui le traduit en fonction de sa langue par défaut ou de la langue indiquée dans le code html de la page).

3) Mets peut-être un peu plus en valeur les artistes et leur numéro. En les entourant de bordures avec un fond noir semi transparent peut-être ?

4) L'image de ton background se répète en pied de page, c'est dommage.
Tu peux y remédier en utilisant un dégradé (gradient en anglais) directement généré par le navigateur via le code CSS.
Comme ceci par exemple : https://jsfiddle.net/wm2qtvhe/37/
Des sites peuvent générer un dégradé pour toi, voici celui que j'ai utilisé dans l'exemple ci-dessus : http://www.colorzilla.com/gradient-editor/#237ec3+0,1a598c+32,154f81+53,133863+73
Tu peux modifier la couleur et la luminosité via "hue/saturation", ainsi que la position de chaque teinte du dégradé (si tu veux que ça soit sombre sur une plus grande partie de la page, histoire d'être plus proche de ton background d'origine).
Copie uniquement l'instruction qui commence par background: radial-gradient, comme j'ai fait sur le fiddle. Ne t'occupes pas de -moz-radial-gradient ou -webkit-radial-gradient, ça sert à assurer la compatibilité de ton css avec le plus grand nombre de navigateurs possible, même ceux pas à jour, mais c'est pas demandé dans l'exercice, tu verras ça durant la formation.
Veille à garder "ellipse at 100% 50%," avant les couleurs pour conserver la position et la forme du dégradé en demi-cercle à droite au milieu.

5) Espace de quelques pixels les icônes des réseaux sociaux (padding-right par exemple) et rends-les cliquables, comme ça tu montres que tu sais transformer une image en lien.

6) Je ne sais pas si le jquery sera suffisant, j'ai vu des Wild Circus avec un jquery plus développé être refusés...

7) Tu candidates pour Orléans ? Peut-être qu'on se verra à la rentrée ;)

TheophanyFR
@TheophanyFR
Aug 14 2017 13:05
Les boutons de ta première solution "click here for more information" devraient suffire côté jquery. Si tu es parvenu à les faire fonctionner sans qu'ils affichent tous les h4 à chaque toggle, évidemment.
wolfcourt
@wolfcourt
Aug 14 2017 15:16
@TheophanyFR Oui pour Orléans, et merci pour les conseils ,les wilders , j'ai été validé ! comment ça se passe maintenant?
TheophanyFR
@TheophanyFR
Aug 14 2017 15:29
Félicitations ! :D
Tu vas sans doute recevoir un mail qui t'explique la suite.