Improve look of co-op logos

Before this commit the logos were a fairly garish mixture of different
colours, and many of the logos didn't work very well on a white
background.

In keeping with the new brand guidelines we've applied a greyscale
filter to the logos, and Natasha has created some variants of the
existing logos that work better on a black background. I've decided to
keep all the original logos and their variants in case we want to
switch again later, and chosen which one to used based on my taste.

This seems to improve things and we can ask co-ops to provide us with
higher res logos that work on black backgrounds later if we want to
improve things further.

Co-authored-by: Natasha Natarajan <natasha@outlandish.com>

_coops/agile-collective.md

@@ -3,6 +3,7 @@ title: Agile Collective
 name: Agile Collective
 members: 12
 website: https://agile.coop/
+logo: agile-collective.png
 email: hello@agile.coop
 twitter: AgileCollective
 github: agilecollective
@@ -10,7 +11,7 @@ telephone: '+44 (0) 1865 403 120'
 address: The Old Music Hall,106-108 Cowley Road,Oxford,OX4 1JE,United Kingdom
 latitude: 51.7483161
 longitude: -1.2390645000000404
-clients: 
+clients:
 - actionaid
 - basw
 - bond
@@ -32,7 +33,7 @@ clients:
 - sands
 - sarcoma
 - unicef
-services: 
+services:
 - analytics
 - branding-and-identity
 - consultancy
@@ -45,7 +46,7 @@ services:
 - sysadmin
 - user-research
 - web-design
-technologies: 
+technologies:
 - apache
 - bash
 - debian

_coops/animorph.md

@@ -3,10 +3,11 @@ title: Animorph
 name: Animorph
 members: 5
 website: https://www.animorph.coop
+logo: animorph-white.png
 email: we@animorph.coop
 twitter: animorphcoop
-github: 
+github:
-telephone: 
+telephone:
 address: Fonthill House,113-115 Fonthill Road,London,N4 3HH
 latitude: 51.5635499
 longitude: -0.10782689999996364
@@ -21,7 +22,7 @@ clients:
 - southbank-centre
 - halo-post-production
 - packt
-services: 
+services:
 - animation
 - artwork
 - augmented-reality
@@ -37,7 +38,7 @@ services:
 - virtual-reality
 - web apps
 - 3d websites
-technologies: 
+technologies:
 - c
 - htmlcss
 - javascript
@@ -49,9 +50,9 @@ technologies:
 - three-js
 ---
 
-Animorph makes software that enhances human potential. 
+Animorph makes software that enhances human potential.
 
-We design, build, and support technological solutions to complex challenges spanning training, education, therapy, rehabilitation, and urban planning. 
+We design, build, and support technological solutions to complex challenges spanning training, education, therapy, rehabilitation, and urban planning.
 
 As a full service creative powerhouse we work from ideation and brief-crafting stages, into design and development, all the way through to deployment and maintenance. Specialising in extended reality, we have created virtual and augmented reality mobile apps, immersive websites, games and full stack systems.
 

_coops/asterisk-labs.md

@@ -3,10 +3,11 @@ title: Asterisk Labs
 name: Asterisk Labs
 members: 3
 website: https://asterisk.coop/
+logo: asterisk-labs-white.png
 email: hello@asterisk.coop
 twitter: asterisk_labs
 address: 86-90 Paul Street, London, England, EC2A 4NE
-latitude: 51.52571799125181 
+latitude: 51.52571799125181
 longitude: -0.08362067116456023
 ---
 

_coops/autonomic.md

@@ -3,6 +3,7 @@ title: Autonomic
 name: Autonomic
 members: 12
 website: https://autonomic.zone/
+logo: autonomic-white
 email: boop@autonomic.zone
 github: https://git.autonomic.zone/
 twitter: https://sunbeam.city/@autonomic

_coops/calverts.md

@@ -3,6 +3,7 @@ title: Calverts
 name: Calverts
 members: 13
 website: http://www.calverts.coop/
+logo: calverts-white.png
 email: info@calverts.coop
 twitter: calverts_print_london
 github: calverts
@@ -10,7 +11,7 @@ telephone: "+44 (0) 20 7739 1474"
 address: 9-10 The Oval,London,UK,E2 9DT
 latitude: 51.53326029999999
 longitude: -0.05884240000000318
-clients: 
+clients:
 - ace-hotel
 - banksy
 - bates-wells-braithwaite-llp
@@ -34,7 +35,7 @@ clients:
 - swarovski
 - university-college-london
 - wrangler
-services: 
+services:
 - artwork
 - binding-and-special-effects
 - branding-and-identity
@@ -53,7 +54,7 @@ services:
 - printing
 - reprographics
 - web-design
-technologies: 
+technologies:
 - epson
 - heidelberg
 - adobe-illustrator
@@ -73,7 +74,7 @@ Calverts is a creative design, print and production coop in Bethnal Green, east
 
 We design and produce all kinds of 2D media, from print to web, display, wayfinding and exhibition.
 
-Calverts design and reprographics studio creates and implements visual identities, brand graphics, campaigns, publications and websites. Our services range from communication strategy, design consultancy and workshops to copywriting, illustration, photography, artwork, typesetting and page makeup.  
+Calverts design and reprographics studio creates and implements visual identities, brand graphics, campaigns, publications and websites. Our services range from communication strategy, design consultancy and workshops to copywriting, illustration, photography, artwork, typesetting and page makeup.
 
 Calverts in house print includes Heidelberg offset litho, digital, large format inkjet, giclée and Risograph. We’re experts in the latest and best print technology, as well as traditional craft and special applications. We deliver, fulfill and mail out locally and across the world.
 

_coops/cbn.md

@@ -3,22 +3,23 @@ title: CBN
 name: CBN
 members: 5
 website: http://broadband.coop/
+logo: cbn-white.png
 email: info@broadband.coop
 twitter: cbn_team
-github: 
+github:
 telephone: "0161 283 2675"
 address: c/o McKellans,11 Riverview, The Embankment Business Park,Vale Road, Heaton Mersey,Stockport,UK,SK4 3GN
 latitude: 53.4067704
 longitude: -2.202668899999935
-clients: 
+clients:
 - brighton-hove-city-council
 - manchester-city-council
 - nottingham-city-council
 - tameside-metropolitan-borough-council
-services: 
+services:
 - business-analysis
 - consultancy
-technologies: 
+technologies:
 ---
 
 At CBN we work to advise national and local Government, urban and rural organisations on ways to develop their digital infrastructure to promote economic development and digital inclusion.

_coops/cetis-llp.md

@@ -3,6 +3,7 @@ title: Cetis LLP
 name: Cetis LLP
 members: 12
 website: http://www.cetis.org.uk/
+logo: cetis-llp-white.png
 email: info@cetis.org.uk
 twitter: cetisllp
 github:

_coops/co-operative-web.md

@@ -3,6 +3,7 @@ title: Co-operative Web
 name: Co-operative Web
 members: 21
 website: http://web.coop
+logo: co-operative-web-white.png
 email: ask@web.coop
 twitter: cooperativeweb
 github: CooperativeWeb
@@ -10,7 +11,7 @@ telephone: '0121 2225355'
 address: 2 Devon Way,Longbridge,Birmingham,UK,B31 2TS
 latitude: 52.39791473393062
 longitude: -1.985548227508616
-clients: 
+clients:
 - aston-villa-fc
 - bluqube
 - bnp-paribas
@@ -35,7 +36,7 @@ clients:
 - the-midcounties-co-operative
 - waid
 - wolverhampton-city-council
-services: 
+services:
 - big-data
 - business-analysis
 - business-systems
@@ -47,7 +48,7 @@ services:
 - ideation
 - mentoring
 - virtual-servers
-technologies: 
+technologies:
 - net
 - angular
 - centos

_coops/common-knowledge.md

@@ -3,6 +3,7 @@ title: Common Knowledge
 name: Common Knowledge
 members: 4
 website: https://commonknowledge.coop/
+logo: common-knowledge-white.png
 email: hello@commonknowledge.coop
 twitter: cmmonknowledge
 github: commonknowledge

_coops/cooperative-it.md

@@ -3,20 +3,18 @@ title: Cooperative IT
 name: Cooperative IT
 members: 2
 website: https://cooperativeit.co.uk/
+logo: cooperative-it-white.png
 email: info@cooperativeit.co.uk/
-##witter: 
-#github: 
-#telephone: 
 address: 26 Myrtle Avenue, Bingley, BD16 1EW, United Kingdom
-latitude: 53.843633 
+latitude: 53.843633
 longitude: -1.835839
-#clients: 
+#clients:
-services: 
+services:
 - consultancy
 - development
 - hosting
 - web-design
-technologies: 
+technologies:
 - apache
 - bash
 - drupal
@@ -40,4 +38,3 @@ We have experience of looking after large multinational banking systems, small v
 We are advocates of open source software and open and transparent ways of working, which protects our customers, giving them freedom to choose their IT suppliers, and avoiding getting tied into a single vendor.
 
 As a Cooperative we're guided by the seven cooperative principles in the way we run our business and live in our communities.
-

_coops/creative-coop.md

@@ -3,14 +3,15 @@ title: Creative Coop
 name: Creative Coop
 members: 5
 website: https://creative.coop
+logo: creative-coop-white.png
 email: hello@creative.coop
-twitter: 
+twitter:
-github: 
+github:
 telephone: '01206 574147'
 address: The Minories 74 High Street, Colchester, Essex CO1 1UE
 latitude: 51.889807069540005
 longitude: 0.9051138709545999
-clients: 
+clients:
 - big-lottery-fund
 - co-operative-press-limited
 - co-operatives-uk
@@ -25,7 +26,7 @@ clients:
 - save-the-children
 - social-investment-business
 - wales-co-operative-centre
-services: 
+services:
 - artwork
 - branding-and-identity
 - development
@@ -38,7 +39,7 @@ services:
 - printing
 - seo-optimisation
 - web-design
-technologies: 
+technologies:
 - c
 - centos
 - dreamweaver

_coops/datacontentreach.md

@@ -3,6 +3,7 @@ title: Data Content Reach
 name: Data Content Reach
 members: 3
 website: https://datacontentreach.co/
+logo: datacontentreach-white.png
 email: hello@datacontentreach.co
 telephone: '07714098369'
 address: Glossop Gasworks, Arundel Street, Glossop, SK138HZ

_coops/fractals.md

@@ -3,12 +3,13 @@ title: Fractals
 name: Fractals
 members: 4
 website: https://fractals.coop/
+logo: fractals-white.png
 email: hello@fractals.coop
 address: 17 Main Street, Ponteland, Newcastle Upon Tyne, United Kingdom, NE20 9NH
 latitude: 55.0497996
 longitude: -1.7420506
-services: 
+services:
 - strategy
 ---
 
-Fractals... 
+Fractals...

_coops/go-free-range.md

@@ -3,6 +3,7 @@ title: Go Free Range
 name: Go Free Range
 members: 4
 website: https://gofreerange.com/
+logo: go-free-range.png
 email: lets@gofreerange.com
 twitter: freerange
 github: freerange

_coops/impact-box.md

@@ -3,13 +3,14 @@ title: Impact Box
 name: Impact Box
 members: 7
 website: https://impactbox.coop/
+logo: impact-box-white.png
 email: hello@impactbox.coop
 address: Lytchett House Wareham Road, Lytchett Matravers, Poole, England, BH16 6FA
-latitude: 50.7588805 
+latitude: 50.7588805
 longitude: -2.0747285
-clients: 
+clients:
-services: 
+services:
 - strategy
 ---
 
-Impact Box... 
+Impact Box...

_coops/jarrow-insights.md

@@ -3,6 +3,7 @@ title: Jarrow Insights
 name: Jarrow Insights
 members: 2
 website: https://jarrow-insights.co/
+logo: jarrow-insights-white.png
 email: team@jarrow-insights.co
 address: 113-115 Fonthill Rd, Finsbury Park, London N4 3HH
 latitude: 51.564548

_coops/mc3.md

@@ -3,14 +3,15 @@ title: MC3
 name: MC3
 members: 2
 website: http://mc3.coop
+logo: mc3-white.png
 email: contact@mc3.coop
-twitter: 
+twitter:
-github: 
+github:
 telephone: '+44 1484 846231'
 address: 24 Bridge Street, Slaithwaite, Huddersfield, HD7 5JN
 latitude: 53.6466645
 longitude: -1.7822482
-clients: 
+clients:
 services:
 - business-analysis
 - business-systems

_coops/media-coop.md

@@ -3,6 +3,7 @@ title: media co-op
 name: media co-op
 members: 6
 website: http://mediaco-op.net/
+logo: media-coop-white.png
 email: hello@mediaco-op.net
 twitter: themediacoop.html
 github: mediaco_op.html
@@ -10,7 +11,7 @@ telephone: '0141 551 9813'
 address: 406 White Studios,62 Templeton Street,Glasgow,United Kingdom,G40 1DA
 latitude: 55.850882122227354
 longitude: -4.232032299041748
-clients: 
+clients:
 - bbc
 - co-operatives-uk
 - favor
@@ -22,14 +23,14 @@ clients:
 - shakti-women-s-aid
 - the-woodcraft-folk
 - women-s-support-project
-services: 
+services:
 - animation
 - film
 - ideation
 - photography
 - user-research
 - web-design
-technologies: 
+technologies:
 - wordpress
 ---
 

_coops/mediablaze-hosts.md

@@ -1,8 +1,9 @@
 ---
 title: MediaBlaze Hosts
 name: MediaBlaze Hosts
-members: 
+members:
 website: https://mediablazehosts.coop
+logo: mediablaze-hosts-white.png
 email: cs@mediablazehosts.coop
 twitter: MediaBlazeHosts
 github: mediablazehosts
@@ -10,15 +11,15 @@ telephone: '0333 335 0166'
 address: MediaBlaze Hosts, International House, 61 Mosley Street, Manchester, M2 3HZ
 latitude: 53.479140
 longitude: -2.241500
-clients: 
+clients:
-services: 
+services:
 - consultancy
 - domain-names
 - email
 - hosting
 - it-security
 - virtual-servers
-technologies: 
+technologies:
 - apache
 - centos
 - htmlcss

_coops/open-ecommerce.md

@@ -1,8 +1,9 @@
 ---
 title: Open-ecommerce
 name: Open-ecommerce
-members: 
+members:
 website: http://open-ecommerce.org/
+logo: open-ecommerce-white.png
 email: info@open-ecommerce.org
 twitter: timeline
 github: open-ecommerce
@@ -10,7 +11,7 @@ telephone: '+44 020 3731 9073'
 address: Unit 23A Iliffe Yard,London,UK,SE17 3QD
 latitude: 51.48941875721223
 longitude: -0.10058949123231287
-clients: 
+clients:
 - letthemtalk
 - maria-sao-paulo
 - mds-uk-patient-support
@@ -18,7 +19,7 @@ clients:
 - tango-space
 - toothpic-nations
 - uk-tango-festival-chamionship
-services: 
+services:
 - business-systems
 - consultancy
 - database-solutions
@@ -27,7 +28,7 @@ services:
 - hosting
 - rapid-application-development
 - seo-optimisation
-technologies: 
+technologies:
 - after-effects
 - joomla
 - magento

_coops/outlandish.md

@@ -3,6 +3,7 @@ title: Outlandish
 name: Outlandish
 members: 9
 website: http://www.outlandish.com
+logo: outlandish.png
 email: hello@outlandish.com
 twitter: outlandish
 github: outlandishideas
@@ -10,7 +11,7 @@ telephone: '+44 (0) 207 561 9968'
 address: 4th Floor, 113-115 Fonthill Road, Finsbury Park, London, United Kingdom, N4 3HH
 latitude: 51.56372160000001
 longitude: -0.1077572000000373
-clients: 
+clients:
 - act-now
 - authors-licensing-and-collecting-society
 - bbc
@@ -39,7 +40,7 @@ clients:
 - the-british-council
 - ulster-university
 - university-of-glasgow
-services: 
+services:
 - big-data
 - branding-and-identity
 - business-analysis
@@ -54,7 +55,7 @@ services:
 - rapid-application-development
 - user-research
 - web-design
-technologies: 
+technologies:
 - angular
 - d3
 - express-js

_coops/principle_six.md

@@ -2,4 +2,5 @@
 title: Principle Six
 name: Principle Six
 email: caleb@principlesix.coop
+logo: principle_six-white.png
 ---

_coops/solidarity-economy-association.md

@@ -3,6 +3,7 @@ title: Solidarity Economy Association
 name: Solidarity Economy Association
 members: 3
 website: https://www.solidarityeconomy.coop/
+logo: solidarity-economy-association-white.png
 email: info@solidarityeconomy.coop
 twitter: solidarityecon
 address: Community Base, 113 Queens Road, Brighton, BN1 3XG
@@ -10,4 +11,4 @@ latitude: 50.825862697961604
 longitude: -0.14233101726023312
 ---
 
-The Solidarity Economy Association are a small, worker-led co-operative based in England, Scotland and Wales, working to overcome capitalism by building up the solidarity economy from below.
+The Solidarity Economy Association are a small, worker-led co-operative based in England, Scotland and Wales, working to overcome capitalism by building up the solidarity economy from below.

_coops/we-are-open.md

@@ -3,6 +3,7 @@ title: We Are Open Co-op
 name: We Are Open Co-op
 members: 4
 website: http://weareopen.coop/
+logo: we-are-open-white.png
 email: hello@weareopen.coop
 twitter: weareopen
 github: hello%40weareopen.html
@@ -10,7 +11,7 @@ telephone: 'N/A'
 address: the Internet
 latitude: 19.37218875
 longitude: -72.3346544510523
-clients: 
+clients:
 - greenpeace
 - redhat
 - the-catalyst
@@ -22,7 +23,7 @@ clients:
 - sussex-downs-college
 - tapyness
 - university-of-south-hampton
-services: 
+services:
 - artwork
 - branding-and-identity
 - community-building
@@ -32,7 +33,7 @@ services:
 - leadership-development
 - strategy
 - user-research
-technologies: 
+technologies:
 - htmlcss
 - adobe-illustrator
 - indesign

_coops/webarchitects.md

@@ -3,6 +3,7 @@ title: Webarchitects Co-operative
 name: Webarchitects Co-operative
 members: 3
 website: https://www.webarchitects.coop/
+logo: webarchitects.png
 email: info@webarch.net
 twitter: webarchcoop
 github: webarch-coop
@@ -83,7 +84,7 @@ clients:
 - unicorn-grocery
 - william-morris-house
 - zero-carbon-yorkshire
-services: 
+services:
 - business-systems
 - database-solutions
 - devops
@@ -93,7 +94,7 @@ services:
 - it-security
 - sysadmin
 - virtual-servers
-technologies: 
+technologies:
 - ansible
 - apache
 - bash
@@ -127,7 +128,7 @@ technologies:
 
 [Webarchitects](https://www.webarchitects.coop/) is a Sheffield based, small and friendly, [multi-stakeholder co-operative](https://www.webarchitects.coop/about) which [customers can join](https://www.webarchitects.coop/join) and which provides [ethical](https://www.webarchitects.coop/ethics) and [green](https://www.webarchitects.coop/green-energy), [WordPress hosting](https://www.webarchitects.coop/wordpress), [Discourse hosting](https://www.webarchitects.coop/discourse), [Nextcloud hosting](https://www.webarchitects.coop/nextcloud), [general web hosting](https://www.webarchitects.coop/shared-hosting), [virtual servers](https://www.webarchitects.coop/virtual-servers), [email services](https://www.webarchitects.coop/email), [domain name services](https://www.webarchitects.coop/domain-names) and [GNU/Linux sysadmin](https://www.webarchitects.coop/support) and [DevOps support services](https://www.webarchitects.coop/development) to individuals and progressive organisations.
 
-The purpose of our co-operative is: 
+The purpose of our co-operative is:
 
 > To enable the provision of internet based services for socially responsible groups and individuals, using free open source software wherever possible, in a manner that aims to minimise fossil fuel usage and ecological impacts and which also provides sustainable employment
 

_layouts/coop.html

@@ -7,7 +7,7 @@
 
     <section class="slice">
       <a href="{{ page.website }}" target="_blank">
-        <img class="slice_logo" src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
+        <img class="slice_logo" src="/images/coops/{{ page.logo }}" alt="{{ page.slug }}">
       </a>
       <h1 class="slice_title">{{ page.name }}</h1>
       <a class="slice_subtitle" href="{{ page.website }}" target="_blank">{{ page.website }}</a>

_layouts/service.html

@@ -19,7 +19,7 @@
         {% if coop.services contains page.slug %}
         <a class="logo-grid_link" href="{{ coop.url | relative_url }}">
           <div class="logo-grid_item">
-            <img class="logo-grid_img" src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" />
+            <img class="logo-grid_img" src="/images/coops/{{ coop.logo }}" alt="{{ coop.name }}" />
           </div>
         </a>
         {% endif %}

_layouts/technology.html

@@ -19,7 +19,7 @@
       {% if coop.technologies contains page.slug %}
       <a class="logo-grid_link" href="{{ coop.url | relative_url }}">
         <div class="logo-grid_item">
-          <img class="logo-grid_img" src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" />
+          <img class="logo-grid_img" src="/images/coops/{{ coop.logo }}" alt="{{ coop.name }}" />
         </div>
       </a>
       {% endif %}

assets/css/app.css

@@ -380,10 +380,13 @@ section.content h2 {
 }
 
 .logo-grid_item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 240px;
   height: 120px;
   border: 1px solid var(--cotech-light-grey);
-  padding: var(--space-md);
+  padding: var(--space-sm);
 }
 
 .logo-grid_link {
@@ -394,6 +397,7 @@ section.content h2 {
   width: 100%;
   height: 100%;
   object-fit: contain;
+  filter: grayscale(100);
 }
 
 .logo-grid_img:hover {

index.html

@@ -47,7 +47,7 @@ layout: home
     {% for coop in site.coops %}
     <a class="logo-grid_link" href="{{ coop.url | relative_url }}">
       <div class="logo-grid_item">
-        <img class="logo-grid_img" src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" />
+        <img class="logo-grid_img" src="/images/coops/{{ coop.logo }}" alt="{{ coop.name }}" />
       </div>
     </a>
     {% endfor %}