add apple touch icons. fixes #172

BUILDIT.md

@@ -49,8 +49,8 @@ mix test
 This will help you keep track of where you are
 and retrace your steps if something is not working as expected.
 
-We suggest keeping two terminal tabs/windows running
-one for the server `mix phx.server` and the other for the tests.
+We suggest keeping two terminal tabs/windows running; <br />
+one for the server `mix phx.server` and the other for the **tests**. <br />
 That way you can also see the UI as you progress.
 
 With that in place, let's get building! 
@@ -318,8 +318,8 @@ you should see the following:
 ## 1.6 Update Tests
 
 At this point we have made a few changes 
-that mean our automated test suite will no longer pass ... 
-Run the tests in your command line with the following command:
+that mean our automated test suite will no longer pass ... <br />
+Run the tests in your terminal:
 
 ```sh
 mix test

lib/app_web/templates/layout/icons.html.heex

@@ -0,0 +1,84 @@
+<meta charset="utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta
+  name="description"
+  content="dwyl is a worldwide community of people using technology to solve real problems."
+/>
+<meta name="robots" content="noarchive" />
+<link rel="shortcut-icon" href="https://dwyl.com/img/favicon.ico" />
+<link
+  rel="apple-touch-icon"
+  sizes="57x57"
+  href="https://dwyl.com/img/apple-icon-57x57.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="60x60"
+  href="https://dwyl.com/img/apple-icon-60x60.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="72x72"
+  href="https://dwyl.com/img/apple-icon-72x72.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="76x76"
+  href="https://dwyl.com/img/apple-icon-76x76.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="114x114"
+  href="https://dwyl.com/img/apple-icon-114x114.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="120x120"
+  href="https://dwyl.com/img/apple-icon-120x120.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="144x144"
+  href="https://dwyl.com/img/apple-icon-144x144.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="152x152"
+  href="https://dwyl.com/img/apple-icon-152x152.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="180x180"
+  href="https://dwyl.com/img/apple-icon-180x180.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="192x192"
+  href="https://dwyl.com/img/android-icon-192x192.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="32x32"
+  href="https://dwyl.com/img/favicon-32x32.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="96x96"
+  href="https://dwyl.com/img/favicon-96x96.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="16x16"
+  href="https://dwyl.com/img/favicon-16x16.png"
+/>
+<link rel="manifest" href="https://dwyl.com/img/manifest.json" />
+<meta name="msapplication-TileColor" content="#ffffff" />
+<meta
+  name="msapplication-TileImage"
+  content="https://dwyl.com/img/ms-icon-144x144.png"
+/>

lib/app_web/templates/layout/root.html.heex

@@ -8,6 +8,7 @@
     <.live_title suffix="- MyApp">
       <%= assigns[:page_title] || "Welcome" %>
     </.live_title>
+    <%= render("icons.html") %>
     <link phx-track-static rel="stylesheet" href={Routes.static_path(@conn, "/assets/app.css")}/>
     <script defer phx-track-static type="text/javascript" src={Routes.static_path(@conn, "/assets/app.js")}></script>
   </head>