From 4bfbfec539ce959eeec5757d4040e6f24c2e9e90 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Tue, 26 Dec 2023 10:01:19 +0100
Subject: [PATCH] added first meta tags

---
 content/includes/meta.blade.php | 34 +++++++++++++++++++++++++++++++++
 content/index.blade.php         |  8 ++++----
 content/master.blade.php        | 17 +----------------
 3 files changed, 39 insertions(+), 20 deletions(-)
 create mode 100644 content/includes/meta.blade.php

diff --git a/content/includes/meta.blade.php b/content/includes/meta.blade.php
new file mode 100644
index 0000000..ec871a5
--- /dev/null
+++ b/content/includes/meta.blade.php
@@ -0,0 +1,34 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width">
+<meta name="Generator" content="Lumino CMS" />
+<title>{{config('settings.name')}}</title>
+
+<meta name="csrf-token" content="{{csrf_token()}}"/>
+<meta name="url-base" content="{{url('/')}}">
+
+<link rel="apple-touch-icon" sizes="180x180" href="{{$favicon['180']}}">
+<link rel="icon" type="image/png" sizes="32x32" href="{{$favicon['32']}}">
+<link rel="icon" type="image/png" sizes="16x16" href="{{$favicon['16']}}">
+
+
+
+<meta property="og:site_name" content="{{config('settings.name')}}" />
+<meta property="og:title" content="{{config('settings.name')}}" />
+<meta property="og:description" content="{{config('settings.description')}}" />
+<meta property="og:url" content="" />
+<meta property="og:image" content="{{$cover}}" />
+<meta property="og:image:secure_url" content="{{$cover}}" />
+<meta property="og:image:width" content="1280" />
+<meta property="og:image:height" content="640" />
+<meta property="twitter:card" content="summary_large_image" />
+<meta property="twitter:image" content="" />
+
+
+
+
+
+@if($_schriftart == "Montserrat")
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
+@endif
\ No newline at end of file
diff --git a/content/index.blade.php b/content/index.blade.php
index 33fca93..e0ead06 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -3,7 +3,7 @@
 @section('content')
 
     <div class="card text-bg-dark border-0" style="border-radius:0; box-shadow:none;">
-        <x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="" />
+        <x-img src="{{$cover}}" style="object-fit:cover; aspect-ratio:3/1;" class="img-fluid shadow-lg" alt="{{config('settings.name')}} Cover" />
         <div class="card-img-overlay d-none d-lg-flex align-items-center" style="border-radius:0; background: radial-gradient(rgba(0,0,0,.5) 20%,rgba(0,0,0,.1)); box-shadow:inset 0 0 3px 1px rgba(0,0,0,.1), inset 0 0 25px 2px rgba(0,0,0,.2);">
             <div class="container p-3 rounded" style="width: 55vw;">
                 <h1 class="card-title text-white mb-5 text-center text-uppercase">{{config('settings.name')}}</h1>
@@ -39,7 +39,7 @@
                         <div class="card mb-5" >
                             <div class="row g-0">
                                 <div class="col-md-4">
-                                    <x-img src="{{$content->image()}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top rounded"/>
+                                    <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top rounded"/>
                                 </div>
                                 <div class="col-md-7 ps-4">
                                     <div class="card-body py-lg-4 px-lg-3">
@@ -98,7 +98,7 @@
                             <div class="col-12 col-md-6 col-lg-4 mb-4">
                                 <div class="card shadow-sm h-100">
                                     <a href="{{ $content->path }}" class="text-decoration-none">
-                                        <x-img src="{{$content->image()}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
+                                        <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
                                     </a>
                                     <div class="card-body">
                                         <h3 class="h5 mb-2">
@@ -158,7 +158,7 @@
                             <div class="col-12 col-md-6 col-lg-4 mb-4">
                                 <div class="card shadow-sm h-100">
                                     <a href="{{ $content->path }}" class="text-decoration-none">
-                                        <x-img src="{{$content->image()}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
+                                        <x-img src="{{$content->image()}}" alt="{{$content->title}}" style="aspect-ratio:9/5; object-fit:cover;" sizes="(max-width: 330px) 330px,(max-width: 540px) 540px, (max-width: 720px) 720px, (max-width: 992px) 993px, 500" class="img-fluid card-img-top"/>
                                     </a>
                                     <div class="card-body">
                                         <h3 class="h5 mb-2">
diff --git a/content/master.blade.php b/content/master.blade.php
index c0aa53e..e5d359d 100644
--- a/content/master.blade.php
+++ b/content/master.blade.php
@@ -2,24 +2,9 @@
 <!doctype html>
 <html lang="de">
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width">
-    <meta name="Generator" content="Lumino CMS" />
-    <title>{{config('settings.name')}}</title>
-    
-    <meta name="csrf-token" content="{{csrf_token()}}"/>
-    <meta name="url-base" content="{{url('/')}}">
 
-    <link rel="apple-touch-icon" sizes="180x180" href="{{$favicon['180']}}">
-    <link rel="icon" type="image/png" sizes="32x32" href="{{$favicon['32']}}">
-    <link rel="icon" type="image/png" sizes="16x16" href="{{$favicon['16']}}">
-
-    @if($_schriftart == "Montserrat")
-        <link rel="preconnect" href="https://fonts.googleapis.com">
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-        <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
-    @endif
 
+    @include('template.'.config('settings.template').'.content.includes.meta')
     @include('template.'.config('settings.template').'.content.includes.css')
 
     @yield('head')