Browse Source

Meta tags for favicons

Maarten van den Berg 8 years ago
parent
commit
4dd2a3f4a7
2 changed files with 18 additions and 0 deletions
  1. 10 0
      app/views/layouts/application.html.erb
  2. 8 0
      app/views/layouts/void.html.erb

+ 10 - 0
app/views/layouts/application.html.erb

1
 <!DOCTYPE html>
1
 <!DOCTYPE html>
2
 <html>
2
 <html>
3
   <head>
3
   <head>
4
+    <meta name="viewport" content="width=device-width, initial-scale=1">
4
     <title>Aardbei</title>
5
     <title>Aardbei</title>
5
     <%= csrf_meta_tags %>
6
     <%= csrf_meta_tags %>
6
 
7
 
7
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
8
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
8
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
9
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
10
+
11
+	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
12
+	<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
13
+	<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
14
+	<link rel="manifest" href="/manifest.json">
15
+	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ff0000">
16
+	<meta name="msapplication-TileColor" content="#b91d47">
17
+	<meta name="msapplication-TileImage" content="/mstile-144x144.png">
18
+	<meta name="theme-color" content="#ff0000">
9
   </head>
19
   </head>
10
 
20
 
11
   <body>
21
   <body>

+ 8 - 0
app/views/layouts/void.html.erb

7
 
7
 
8
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
8
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
9
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
9
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
10
+	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
11
+	<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
12
+	<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
13
+	<link rel="manifest" href="/manifest.json">
14
+	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ff0000">
15
+	<meta name="msapplication-TileColor" content="#b91d47">
16
+	<meta name="msapplication-TileImage" content="/mstile-144x144.png">
17
+	<meta name="theme-color" content="#ff0000">
10
   </head>
18
   </head>
11
   <body class="void">
19
   <body class="void">
12
     <%= yield %>
20
     <%= yield %>