add: favicon

images/icons/README.md

@@ -0,0 +1,23 @@
+# Your Favicon Package
+
+This package was generated with [RealFaviconGenerator](https://realfavicongenerator.net/) [v0.16](https://realfavicongenerator.net/change_log#v0.16)
+
+## Install instructions
+
+To install this package:
+
+Extract this package in <code>&lt;web site&gt;/theme://images/icons/</code>. If your site is <code>http://www.example.com</code>, you should be able to access a file named <code>http://www.example.com/theme://images/icons/favicon.ico</code>.
+
+Insert the following code in the `head` section of your pages:
+
+    <link rel="apple-touch-icon" sizes="180x180" href="theme://images/icons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="theme://images/icons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="theme://images/icons/favicon-16x16.png">
+    <link rel="manifest" href="theme://images/icons/site.webmanifest">
+    <link rel="mask-icon" href="theme://images/icons/safari-pinned-tab.svg" color="#00a300">
+    <link rel="shortcut icon" href="theme://images/icons/favicon.ico">
+    <meta name="msapplication-TileColor" content="#00a300">
+    <meta name="msapplication-config" content="theme://images/icons/browserconfig.xml">
+    <meta name="theme-color" content="#ffffff">
+
+*Optional* - Check your favicon with the [favicon checker](https://realfavicongenerator.net/favicon_checker)

images/icons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="theme://images/icons/mstile-150x150.png"/>
+            <TileColor>#00a300</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

images/icons/html_code.html

@@ -0,0 +1,9 @@
+<link rel="apple-touch-icon" sizes="180x180" href="theme://images/icons/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="theme://images/icons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="theme://images/icons/favicon-16x16.png">
+<link rel="manifest" href="theme://images/icons/site.webmanifest">
+<link rel="mask-icon" href="theme://images/icons/safari-pinned-tab.svg" color="#00a300">
+<link rel="shortcut icon" href="theme://images/icons/favicon.ico">
+<meta name="msapplication-TileColor" content="#00a300">
+<meta name="msapplication-config" content="theme://images/icons/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">

images/icons/safari-pinned-tab.svg

@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="1824" height="1824" viewBox="0 0 1368.000000 1368.000000"><path d="M659.5 3.6c-48.6 3.2-94 15.5-141.9 38.4-54.4 26-113.9 77.2-157.7 135.5-50.4 67-93.8 160.5-122.8 264.5-17.5 62.9-20.8 82.3-25.8 152.5-2.5 35.5-2.5 117.3 0 146.5 8 92.2 28.3 193.5 51.8 257.6 18.7 51.4 52.4 118.1 81.9 162.4 28.4 42.7 69.5 86.9 114 122.4 43 34.5 82.7 54.6 139.7 71.1 33.5 9.8 42.6 10.7 92.1 9.4 38.2-1 53.3-2.2 69.9-5.5 23.2-4.6 40.3-11.3 84.8-33.4 54.4-27 68.3-36.7 105.5-74 45.3-45.2 62.4-67 94.2-120 25.3-42.2 36.1-62.9 43.3-82.9 2.1-5.8 6.1-16 9-22.6 19.1-43.8 35.6-109.4 48.4-193 11-71.2 15.7-144.3 12.1-186.5-4.3-50.8-14.7-132.7-20.6-162-12.4-61.7-48.4-158.5-82.7-222.5-36.7-68.3-90.6-132.1-148.4-175.8C847.9 41.7 779 12.9 714 5.5c-13.8-1.5-43.7-2.6-54.5-1.9zm64 63.8c34.1 5.6 63.1 15 96 31.2 38.6 19 67.3 40.1 102 74.9 35.7 35.7 63.9 73.4 90.3 120.6 48.9 87.5 82.8 202.6 92.7 314.9 3.7 42 4 119.1.5 161.6-6.5 78.6-27 166.8-55.5 238.8-43.8 110.6-108.2 197-187 250.8-30.5 20.8-71.5 40.3-102.5 48.7-24.3 6.6-42.5 9.1-70.5 9.8-32.2.8-51.8-1.7-83.4-10.3-24.6-6.8-58.5-21.7-84.6-37.3-61.8-37.1-121.2-101.6-164.5-178.7-44.2-78.6-78.7-185.4-90-278.4-6.8-56.3-8.7-131.1-5-193.2 4.7-77.2 24.5-165.7 54.2-242.3 44-113.2 110.6-202.7 190.8-256.2 47.9-32 96.4-50.2 151-56.7 8.9-1 55.9.3 65.5 1.8z"/><path d="M417.1 365.4c-1.5 4-6.2 50.7-5.2 51.8.6.7 27.1 5.6 109.1 20.3 17.3 3.1 31.8 6 32.2 6.4.8.7-4.6 66.4-15.2 187.6-2.8 31.3-5.5 62.2-6 68.5-.5 6.3-3.7 42.5-7 80.5-17.9 205.9-21.7 253-20.6 259.7 1 6.4 4.2 10 10.8 12 8.8 2.8 16.3 3.5 88.3 7.9l19 1.1 10.9-5.2c17.9-8.6 39.9-27 56.2-47 14-17.2 19.6-29.9 41.9-96.2 20.6-61.2 27.8-81.8 28.3-81.8 2.2 0 44.5 27.4 47.5 30.8 2.3 2.6 44.6 71.9 64 104.7 26 44.1 42.1 73.4 72 131 7.5 14.3 13.2 24.1 14.1 24.3 1.6.3 23.4-10.6 34.4-17.2 4.5-2.7 5.1-3.4 4.6-5.6-.9-3.9-38.7-80.1-50.4-101.5-16.5-30.3-33.9-59.7-61.2-103-20.3-32.3-33.8-55-33.8-56.9 0-1.9 10.8-21.6 33.4-61 34.8-60.5 37-65.7 42.5-100.7 7.8-49 13.1-112.2 11-132.3-1.1-10.9-6.5-28.9-11.8-39.4-14.1-28-35.6-50.9-52.1-55.6-12.5-3.5-94.5-19.7-185.5-36.5-112-20.7-238.5-43.6-261.8-47.4-8.7-1.4-8.9-1.4-9.6.7zm210.7 91.1c34.9 5.3 163.4 29.2 202.2 37.6 21.1 4.6 25.9 6.5 35 13.8 10.6 8.5 17.3 18.5 20.2 29.7 3.6 14.4-1.2 89.7-8.2 128-4.1 22.6-10.8 41.2-25.4 70.1-15.1 29.9-35 63.7-38.2 65-2.9 1.1-17-8.6-74.1-50.9-17.7-13.1-32.7-23.8-33.3-23.8-1.1 0-14 19.3-22 32.8-3.7 6.3-4.1 7.5-2.9 8.8.8.7 7.5 6 14.9 11.6 16.2 12.4 18 14.8 18 23.4 0 12.7-10.6 58.3-20.2 86.8-14.2 42.1-33.9 80.3-53.1 102.6-10.9 12.7-18.4 17.5-29.6 19.1-9.8 1.5-52.7-1.3-54.9-3.5-1.2-1.2 4.8-68.6 20.3-228.1 5.1-52.7 17-181.3 21.5-233 4.2-48.5 7.9-87.6 8.5-90.3.7-2.8.8-2.8 21.3.3z"/></svg>

images/icons/site.webmanifest

@@ -0,0 +1,20 @@
+{
+    "name": "Reitanlage Oranienburg",
+    "short_name": "Reitanlage Oranienburg",
+    "icons": [
+        {
+            "src": "android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "start_url": "https://www.reitanlage-oranienburg.de/",
+    "display": "standalone"
+}

templates/partials/base.html.twig

@@ -11,6 +11,15 @@
     {% include 'partials/metadata.html.twig' %}
 
     <link rel="icon" type="image/png" href="{{ url('theme://images/logo.png') }}" />
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ url('theme://images/icons/apple-touch-icon.png') }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ url('theme://images/icons/favicon-32x32.png') }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ url('theme://images/icons/favicon-16x16.png') }}">
+    <link rel="manifest" href="{{ url('theme://images/icons/site.webmanifest') }}">
+    <link rel="mask-icon" href="{{ url('theme://images/icons/safari-pinned-tab.svg" color="#00a300') }}">
+    <link rel="shortcut icon" href="{{ url('theme://images/icons/favicon.ico') }}">
+    <meta name="msapplication-TileColor" content="#00a300">
+    <meta name="msapplication-config" content="{{ url('theme://images/icons/browserconfig.xml') }}">
+    <meta name="theme-color" content="#ffffff">
     <link rel="canonical" href="{{ page.url(true, true) }}" />
 {% endblock head %}