howardpanton/soup

Soup Kitchen

soup's Issues

REPLACE: front play icon with: play-button-black.svg found in component folder

CHANGE: "Under construction" page header font to Gill bold

font-family: "Gill Sans";
font-weight: 100;
font-size: 54px;
letter-spacing: 4px;

Replace back play icon with: play-button-white.svg found in component folder

DIRECTORS

• remove image and play button... "m-hide"? do we need to add the .m-hide in css? if yes, where?
• style the remaining filtered list

DIRECTORS & WORK

• style filter options as display:table; on li's to appear as main nav

WORDPRESS

• directors section: seems to limit to 10 directors. If we add a new one it knocks the last one off the site.
• gill sans not rendering??
• linking videos to directors, even when linked on wordpress to the specific director, it doesn't seem to link it on the site?
• sizing of certain things on the site (play symbol)

ADJUST: H2

padding: rhythm(12, 24px) 0 rhythm(3, 24px) 0;

BRANDING

• incorporate stamp logo on footer
• AWAITING: tin stencil for directors section

REPLACE: menu icon with new, 48px version: menu-button-white.svg

ADJUST: menu items

font-family: gill-sans-bold-display;
letter-spacing: 1px;

.video .responsive video

• video not responding to browser
• extend white .video-info panel to full browser

section .tweet row bg-black

height too much?

CONTACT

• custom google map
  developers.google.com/maps/documentation/javascript/tutorial

Google Maps API v3 Styled Maps JSON

[
{
"elementType": "labels",
"stylers": [
{ "visibility": "simplified" }
]
},{
"stylers": [
{ "saturation": -100 }
]
},{
"elementType": "geometry",
"stylers": [
{ "visibility": "simplified" }
]
},{
"featureType": "poi.park",
"elementType": "labels",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "poi",
"elementType": "labels",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "water",
"stylers": [
{ "lightness": 100 }
]
},{
"featureType": "landscape",
"stylers": [
{ "lightness": -75 }
]
},{
"featureType": "poi",
"stylers": [
{ "lightness": -46 }
]
},{
"featureType": "road.local",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "road.highway",
"stylers": [
{ "lightness": 47 }
]
},{
"featureType": "road.arterial",
"stylers": [
{ "lightness": -30 }
]
}
]
[
{
"elementType": "labels",
"stylers": [
{ "visibility": "simplified" }
]
},{
"stylers": [
{ "saturation": -100 }
]
},{
"elementType": "geometry",
"stylers": [
{ "visibility": "simplified" }
]
},{
"featureType": "poi.park",
"elementType": "labels",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "poi",
"elementType": "labels",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "water",
"stylers": [
{ "lightness": 100 }
]
},{
"featureType": "landscape",
"stylers": [
{ "lightness": -78 }
]
},{
"featureType": "poi",
"stylers": [
{ "lightness": -46 }
]
},{
"featureType": "road.local",
"stylers": [
{ "visibility": "off" }
]
},{
"featureType": "road.highway",
"stylers": [
{ "lightness": 14 }
]
},{
"featureType": "road.arterial",
"stylers": [
{ "lightness": -27 }
]
},{
"featureType": "poi.attraction",
"stylers": [
{ "visibility": "off" }
]
},{
},{
},{
},{
},{
},{
},{
},{
"featureType": "poi.park",
"stylers": [
{ "lightness": -28 }
]
},{
}
]

• custom pin
  developers.google.com/maps/tutorials/customizing/custom-markers

var marker = new google.maps.Marker({
position: new google.maps.LatLng(56.8848, 14.7730),
map: map,
title: 'My workplace',
clickable: false,
icon: 'http://soupfactory.co.uk/map-pin-black.png'
});

map-pin-black.png is in Soup Factory Design & Dev only / 02 Wireframes / Components / map-pin-black.png

CHANGE: font size of white flipper 'Client' class to 24px

CHANGE: body font to Gill light

font-family: "Gill Sans";
font-weight: 100;

DIRECTORS: h2

too much space above text

HOME / .video-info

extend white panel to full browser

ADD: link with ability flip to front side of circle (reading, "See client")

CHANGE: "Credits" link text to read "See credits"

CHANGE: "Under construction" page body font to Gill light

font-family: "Gill Sans";
font-weight: 100;
font-size: 18px;
line-height: 30px;
letter-spacing: 1px;
padding-bottom: 60px;

Typography & flipper

• Decrease font size of home page intro to 24px with 36px line height
• Increase font size of white flipper 'Client' class to 24px
• Edit "Credits" link text to read "See credits".
• Include link with ability flip to front side: "See client"
• Replace front play icon with: play-button-black.svg found in component folder
• Replace back play icon with: play-button-white.svg found in component folder

FLIPPER

• sort centring of circle
• remove circle at mobile

BANNER

• add fading slider at mobile
• align menu button to centre at tablet view
• fix video player