ADD UPDATE SCRIPT v0.23

resources/views/home.blade.php

@@ -1,4 +1,7 @@
-@extends('layouts.marketing', ['title' => 'BloomFeed'])
+@extends('layouts.marketing', [
+    'title' => __('app.seo_home_title'),
+    'description' => __('app.meta_description'),
+])
 
 @php
     // Screenshots live under images/screenshots/{locale}/ so each language can show its own
@@ -129,4 +132,30 @@
 </section>
 
 <script src="{{ asset('js/screenshot-gallery.js') }}" defer></script>
+
+@push('structured-data')
+<script type="application/ld+json">
+{
+    "@@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "BloomFeed",
+    "applicationCategory": "CommunicationApplication",
+    "operatingSystem": "Linux (Docker)",
+    "description": {!! json_encode(__('app.meta_description')) !!},
+    "url": {!! json_encode(url('/')) !!},
+    "image": {!! json_encode(asset('images/logo.png')) !!},
+    "license": "https://opensource.org/licenses/MIT",
+    "offers": {
+        "@type": "Offer",
+        "price": "0",
+        "priceCurrency": "USD"
+    },
+    "author": {
+        "@type": "Organization",
+        "name": "BloomFeed",
+        "url": {!! json_encode(url('/self-hosting')) !!}
+    }
+}
+</script>
+@endpush
 @endsection

resources/views/layouts/app.blade.php

@@ -27,6 +27,7 @@
     </div>
 
     <script src="{{ asset('js/theme-toggle.js') }}" defer></script>
+    <script src="{{ asset('js/navbar-toggle.js') }}" defer></script>
     <script src="{{ asset('js/app.js') }}" defer></script>
 </body>
 </html>

resources/views/layouts/marketing.blade.php

@@ -5,9 +5,27 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="csrf-token" content="{{ csrf_token() }}">
     <title>{{ $title ?? 'BloomFeed' }}</title>
-    <meta name="description" content="{{ __('app.meta_description') }}">
+    <meta name="description" content="{{ $description ?? __('app.meta_description') }}">
+    <link rel="canonical" href="{{ url()->current() }}">
     <link rel="icon" href="{{ asset('images/icon.png') }}">
     <link rel="apple-touch-icon" href="{{ asset('images/icon.png') }}">
+
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="BloomFeed">
+    <meta property="og:locale" content="{{ str_replace('-', '_', app()->getLocale()) }}">
+    <meta property="og:title" content="{{ $title ?? 'BloomFeed' }}">
+    <meta property="og:description" content="{{ $description ?? __('app.meta_description') }}">
+    <meta property="og:url" content="{{ url()->current() }}">
+    <meta property="og:image" content="{{ asset('images/logo.png') }}">
+    <meta property="og:image:width" content="1917">
+    <meta property="og:image:height" content="544">
+
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="{{ $title ?? 'BloomFeed' }}">
+    <meta name="twitter:description" content="{{ $description ?? __('app.meta_description') }}">
+    <meta name="twitter:image" content="{{ asset('images/logo.png') }}">
+
+    @stack('structured-data')
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
@@ -27,7 +45,12 @@
             <img src="{{ asset('images/logo.png') }}" alt="BloomFeed" class="brand-logo brand-logo-light">
             <img src="{{ asset('images/logo-dark.png') }}" alt="BloomFeed" class="brand-logo brand-logo-dark">
         </a>
-        <div class="navbar-links">
+        <button type="button" class="navbar-toggle" data-navbar-toggle aria-expanded="false" aria-controls="navbarLinks" title="{{ __('app.nav_menu') }}">
+            <span class="navbar-toggle-bar"></span>
+            <span class="navbar-toggle-bar"></span>
+            <span class="navbar-toggle-bar"></span>
+        </button>
+        <div class="navbar-links" id="navbarLinks">
             <a href="{{ route('self-hosting') }}" class="nav-self-hosting {{ request()->routeIs('self-hosting') ? 'active' : '' }}">{{ __('app.self_hosting') }}</a>
             @include('partials.locale-selector')
             <button type="button" class="theme-toggle" data-theme-toggle title="{{ __('app.change_theme') }}">◐</button>
@@ -49,6 +72,7 @@
     </footer>
 
     <script src="{{ asset('js/theme-toggle.js') }}" defer></script>
+    <script src="{{ asset('js/navbar-toggle.js') }}" defer></script>
     <script src="{{ asset('js/scroll-reveal.js') }}" defer></script>
 </body>
 </html>

resources/views/partials/navbar.blade.php

@@ -3,7 +3,12 @@
         <img src="{{ asset('images/logo.png') }}" alt="BloomFeed" class="brand-logo brand-logo-light">
         <img src="{{ asset('images/logo-dark.png') }}" alt="BloomFeed" class="brand-logo brand-logo-dark">
     </a>
-    <div class="navbar-links">
+    <button type="button" class="navbar-toggle" data-navbar-toggle aria-expanded="false" aria-controls="navbarLinks" title="{{ __('app.nav_menu') }}">
+        <span class="navbar-toggle-bar"></span>
+        <span class="navbar-toggle-bar"></span>
+        <span class="navbar-toggle-bar"></span>
+    </button>
+    <div class="navbar-links" id="navbarLinks">
         <a href="{{ route('dashboard') }}" class="{{ request()->routeIs('dashboard') ? 'active' : '' }}">{{ __('app.articles') }}</a>
         <a href="{{ route('catalog') }}" class="{{ request()->routeIs('catalog') ? 'active' : '' }}">{{ __('app.catalog') }}</a>
         <a href="{{ route('feeds.index') }}" class="{{ request()->routeIs('feeds.*') ? 'active' : '' }}">{{ __('app.my_feeds') }}</a>

resources/views/self-hosting.blade.php

@@ -1,4 +1,7 @@
-@extends('layouts.marketing', ['title' => __('app.selfhost_title').' — BloomFeed'])
+@extends('layouts.marketing', [
+    'title' => __('app.seo_selfhost_title'),
+    'description' => __('app.selfhost_intro'),
+])
 
 @section('content')
 <section class="docs-shell">
@@ -45,6 +48,15 @@ cd bloomfeed</pre>
         <h2>{{ __('app.update_title') }}</h2>
         <p>{{ __('app.update_text') }}</p>
         <pre class="code-block">bash scriptsite.sh</pre>
+        <p>{{ __('app.backup_note') }}</p>
+    </div>
+
+    <div class="card mt-2">
+        <h2>{{ __('app.autoupdate_title') }}</h2>
+        <p>{{ __('app.autoupdate_text') }}</p>
+        <pre class="code-block">bash auto-update.sh --install       # {{ __('app.autoupdate_comment_install') }}
+bash auto-update.sh --status        # {{ __('app.autoupdate_comment_status') }}
+bash auto-update.sh --uninstall     # {{ __('app.autoupdate_comment_uninstall') }}</pre>
     </div>
 
     <div class="card mt-2">