/
head.html
77 lines (63 loc) · 2.88 KB
/
head.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
{% if page.page-class == "page--home" %}
{% comment %}
<!--
- Fire off masthead download nice and early.
- Only needed on homepage.
-->
{% endcomment %}
<link rel="preload" href="/img/css/masthead.jpg" as="image" media="(max-width: 719px)">
<link rel="preload" href="/img/css/masthead-medium.jpg" as="image" media="(min-width: 720px) and (max-width: 1023px)">
<link rel="preload" href="/img/css/masthead-large.jpg" as="image" media="(min-width: 1024px)">
{% endif %}
{% comment %}
<!--
- Preemptively open up connections for external assets (Twitter widgets etc).
- Only needed on pages with sidebars (i.e. non-feature pages).
-->
{% endcomment %}
{% if page.layout != "feature" %}
<link rel="preconnect" href="//cdn.carbonads.com">
<link rel="preconnect" href="//srv.carbonads.net">
<link rel="preconnect" href="//platform.twitter.com">
<link rel="preconnect" href="https://platform.twitter.com">
<link rel="preconnect" href="https://syndication.twitter.com">
<link rel="preconnect" href="https://cdn.syndication.twimg.com">
{% endif %}
<link rel="preconnect" href="//www.google-analytics.com">
<link rel="preconnect" href="https://www.google-analytics.com">
<style>
{% include css/csswizardry.min.css %}
{% if page.page-class == "page--home" %}
{% include css/page-head--masthead.css %}
{% include css/carousel.css %}
{% include css/client-list.css %}
{% endif %}
{% if page.page-class == "page--case-studies" or page.page-class == "page--services" %}
{% include css/feature-list.css %}
{% endif %}
</style>
<title>{{ page.title }} – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts</title>
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@csswizardry">
<meta name="twitter:domain" content="csswizardry.com">
<meta name="twitter:creator" content="@csswizardry">
<meta name="twitter:title" content="{{ page.title }} – CSS Wizardry">
<meta name="twitter:image" content="https://csswizardry.com/logo.png">
{% if page.meta %}
<meta name="twitter:description" content="{{ page.meta }}">
{% endif %}
<link rel="alternate" type="application/atom+xml" href="http://feeds.feedburner.com/csswizardrycom">
<link rel="shortcut icon" href="/icon.png">
<link rel="apple-touch-icon-precomposed" href="/icon.png">
<meta name="apple-mobile-web-app-title" content="csswizardry">
<meta name="description" content="Articles on CSS, OOCSS, front-end architecture, scalability and performance.">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<meta name="theme-color" content="#f43059">
<link rel="manifest" href="/manifest.json">
{% if page.layout != "feature" %}
<script src="https://platform.twitter.com/widgets.js" defer></script>
{% endif %}
</head>