mirror of
https://git.coop/cotech/website.git
synced 2025-06-26 16:40:52 +00:00
3517d04637
The site had around 7000 lines of CSS and 23,000 lines of JS. It also used a framework called "Zurb" to build the layout. We're planning to rebrand the website and to make that work easier I think it would help me (and hopefully those that come after me) to strip out all of these technologies and recreate the site with a simple stylesheet. By doing so I think we lose a couple of features, such as the zooming hover states on the grids of images. Some features, like the "sticky" header are probably better implemented nowadays in pure CSS. Given that the site is maintained by volunteers I think the simpler we can make it the better.
63 lines
3.4 KiB
HTML
63 lines
3.4 KiB
HTML
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
{% if page.description %}
|
|
<meta name="description" content="{{ page.description | strip_html | strip_newlines | condense_spaces }}" />
|
|
{% elsif page.collection == 'coops' and page.content %}
|
|
<meta name="description" content="{{ page.content | strip_html | strip_newlines | condense_spaces | truncate:150 }}" />
|
|
{% else %}
|
|
<meta name="description" content="{{ site.description }}" />
|
|
{% endif %}
|
|
<meta charset="UTF-8">
|
|
{% if page.layout == "home" %}
|
|
<title>{{ page.title }} « {{ site.long_title }}</title>
|
|
{% else %}
|
|
<title>{{ page.title }} « {{ site.title }} « {{ site.long_title }}</title>
|
|
{% endif %}
|
|
<meta property="og:type" content="website" />
|
|
{% if page.layout == "home" %}
|
|
<meta property="og:title" content="{{ page.title }} « {{ site.long_title }}" />
|
|
{% else %}
|
|
<meta property="og:title" content="{{ page.title }} « {{ site.title }} « {{ site.long_title }}" />
|
|
{% endif %}
|
|
{% if page.description %}
|
|
<meta property="og:description" content="{{ page.description | strip_html | strip_newlines }}" />
|
|
{% elsif page.collection == 'coops' and page.content %}
|
|
<meta property="og:description" content="{{ page.content | strip_html | strip_newlines | condense_spaces | truncate:150 }}" />
|
|
{% else %}
|
|
<meta property="og:description" content="{{ site.description }}" />
|
|
{% endif %}
|
|
<meta property="og:site_name" content="{{ page.title }} « {{ site.long_title }}" />
|
|
{% if page.collection == 'coops' %}
|
|
<meta property="og:image" content="/images/coops/{{ page.slug }}.png" />
|
|
{% elsif page.collection == 'services' %}
|
|
<meta property="og:image" content="/images/services/{{ page.slug }}.png" />
|
|
{% elsif page.collection == 'technologies' %}
|
|
<meta property="og:image" content="/images/technologies/{{ page.slug }}.png" />
|
|
{% elsif page.collection == 'clients' %}
|
|
<meta property="og:image" content="/images/clients/{{ page.slug }}.png" />
|
|
{% else %}
|
|
<meta property="og:image" content="/assets/img/Cotech_512x512.png" />
|
|
{% endif %}
|
|
<meta property="og:locale" content="en_GB" />
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:site" content="@CotechUK" />
|
|
{% if page.collection == 'coops' %}
|
|
<meta name="twitter:image" content="{{ site.url }}/images/coops/{{ page.slug }}.png" />
|
|
{% elsif page.collection == 'services' %}
|
|
<meta name="twitter:image" content="{{ site.url }}/images/services/{{ page.slug }}.png" />
|
|
{% elsif page.collection == 'technologies' %}
|
|
<meta name="twitter:image" content="{{ site.url }}/images/technologies/{{ page.slug }}.png" />
|
|
{% elsif page.collection == 'clients' %}
|
|
<meta name="twitter:image" content="{{ site.url }}/images/clients/{{ page.slug }}.png" />
|
|
{% else %}
|
|
<meta name="twitter:image" content="{{ site.url }}/assets/img/Cotech_512x512.png" />
|
|
{% endif %}
|
|
<link rel="canonical" href="{{ page.url | absolute_url }}" />
|
|
<link rel='stylesheet' id='app-css' href='/assets/css/app.css' type='text/css' media='all' />
|
|
<link rel="icon" href="/assets/img/cropped-cotech_512x512-32x32.png" sizes="32x32" />
|
|
<link rel="icon" href="/assets/img/cropped-cotech_512x512-192x192.png" sizes="192x192" />
|
|
<link rel="apple-touch-icon-precomposed" href="/assets/img/cropped-cotech_512x512-180x180.png" />
|
|
<meta name="msapplication-TileImage" content="/assets/img/cropped-cotech_512x512-270x270.png" />
|
|
<link rel="icon" type="image/x-icon" href="/assets/img/CoTech-logo.png">
|
|
</head>
|