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.

Sign up for GitHub

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

Jump to bottom

created landing page #17

Merged
merged 11 commits into from Apr 28, 2020
Merged

created landing page #17

merged 11 commits into from Apr 28, 2020

Conversation

rosarioterranova
Copy link
Contributor

No description provided.

@Sav22999
Copy link
Member

Sav22999 commented Mar 16, 2020 •
edited

  • Cambiare logo: usare la seguente SVG https://send.firefox.com/download/f037356a5bc69d0e/#sJby6C8j44zduzEceRro0Q (togliamo "icona" e "testo" e mettiamo solo una svg che incorpora entrambi -> mettendo SVG non perdiamo qualità né su desktop, né su mobile)
  • Separatori nei contenitori scuri, invece di neri, mettili bianchi
  • Il bottone "Diventa un volontario ora!" deve essere "normale" (non hover) con bordi e testo #007cff e quando è in "hover" sfondo #007cff e testo bianco

@Sav22999
Copy link
Member

Sostituire la favicon con questa

@Sav22999
Copy link
Member

Sav22999 commented Mar 17, 2020 •
edited

immagine

Nel CSS hai inserito questo codice, usand "Zilla Slab" come font-family. Ma non lo hai dichiarato da nessuna parte e se non è presente sulla macchina che stai utilizzando non viene visualizzato. Quindi, bisogna inserire il font-family scaricato (@font-face)
Oltre a Zilla Slab, è necessario aggiungere anche Zilla Slab Highlight per il logo.

Mi correggo
Ho analizzato il file HTML e ho visto che carichi lì il font
(<link href="https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap" rel="stylesheet">).
Se vogliamo continuare a usare questo metodo, devi aggiungere anche "Zilla Slab Highlight"
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab+Highlight&display=swap" rel="stylesheet">

@Sav22999
Copy link
Member

Sav22999 commented Mar 17, 2020 •
edited

Fare più grande questo bottone (incluso il font-size del carattere) e il colore deve essere #007CFF 😄
immagine

@Sav22999
Copy link
Member

Sav22999 commented Mar 18, 2020 •
edited

Il logo deve essere alto 100px, margin-to e bottom : 100px

Ora:
immagine

Dopo:
immagine

@Sav22999
Copy link
Member

Sav22999 commented Mar 22, 2020 •
edited

  • Spazio (margin) sopra e sotto al logo (direi circa 100px sia sotto sia sopra)
  • Bottone "diventa volontario": il font deve essere sempre Zilla Slab (font-family:inherit)
  • Font del logo "Zilla Slab Highlight"

Per il resto sembra perfetto 👍

@Sav22999
Copy link
Member

Perfetto 👍 ora attendiamo revisione dei contenuti

@Mte90
Copy link
Member

Mte90 commented Mar 22, 2020 •
edited

Mi piace il sito, il testo penso che potremmo mettere i nomi delle attività in grassetto così è più evidente.
Toglierei la frase "ma in alcuni scenari la community può rappresentare ufficialmente Mozilla," per non doverci ritrovare a fare spiegazioni.
Poi mettere i vari link ai social per dire così vediamo anche la grafica del link come suona.

Il pulsante diventa volontario cosa dovrebbe fare?

Per il resto mi sembra vada benissimo ottimo lavoro!

Dimenticavo, togliete tutti i file md e spostate i file html/css nella root così dopo spostiamo il repo nel ramo gh-pages.

@Sav22999
Copy link
Member

@Mte90 il bottone "Diventa volontario" dovrebbe far "scrollare" la pagina automaticamente all'elemento "I nostri gruppi"

@Sav22999
Copy link
Member

Giusto, avevo dimenticato che dobbiamo aggiungere i link ...

  • Aggiungere link

@Sav22999
Copy link
Member

@rosarioterranova Usa le immagini che trovi qui https://send.firefox.com/download/d759a94a5abf29c6/#SEZmcn1J_ChtCLgWjvOqFA per i gruppi comunitari. Devono tutti reindirizzare al bot Telegram, tranne SuMo (supporto mozilla) che deve reindirizzare al forum

@Sav22999
Copy link
Member

Sav22999 commented Mar 24, 2020 •
edited

@rosarioterranova altre modifiche da apportare (oltre a quelle sopra riportate)

@Sav22999
Copy link
Member

Sav22999 commented Apr 1, 2020 •
edited

@Sav22999
Copy link
Member

Sav22999 commented Apr 2, 2020

@rosarioterranova Ho spuntato le voci che hai completato. Ce ne sono alcune che non hai completato

@Sav22999
Copy link
Member

@rosarioterranova Ci sono ancora alcune voci da risolvere, credi di poterci lavorare? 😄

@Sav22999
Copy link
Member

Sav22999 commented Apr 23, 2020 •
edited

Elenco di cose che bisogna ancora fare:

@Sav22999
Copy link
Member

@rosarioterranova lo slider non funziona benissimo.
immagine
immagine
Nota che fino al 4 "pallino" anche andando avanti rimane uguale. Stessa cosa per gli ultimi quattro "pallini"
immagine
immagine

(stessa cosa anche in Progetti).

@Mte90
Copy link
Member

Mte90 commented Apr 24, 2020

Direi che lo slider funziona ma comincia a far scorrere le immagini dopo un po. Probabilmente on è proporzionato alle dimensioni dello schermo il numero di pallini.

Ho solo un dubbio per gli eventi, di quelli non avremo immagini in formato quadrato o eventi con una grafica forse conviene pensare in modo diverso la UI per questa sezione.

@Sav22999
Copy link
Member

@Mte90 per gli eventi, visto che abbiamo implementato lo slider, potremmo fare un'immagine grande per ogni pallino, e possono essere scorse facilmente. Che dite?

@Mte90 Mte90 merged commit e880f33 into MozillaItalia:master Apr 28, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.

None yet
3 participants
@rosarioterranova @Sav22999 @Mte90