From 4f5b29ce4c4389f156d4b6c7d5aa4b1a893afc64 Mon Sep 17 00:00:00 2001
From: "Christopher C. Wells" <git@chris-wells.net>
Date: Sat, 27 Mar 2021 20:45:42 -0700
Subject: [PATCH] Imrpove support for "mobile app" handling

---
 .env.example                                          | 2 +-
 public/{site.webmanifest => site.webmanifest.json}    | 3 +++
 resources/views/components/application-logo.blade.php | 4 ++--
 resources/views/layouts/app.blade.php                 | 9 +++++++--
 4 files changed, 13 insertions(+), 5 deletions(-)
 rename public/{site.webmanifest => site.webmanifest.json} (87%)

diff --git a/.env.example b/.env.example
index 593a5a2..52844df 100644
--- a/.env.example
+++ b/.env.example
@@ -1,4 +1,4 @@
-APP_NAME=Laravel
+APP_NAME=kcal
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true
diff --git a/public/site.webmanifest b/public/site.webmanifest.json
similarity index 87%
rename from public/site.webmanifest
rename to public/site.webmanifest.json
index 9ee3fb1..782b2b7 100644
--- a/public/site.webmanifest
+++ b/public/site.webmanifest.json
@@ -13,6 +13,9 @@
             "type": "image/png"
         }
     ],
+    "scope": "/",
+    "lang": "en-US",
+    "start_url": "/",
     "theme_color": "#ffffff",
     "background_color": "#ffffff",
     "display": "standalone"
diff --git a/resources/views/components/application-logo.blade.php b/resources/views/components/application-logo.blade.php
index a68d060..9aea511 100644
--- a/resources/views/components/application-logo.blade.php
+++ b/resources/views/components/application-logo.blade.php
@@ -1,7 +1,7 @@
 <div class="subpixel-antialiased font-black text-5xl">
-    kcal
+    {{ config('app.name') }}
 </div>
-<div class="subpixel-antialiased text-lg">
+<div class="subpixel-antialiased text-2xl bg-clip-text text-transparent bg-gradient-to-r from-red-400 to-blue-500">
     the personal food nutrition journal
 </div>
 
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index f18fb34..53ca2f4 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -5,16 +5,21 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        <title>{{ $title }} - {{ config('app.name', 'Laravel') }}</title>
+        <title>{{ $title }} - {{ config('app.name') }}</title>
 
         <!-- Favicon -->
         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-touch-icon.png') }}">
         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}">
         <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}">
-        <link rel="manifest" href="{{ asset('site.webmanifest') }}">
+        <link rel="manifest" href="{{ asset('site.webmanifest.json') }}">
         <link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}'" color="#5bbad5">
         <meta name="msapplication-TileColor" content="#da532c">
         <meta name="theme-color" content="#ffffff">
+        <meta name="apple-mobile-web-app-title" content="{{ config('app.name') }}">
+        <meta name="application-name" content="{{ config('app.name') }}">
+        <meta name="mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="msapplication-starturl" content="/">
 
         <!-- Styles -->
         <link rel="stylesheet" href="{{ asset('css/app.css') }}">