Different apple icon and favicon sizes

app/config/sculpin_site.yml

@@ -1,11 +1,11 @@
 title: Oliver Davies
 subtitle: Drupal Developer & System Administrator
-
 description: Oliver Davies, Drupal Developer
 author: Oliver Davies
 email: oliver@oliverdavies.co.uk
 gravatar_url: http://www.gravatar.com/avatar/e0f6adcd63d8393e689b327e978d0887.png
 
+# Social links.
 twitter: http://twitter.com/opdavies
 twitter_name: opdavies
 linkedin: http://uk.linkedin.com/in/opdavies
@@ -20,3 +20,5 @@ ansible_galaxy: https://galaxy.ansible.com/list#/users/14560
 bio: >
   <p><a href="/">Oliver Davies</a> is a Drupal Developer and System Administrator based in the UK. He works for the <a href="https://assoc.drupal.org">Drupal Association</a> and also provides freelance consultancy services for Drupal websites and Linux servers.</p>
   
+apple_touch_icon_sizes: [ 57, 114, 72, 144, 60, 120, 76, 152 ]
+favicon_sizes: [ 160, 96, 32, 16 ]

source/_layouts/default.html.twig

@@ -17,7 +17,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="author" href="{{ site.url }}/humans.txt" />
     <link rel="stylesheet" href="{{ site.url }}/assets/css/styles.css">
-    <link rel="shortcut icon" href="{{ site.gravatar_url }}">
+
+    {% for size in site.apple_touch_icon_sizes %}
+      <link rel="apple-touch-icon" href="{{ site.gravatar_url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
+    {% endfor %}
+
+    {% for size in site.favicon_sizes %}
+      <link rel="icon" href="{{ site.gravatar_url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
+    {% endfor %}
   </head>
   <body{% if page.body_class %} class="{{ page.body_class }}"{% endif %}>
     {% include 'navbar' %}