The lacocina from mbyczkowski

connected to #78 - once the photo is changed we need to add the copy
"I thank god every day for La Cocina... but it was momos  that saved my life." font weight light, size 36px #333
and
Binita Pradhan, Bini's Kitchen font weight reg, size 25 #333

(use em instead of pixels?)

fix homepage styles for mobile devices

the dropdown menu doesn't work and I think visually the site needs some tweaks (hopefully will get some style/design tips from @abyczkowska).

This is in Chrome when simulating iPhone 6:

Update the volunteering page

look into homepage page load performance

This could happen post-v1. The homepage feels sluggish. We've got big images (hopefully not-for-long since we have responsive images), a few JS widgets (social media stuff) and an iframe (embedded map). Let's see if there's any low-hanging fruit there.

add load for the donation widget

that widget is an iframe and probably there's much we can do, but it looks weird that there's a whitespace until that iframe is loaded. Maybe we can add a loader in the background that gets covered up by the iframe when it's loaded?

update the navigation style at desktop

mocks in zeplin

create people page

add all the content and photos

Consolidate overlay styles

Right now we have .overlay for the homepage and .caption for the mission page. They both share a .image. Let's consolidate them so the common parts are accessible to all pages.

Style tooltips

style the tooltips
from:

to:

Build Google Maps using JS API

Right now we rely on a La Cocina's content created using Google My Maps, but we can only embed that map as an iframe. If we want to control the experience better or use our business info stored in the backend, we have build our own UI using our own API and Google Maps JS API.

Remove “our participants” section and information below it

I'm sad about this -_-

update icons on home page

I'm talking about these:

@abyczkowska should have nice vectors somewhere (I got current ones from screenshots as placeholders).

set-up google analytics

We need to drop this bit of code within <head> (in our case, probably somewhere inhttps://github.com/mbyczkowski/lacocina/blob/a1545e9b1be2566027004345f65fd65de2a0243c/app/views/layouts/application.html.haml#L4-L12):

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-67983718-1', 'auto');
  ga('send', 'pageview');

</script>

Ideally, we could expose the tracking ID (UA-67983718-1) in an ENV and only add Google Analytics tracking if it's present (so that, we can add different tacking ID for our staging env, that we might get one day, and we don't report traffic from local development)

Volunteering page CTA buttons

make the 'contact us' and ' 'volunteer form ' buttons follow the zeplin mocks

research 'click and pledge'

La Cocina wants to offer a subscription donation option. I'm not sure that C&P allows that. Before we add that page I'd like to know what our options are.

Also, are we still limited in ui with the c&p interface?

Set-up Heroku SSL

Since we added authentication and admin panel, we really need to get SSL set-up. SSL is available on Heroku for free for paid dynos. I think we'll have to figure how to use La Cocina's CC so we can start paying for our Heroku set-up.

Fix the padding on mobile home page

When viewing the site on small devices there's no padding on the sides. Please add 20px on left & right.

add banner to the mission page

images in dropbox. Some resizing will be needed to be done by me.

Volunteering page - text align center

center align text on volunteering page (I believe all the text/content on that page is center aligned)

update mission page

it's on zeplin now

hook in email provider

Our authentication system will send emails in case someone forgot their passwords. Not super urgent, but could be useful as we get more admins, and also we could use that to build more email-based features.

Once we have #99 (meaning paid Heroku account), we could probably get a simple add-on.

Gift Box Icon link

Gift Box Icon should link to https://la-cocina-sf-store.myshopify.com

Update the catering page

The designs are in zeplin.

move social media to footer

design updated in zeplin - links instead of widgets

update Bini's photo

photo called bini in dropbox

change the body copy color

to #333

Make the tooltips clickable

The idea here is, that we want to be able to display the business name and link it to their website.
I'll get the websites from La Cocina leter, but let's set the ground for that work now.

Erase Local Community Section from donate page

Styling for icon text - home page

Eat, laugh and learn something new.
Be part of the movement.
Make a difference.

Close button does not work on mobile menu

I'm guessing either we're covering up the target such that the event fails to fire, or it's firing but not propagating correctly.

Fix links styling on the mission page

There were looking good until some merge happened 😣

The Sponsor section should be
list-style-type:none
dark sky blue #4087da
and mid blue on hover

overlay text and call to action buttons on banners

This one is a bit tricky. Basically, the 'text' and 'button' where initially just part of the image (I was lazy and took a screenshot of the design), but then I started building something like an 'overlay'. The tricky thing is as the screen gets smaller (say on mobile) this text has to make sense (and the image will probably have to change, too). Maybe we could even build some helper methods to make creation of those banners easier? (again, I don't know how many of those we'll have across the website)

Remove “what they need, what they lack and what they have” from volunteer page

Update Donate page

need to update text, styles and icons just as designed in zeplin

create an environment on heroku

integrate with github
integrate with slack
deploy any change on master branch

Get Involved Icon should link to Volunteer

temporarily

Make list of business logos a reusable component

We already have this on the homepage, it is needed on the donate page as well

responsive banners

We have images that span the width of the page, so they're pretty big, because we want them to look good on big screens. It would be cool if we could make them smaller on smaller screens (aka 'responsive images'). Foundation has something for this (but I never used it) - http://foundation.zurb.com/sites/docs/interchange.html

update footer on all pages

This should be easy, since we have one partial that gets used everywhere. This will probably require some input/design from @abyczkowska first.

UI tweaks for mobile menu

After #26 is merged, we need to touch up some of the styles (pending @abyczkowska's designs).

mbyczkowski / lacocina Goto Github PK

lacocina's People

Contributors

Stargazers

Watchers

Forkers

lacocina's Issues

Recommend Projects

Recommend Topics

Recommend Org