Webb Food Services: Design Edits

Design Edits

✔ Build header image slideshow 1 comment (Completed by Justin Bernard on July 31, 2015)
✔ Pg9 - Projects Subpage - Higher Ed, new header carousel images (Completed by Justin Bernard on July 31, 2015)
✔ put project subpage carousel back into place. (Completed by Justin Bernard on July 31, 2015)
✔ Pg1 - Home - header BG image swap (Completed by Justin Bernard on July 31, 2015)
✔ Pg10 - Projects Subpage - Kasier, New header carousel images (Completed by Justin Bernard on July 31, 2015)
✔ Universal-- Header images crop for smaller browser size? 1 comment (Completed by Justin Bernard on July 31, 2015)
✔ Universal-- Any page except HOME, header float right box with byline and hamburger. Hamburger is to be WHITE circle and BLACK hamburger bars (Invert it) 2 comments (Completed by Justin Bernard on July 29, 2015)
✔ have client map provided images (7/13) to site placement (Completed by Justin Bernard on July 29, 2015)
✔ pg2 - note in pdf calls 'Gray line to separate "Our Expertise" section and "Our Culture"' but those sections arent on top of each other (Completed by Justin Bernard on July 22, 2015)
✔ Pg2 - About - L/R pull in all content? 1 comment (Completed by Justin Bernard on July 22, 2015)
✔ Universal-- Page grey bar L/R strips on sides (???) 1 comment (Completed by Justin Bernard on July 22, 2015)
✔ redo about page top nav order to match page content rearrangement (Completed by Justin Bernard on July 22, 2015)
✔ check footer width (now narrower, and L/R sides align with blog widget width) on ipad device. 4 comments (Completed by Taylor Bernard on July 21, 2015)
✔ retina images for logos/section icons/main nav hamburger icon 6 comments (Completed by Taylor Bernard on July 21, 2015)
✔ need correlation from project page widget quotes to which project subpage they belong to (link to) 3 comments (Completed by Taylor Bernard on July 21, 2015)
✔ Pg3 - Projects - 'Quote' grid widget needs direct link to Project pages (???) 2 comments (Completed by Taylor Bernard on July 21, 2015)
✔ pg3 - Projects - What to do on 3 line widget titles 2 comments (Completed by Taylor Bernard on July 21, 2015)
✔ Pg6 - Project Subpage - check header bg breaking? looks like carousel image isn't pulled to top. webb logo and hamburger should be spaced down from top like all other pages 2 comments (Completed by Taylor Bernard on July 21, 2015)
✔ Universal-- Setup section icons (about, blog, news) for Retina 4 comments (Completed by Justin Bernard on July 21, 2015)
✔ Universal-- Pull in footer content to narrow (+- 100px L/R) to match width of home bottom widget container width (Completed by Taylor Bernard on July 20, 2015)
✔ Pg3 - Projects - quote - pull in txt L/R 100px per side (???) (Completed by Taylor Bernard on July 20, 2015)
✔ add telephone link into footer (Completed by Taylor Bernard on July 20, 2015)
✔ Pg6 - Project Subpage - header carousel working? (Completed by Taylor Bernard on July 20, 2015)
✔ update old project services sidebar to new flexible model 6 comments (Completed by Taylor Bernard on July 20, 2015)
✔ pg2 - about methodology 'services tree' fix here (same as project subpages) (Completed by Taylor Bernard on July 20, 2015)
✔ Pg5 - Contact - make sure phone # dials (Completed by Taylor Bernard on July 17, 2015)
✔ Pg6 - Project Subpage - Project title and icon to be on left side column top (Completed by Taylor Bernard on July 17, 2015)
✔ Pg12 - Project Subpage Orchard Hills - Carousel image #4 place after body copy (Completed by Taylor Bernard on July 17, 2015)
✔ Pg7 - Project Subpage ASU West - carousel image #5 gets placed after body copy (Completed by Taylor Bernard on July 17, 2015)
✔ Pg5 - Contact - space between Career Op and Marketing inq (Completed by Taylor Bernard on July 17, 2015)
✔ Pg4 - Journal - Article - add '-->' instead of …. end of copy 3 comments (Completed by Taylor Bernard on July 17, 2015)
✔ Pg4 - Journal - Blog widget - make max copy height same height as 2nd widget height. add in '-->' to (Completed by Taylor Bernard on July 17, 2015)
✔ Pg4 - Journal - Press - chop off last line of copy and add expand '-->' (Completed by Taylor Bernard on July 17, 2015)
✔ Pg4 - Journal - Press - delete 'Feb 2015' (Completed by Taylor Bernard on July 17, 2015)
✔ Pg4 - Journal - Journal header bubble - replace copy (Completed by Taylor Bernard on July 17, 2015)
✔ Pg3 - Projects - CSU Fullerton blue overlay (Completed by Taylor Bernard on July 17, 2015)
✔ Pg3 - Projects - Orchard Hills blue overlay (Completed by Taylor Bernard on July 17, 2015)
✔ Pg3 - Projects - Higher Ed widget has blue overlay effect (Completed by Taylor Bernard on July 17, 2015)
✔ Pg3 - Projects - Quotes have no '-' in front of name (Completed by Taylor Bernard on July 17, 2015)
✔ Pg3 - Projects - UCSD 64 widget has blue overlay effect (Completed by Taylor Bernard on July 17, 2015)
✔ Pg2 - About - "From "We believe that..." and below becomes Calibre font as seen on comp (2 column on Calibre text only)" <---- Don't understand this note. (Completed by Taylor Bernard on July 17, 2015)
✔ Pg2 - About - Add in grey div bar between 'our expertise' and 'our culture' (Completed by Taylor Bernard on July 17, 2015)
✔ Pg2 - About - Our Expertise copy should be 2 column breakout (Completed by Taylor Bernard on July 17, 2015)
✔ Pg2 - About - Services 'construction phase' should be grey font color (Completed by Taylor Bernard on July 17, 2015)
✔ Pg2 - About - Move 'our people and 'culture' ABOVE methodology section. space down for headroom under blue overlay (Completed by Taylor Bernard on July 17, 2015)
✔ Pg2 - About - blue overlay quote box, pull copy down and LEFT about 50px to give headroom top and right sides. Font to be 'Shift' for 'we are storytellers at heart'. Calibre font for ' Working in partnership…". (Completed by Taylor Bernard on July 17, 2015)
✔ Pg1 - Home - quote - indent in first line of quote possible? (Completed by Taylor Bernard on July 17, 2015)
✔ Pg1 - Home - projects - william jessup univ - add in --> arrow back into expand copy (Completed by Taylor Bernard on July 17, 2015)
✔ Pg1 - Home - about blue overlay ' people you've got to meet' . title should be only 1 line. keep copy where it is with large space from title (Completed by Taylor Bernard on July 17, 2015)
✔ Pg1 - Home - projects - univer of san diego 64 degree - add in --> arrow back into expand copy (Completed by Taylor Bernard on July 17, 2015)
✔ Pg1 - Home - about section right - change body font to Shift, keep font small so plenty neg area exist still (Completed by Taylor Bernard on July 17, 2015)
✔ Pg1 - Home - about section left - underline 'Our Expertise' underline txt (Completed by Taylor Bernard on July 17, 2015)
✔ Universal-- Underline 'foodservice design' copy in header right float box (Completed by Taylor Bernard on July 16, 2015)
✔ Universal-- Setup Header Downarrow Icon for Retina (Completed by Taylor Bernard on July 16, 2015)
✔ Universal- - Setup Hamburger (lines + lines/circle combo) for Retina (Completed by Taylor Bernard on July 16, 2015)
✔ Universal-- Setup Webb Logo for Retina (Completed by Taylor Bernard on July 16, 2015)

Comments

Taylor Bernard on July 16, 2015:

hey on the retina stuff. is that mobile only or is a desktop 4k size monitor considered 'retina' res thus will need the chopped images as well. basically asking do i do the 2x stuff on mobile alone or both mobile and desktop versions.

Taylor Bernard on July 17, 2015:

what you think on this. we are just using top-margin to space the txt off the top of the floating rectangle. works fine for 2 line but he made a note on the 3 line how more space is on the top. whats best fix for this?
make a class called 'title_tall' and space it diff topmargin?

Screen Shot 2015-07-17 at 3.38.20 PM.png

Justin Bernard on July 17, 2015:

try something like this
http://stackoverflow.com/questions/8865458/how-to-align-text-vertically-center-in-div-with-css

just be sure if you change anything that has to do with positioniong/scale/margins/etc, that you scale the page and make sure it doesnt break on mobile size

Taylor Bernard on July 17, 2015:

yeh thats center horz for a block of txt. hes wanting the txt pulled up in the white box itself.

Justin Bernard on July 17, 2015:

tag it to me and move on, i've done it before, ill look at it later

almost done with this stupid services module. was a paaain.