Imrpove support for "mobile app" handling

.env.example

@@ -1,4 +1,4 @@
-APP_NAME=Laravel
+APP_NAME=kcal
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true

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"

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>
 

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') }}">