Adding favicons and ga tracking

DesignyourCode · Nov 21, 2015 · 274f7ba · 274f7ba
1 parent be42198
commit 274f7ba
Show file tree

Hide file tree

Showing 33 changed files with 128 additions and 6 deletions.
diff --git a/public_html/assets/img/favicons/android-chrome-144x144.png b/public_html/assets/img/favicons/android-chrome-144x144.png
diff --git a/public_html/assets/img/favicons/android-chrome-192x192.png b/public_html/assets/img/favicons/android-chrome-192x192.png
diff --git a/public_html/assets/img/favicons/android-chrome-36x36.png b/public_html/assets/img/favicons/android-chrome-36x36.png
diff --git a/public_html/assets/img/favicons/android-chrome-48x48.png b/public_html/assets/img/favicons/android-chrome-48x48.png
diff --git a/public_html/assets/img/favicons/android-chrome-72x72.png b/public_html/assets/img/favicons/android-chrome-72x72.png
diff --git a/public_html/assets/img/favicons/android-chrome-96x96.png b/public_html/assets/img/favicons/android-chrome-96x96.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-114x114.png b/public_html/assets/img/favicons/apple-touch-icon-114x114.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-120x120.png b/public_html/assets/img/favicons/apple-touch-icon-120x120.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-144x144.png b/public_html/assets/img/favicons/apple-touch-icon-144x144.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-152x152.png b/public_html/assets/img/favicons/apple-touch-icon-152x152.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-180x180.png b/public_html/assets/img/favicons/apple-touch-icon-180x180.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-57x57.png b/public_html/assets/img/favicons/apple-touch-icon-57x57.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-60x60.png b/public_html/assets/img/favicons/apple-touch-icon-60x60.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-72x72.png b/public_html/assets/img/favicons/apple-touch-icon-72x72.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-76x76.png b/public_html/assets/img/favicons/apple-touch-icon-76x76.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon-precomposed.png b/public_html/assets/img/favicons/apple-touch-icon-precomposed.png
diff --git a/public_html/assets/img/favicons/apple-touch-icon.png b/public_html/assets/img/favicons/apple-touch-icon.png
diff --git a/public_html/assets/img/favicons/browserconfig.xml b/public_html/assets/img/favicons/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/mstile-70x70.png"/>
+      <square150x150logo src="/mstile-150x150.png"/>
+      <square310x310logo src="/mstile-310x310.png"/>
+      <wide310x150logo src="/mstile-310x150.png"/>
+      <TileColor>#da532c</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
diff --git a/public_html/assets/img/favicons/favicon-16x16.png b/public_html/assets/img/favicons/favicon-16x16.png
diff --git a/public_html/assets/img/favicons/favicon-194x194.png b/public_html/assets/img/favicons/favicon-194x194.png
diff --git a/public_html/assets/img/favicons/favicon-32x32.png b/public_html/assets/img/favicons/favicon-32x32.png
diff --git a/public_html/assets/img/favicons/favicon-96x96.png b/public_html/assets/img/favicons/favicon-96x96.png
diff --git a/public_html/assets/img/favicons/favicon.ico b/public_html/assets/img/favicons/favicon.ico
diff --git a/public_html/assets/img/favicons/manifest.json b/public_html/assets/img/favicons/manifest.json
@@ -0,0 +1,41 @@
+{
+	"name": "Placing Bad",
+	"icons": [
+		{
+			"src": "\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": "0.75"
+		},
+		{
+			"src": "\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": "1.0"
+		},
+		{
+			"src": "\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": "1.5"
+		},
+		{
+			"src": "\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": "2.0"
+		},
+		{
+			"src": "\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": "3.0"
+		},
+		{
+			"src": "\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png",
+			"density": "4.0"
+		}
+	]
+}
diff --git a/public_html/assets/img/favicons/mstile-144x144.png b/public_html/assets/img/favicons/mstile-144x144.png
diff --git a/public_html/assets/img/favicons/mstile-150x150.png b/public_html/assets/img/favicons/mstile-150x150.png
diff --git a/public_html/assets/img/favicons/mstile-310x150.png b/public_html/assets/img/favicons/mstile-310x150.png
diff --git a/public_html/assets/img/favicons/mstile-310x310.png b/public_html/assets/img/favicons/mstile-310x310.png
diff --git a/public_html/assets/img/favicons/mstile-70x70.png b/public_html/assets/img/favicons/mstile-70x70.png
diff --git a/public_html/assets/img/favicons/safari-pinned-tab.svg b/public_html/assets/img/favicons/safari-pinned-tab.svg
diff --git a/templates/base.html.twig b/templates/base.html.twig
@@ -3,6 +3,27 @@
 	<head>
         {% block head %}
             <title>{% block title %}Placing Bad{% endblock %}</title>
+
+            <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png">
+            <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png">
+            <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png">
+            <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png">
+            <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png">
+            <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png">
+            <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png">
+            <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png">
+            <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon-180x180.png">
+            <link rel="icon" type="image/png" href="assets/img/favicons/favicon-32x32.png" sizes="32x32">
+            <link rel="icon" type="image/png" href="assets/img/favicons/favicon-194x194.png" sizes="194x194">
+            <link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96">
+            <link rel="icon" type="image/png" href="assets/img/favicons/android-chrome-192x192.png" sizes="192x192">
+            <link rel="icon" type="image/png" href="assets/img/favicons/favicon-16x16.png" sizes="16x16">
+            <link rel="manifest" href="assets/img/favicons/manifest.json">
+            <link rel="mask-icon" href="assets/img/favicons/safari-pinned-tab.svg" color="#000000">
+            <meta name="msapplication-TileColor" content="#da532c">
+            <meta name="msapplication-TileImage" content="assets/img/favicons/mstile-144x144.png">
+            <meta name="theme-color" content="#ffffff">
+
             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
             <link rel="stylesheet" type="text/css" href="assets/css/main.css" />
 
@@ -28,15 +49,24 @@
 
         <footer>
             <p>Built by<br />
-                <a href="http://designyourcode.io" target="_blank"><img class="logo" src="assets/img/designyourcode.png" alt="designyourcode.io"></a>
+                <a href="http://designyourcode.io" target="_blank"  onclick="ga('send', 'event', 'External Link', 'DesignyourCode Site');"><img class="logo" src="assets/img/designyourcode.png" alt="designyourcode.io"></a>
             </p>
 
             <p><strong>With support from:</strong><br />
-                <a href="https://github.com/simonstaton" target="_blank">simonstaton</a> | <a href="https://github.com/garyfagan1987" target="_blank">garyfagan1987</a> | <a href="https://github.com/zsturgess" target="_blank">zsturgess</a>
+                <a href="https://github.com/simonstaton" target="_blank" onclick="ga('send', 'event', 'External Link', 'Simon's Github');">simonstaton</a> | <a href="https://github.com/garyfagan1987" target="_blank" onclick="ga('send', 'event', 'External Link', 'Gary's Github');">garyfagan1987</a> | <a href="https://github.com/zsturgess" target="_blank" onclick="ga('send', 'event', 'External Link', 'Zac's Github');">zsturgess</a>
             </p>
 
-            <p><a href="https://github.com/DesignyourCode/placing-bad">Visit the project on Github<br /><i class="fa fa-github"></i></a></p>
+            <p><a href="https://github.com/DesignyourCode/placing-bad" onclick="ga('send', 'event', 'External Link', 'Placing Bad's Github');">Visit the project on Github<br /><i class="fa fa-github"></i></a></p>
         </footer>
 
+        <script>
+            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+            ga('create', 'UA-70403883-1', 'auto');
+            ga('send', 'pageview');
+        </script>
 	</body>
 </html>
diff --git a/templates/views/attribution.html.twig b/templates/views/attribution.html.twig
@@ -2,7 +2,7 @@
 
 {% block content %}
     <div class="content">
-        <p><a href="/" class="inline-link dark large"><i class="fa fa-home"></i> Home</a></p>
+        <p><a href="/" class="inline-link dark large" onclick="ga('send', 'event', 'Internal Link', 'Back to home');"><i class="fa fa-home"></i> Home</a></p>
 
         <h2>Link attributions</h2>
 

diff --git a/templates/views/home.html.twig b/templates/views/home.html.twig
@@ -27,7 +27,7 @@
 {% endfor %}</code>
             </pre>
 
-            <p><a href="/attribution" class="inline-link dark"><i class="fa fa-link"></i> Image attributions</a></p>
+            <p><a href="/attribution" class="inline-link dark" onclick="ga('send', 'event', 'Internal Link', 'Image Attributions');"><i class="fa fa-link"></i> Image attributions</a></p>
         </div>
     </div>
 
@@ -44,7 +44,7 @@
                         Home Directory > Library > Application Support > Sublime Text 3 > Packages > User
                     </li>
                 </ol>
-                <p><a href="assets/download/placingbad.sublime-snippet.zip" class="btn light"><i class="fa fa-download"></i> Sublime Snippet</a></p>
+                <p><a href="assets/download/placingbad.sublime-snippet.zip" class="btn light" onclick="ga('send', 'event', 'Sublime Link', 'Download');"><i class="fa fa-download"></i> Sublime Snippet</a></p>
             </div>
 
             <div class="right half">