added first meta tags

master
Benjamin Völkl 2023-12-26 10:01:19 +01:00
parent 6e3fa31b30
commit 4bfbfec539
3 changed files with 39 additions and 20 deletions

View File

@ -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

View File

@ -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">

View File

@ -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')