style(meta): Add dark mode meta tag and fix indentation

Added a meta tag to disable DarkReader on the site and fixed the indentation in the file.
This commit is contained in:
Rico van Zelst
2024-02-24 22:20:13 +01:00
parent ac21092745
commit 9dd4cc3b87

View File

@@ -5,6 +5,10 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- DarkReader somehow thinks the website isn't dark by default, this tells darkreader to disable on the site. -->
<meta name="darkreader-lock">
<!-- Favicon --> <!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/img/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png">
@@ -24,18 +28,18 @@
<!-- OpenGraph --> <!-- OpenGraph -->
<meta property="og:site_name" content="Heimerdinger.LoL"> <meta property="og:site_name" content="Heimerdinger.LoL">
<meta property="og:title" content="@yield('title')"> <meta property="og:title" content="@yield('title')">
<meta property="og:url" content="{{url()->current()}}"> <meta property="og:url" content="{{ url()->current() }}">
<meta property="og:description" content="@yield('description')"> <meta property="og:description" content="@yield('description')">
<meta property="og:locale" content="en"> <meta property="og:locale" content="en">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:image" content="{{asset('img/og_image.png')}}"> <meta property="og:image" content="{{ asset('img/og_image.png') }}">
<!-- Twitter --> <!-- Twitter -->
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="heimerdinger.lol"> <meta property="twitter:domain" content="heimerdinger.lol">
<meta property="twitter:title" content="@yield('title')"> <meta property="twitter:title" content="@yield('title')">
<meta property="twitter:description" content="@yield('description')"> <meta property="twitter:description" content="@yield('description')">
<meta property="twitter:image" content="{{asset('img/og_image.png')}}"> <meta property="twitter:image" content="{{ asset('img/og_image.png') }}">
<link rel="preconnect" href="https://rsms.me/"> <link rel="preconnect" href="https://rsms.me/">
<link rel="preload" href="https://rsms.me/inter/inter.css" as="style"> <link rel="preload" href="https://rsms.me/inter/inter.css" as="style">
@@ -47,10 +51,11 @@
</head> </head>
<body class="antialiased bg-stone-900 dark scroll-smooth"> <body class="antialiased bg-stone-900 dark scroll-smooth">
<x-navbar/> <x-navbar />
@yield('content') @yield('content')
<x-footer/> <x-footer />
@stack('bottom_scripts') @stack('bottom_scripts')
<x-googletag/> <x-googletag />
</body> </body>
</html> </html>