Merge pull request #3 from kmartin26/develop

minor design update
kmartin26 · Mar 21, 2021 · 35b5bf4 · 35b5bf4
2 parents f6b2ec4 + 71f26ae
commit 35b5bf4
Show file tree

Hide file tree

Showing 14 changed files with 80 additions and 7 deletions.
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-384x384.png b/public/android-chrome-384x384.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/browserconfig.xml b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#b91d47</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/mstile-150x150.png b/public/mstile-150x150.png
diff --git a/public/safari-pinned-tab.svg b/public/safari-pinned-tab.svg
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
@@ -5,8 +5,8 @@
 @section('content')
 <section class="mx-auto text-center w-full">
     <h2 class="text-white text-4xl font-bold">Past and shorten</h2>
-    <form action="{{ route('home') }}" class="form flex items-center justify-center mx-auto pt-2">
-        <input type="text" name="url" class="h-10 w-1/3 outline-none rounded-none rounded-l-lg p-2">
+    <form action="{{ route('home') }}" class="form flex items-center justify-center mx-8 xl:mx-0 pt-2">
+        <input type="text" name="url" class="h-10 w-full sm:w-1/2 xl:w-1/3 outline-none rounded-none rounded-l-lg p-2">
         <button type="submit" class="btn btn-submit flex justify-center font-bold py-2 px-4 outline-none rounded-none rounded-r-lg">
             <span class="mr-1">Go</span>
             <svg xmlns="http://www.w3.org/2000/svg" class="ico-flash" fill="none" viewBox="0 0 24 24" stroke="currentColor">

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
@@ -9,19 +9,31 @@
     @else
         <title>@yield('title') - {{ env('APP_NAME')}}</title>
     @endif
-
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+    <meta name="msapplication-TileColor" content="#b91d47">
+    <meta name="theme-color" content="#ffffff">
 
     <link rel="stylesheet" href="css/app.css">
 </head>
 <body class="flex flex-col h-screen bg-gray-800">
     <div class="flex flex-col w-full h-full container mx-auto">
-        <header class="flex flex-col md:flex-row items-center content-beetwen pt-6 mx-3 mb-auto">
+        <header class="flex flex-col md:flex-row items-center content-beetwen pt-6 mx-8 mb-auto">
             <a class="logo flex text-4xl font-semibold text-white mb-3 md:mb-0" href="{{ url('/') }}">{{ env('APP_NAME') }}</a>
             @include('layouts.menus.main')
         </header>
         @yield('content')
-        <footer class="flex flex-col md:flex-row-reverse items-center content-beetwen mt-auto pb-6 text-white">
+        <footer class="flex flex-col md:flex-row-reverse items-center content-beetwen mx-8 mt-auto pb-6 text-white">
             @include('layouts.menus.footer')
+            <div class="mb-2 md:mb-0 mx-auto">Made with 
+                <svg xmlns="http://www.w3.org/2000/svg" class="w-6 inline text-red-600 align-top" viewBox="0 0 20 20" fill="currentColor">
+                    <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd" />
+                </svg>
+            </div>
             <div>Copyright 2020 - {{ env('APP_NAME') }}</div>
         </footer>
     </div>

diff --git a/resources/views/layouts/menus/footer.blade.php b/resources/views/layouts/menus/footer.blade.php
@@ -1,4 +1,4 @@
-<nav class="flex md:ml-auto">
+<nav class="mb-2 md:mb-0">
     <ul class="flex space-x-6 text-white">
         <li>
             <a class="" href="{{ route('privacy') }}">Privacy</a>