New website

[amitzur]

New design is here: https://www.dropbox.com/sh/d0o74j3i4izti28/AAA5UUYd58sAk3l4VjoVVicZa?dl=0 (Sketch file is pretty big, ~150MB)

Infra

• [x] create react app
• [x] server files
• [x] dotenv config
• [x] bootstrap
• [x] hmr
• [x] routing
• [x] fonts
• [x] font awesome
• [x] css modules
• [x] deployment
• [x] MobX
• [x] helmet
• [x] pages
• [x] google analytics

Navbar

• [x] logo
• [x] responsive menu
• [x] login
• [x] navbar items module
• [x] homepage version vs. other pages version

Footer

• [x] currently missing design (will be similar to existing)

General styles

• [ ] text sizes & line heights
• [ ] weights
• [ ] fonts
• [ ] links
• [ ] buttons
• [ ] spacing

Homepage

General

• [x] section component
• [x] home sections module
• [x] title component
• [x] scroll to section (react-scroll)

Hero

• [x] image
• [x] title
• [x] subtitle
• [x] call to action box
• [x] social
• [x] responsive

About

• [x] image
• [x] layout
• [x] text
• [x] responsive

Register

• [x] image (fixed background like in today's website)
• [x] title
• [x] subtitle
• [ ] button
• [ ] eventbrite embed
• [ ] responsive

Speakers

• [x] speaker card component
• [x] cloudinary color processing
• [x] layout
• [x] responsive

Location

• [x] map
• [x] info box

Team

• [x] team member widget
• [x] layout
• [x] responsive

Sponsors

• [x] layout
• [x] responsive
• [x] can we collapse the text? (need to verify with the team)

Speaker

• [x] hero image
• [x] speaker image
• [x] name+title
• [x] social links
• [x] bio
• [x] sessions box (title, tag, title - clickable)
• [ ] edit button
• [ ] form
• [ ] profile picture upload
• [x] responsive

Session

• [x] hero image
• [x] title, type, tags
• [x] time & place
• [x] speaker component
• [x] abstract
• [x] responsive

Agenda

• [x] title
• [x] day toggle
• [x] agenda table
  • [x] merged line (e.g. registration)
  • [x] keynote line
  • [x] 3 talks line
  • [x] break
  • [x] ignites
• [x] real data
• [x] responsive
• [x] colors

[amitzur]

shortlist:

• [ ] speaker details form
• [ ] session details form
• [x] agenda on mobile
• [x] login
• [x] style polish
• [x] eventbrite
• [x] speakers page
• [x] cloudinary image resize
• [x] footer