Giter Site home page Giter Site logo

soup's Introduction

soup

Soup Kitchen

soup's People

Contributors

howardpanton avatar

Stargazers

Robert Mayers avatar

Watchers

 avatar James Cloos avatar Robert Mayers avatar

soup's Issues

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)

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

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

FLIPPER

  • sort centring of circle
  • remove circle at mobile

ADJUST: H2

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

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

BANNER

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

BRANDING

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

DIRECTORS & WORK

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.