hypothetical/resources/views/templates/base.blade.php

<!DOCTYPE html>
<html lang="{{ Language::getSessionLanguage() }}">
    @php
        // Determine whether the device is mobile
        $device_mobile = !is_null(Request::header('User-Agent')) && (preg_match('/Mobi/', Request::header('User-Agent')) || preg_match('/iP(hone|ad|od);/', Request::header('User-Agent')));

        // If an overridden title has been set (error pages) then use that, otherwise use the Meta model to populate metadata
        if (isset($title)) {
            $meta = [ 'title' => $title . ' - ' . env('APP_NAME'), 'description' => '', 'keywords' => '' ];
        } else {
            $meta = App\Models\Meta::getData(Request::path());
        }
    @endphp

    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="theme-color" content="#fcfcfc" />

        <title>{{ $meta['title'] }}</title>

        <meta name="title" content="{{ $meta['title'] }}" />
        <meta name="description" content="{{ $meta['description'] }}" />
        <meta name="keywords" content="{{ $meta['keywords'] }}" />
        <meta name="dc:title" content="{{ $meta['title'] }}" />
        <meta name="dc:description" content="{{ $meta['description'] }}" />

        <meta property="og:type" content="article" />
        <meta property="og:title" content="{{ $meta['title'] }}" />
        <meta property="og:description" content="{{ $meta['description'] }}" />
        <meta property="og:url" content="{{ Request::url() }}" />
        <meta property="og:image" content="{{ asset('/img/social-image-opengraph.jpg') }}" />

        <meta name="twitter:card" content="summary" />
        <meta name="twitter:title" content="{{ $meta['title'] }}" />
        <meta name="twitter:description" content="{{ $meta['description'] }}" />
        <meta name="twitter:image" content="{{ asset('/img/social-image-card.jpg') }}" />

        <link rel="shortcut icon" href="{{ URL::to('/') }}/favicon.ico?version={{ Version::get() }}" />
        <link rel="icon" href="{{ URL::to('/') }}/favicon.ico?version={{ Version::get() }}" type="image/x-icon" />
        <link rel="icon" href="{{ URL::to('/') }}/favicon.png?version={{ Version::get() }}" type="image/png" />
        <link rel="canonical" href="{{ Request::url() }}" />

        @yield('page-includes')
    </head>

    <body class="{{ $device_mobile ? 'mobile-browser' : 'desktop-browser' }}">
        <div class="site-content">
            @yield('page-top')

            <div class="page-content">
                @yield('page-content')
            </div>

            @yield('page-bottom')
        </div>

        @if(Config::get('app.debug') && Config::get('app.env') === 'local')
            <script id="__bs_script__">//<![CDATA[
                document.write("<script async src='http://HOST:3000/browser-sync/browser-sync-client.js?version={{ Version::get() }}'><\/script>".replace("HOST", location.hostname));
            //]]></script>
        @endif
    </body>
</html>
Initial commit with a simple working site and the framework tweaked to work around it 2015-07-08 03:34:58 -04:00			`<!DOCTYPE html>`
Add multi-language functionality and don't create unnecessary variables in the contact controller 2017-02-06 23:44:07 -05:00			`<html lang="{{ Language::getSessionLanguage() }}">`
Upgrade to laravel 9.1.8 2022-05-23 21:01:33 -04:00			`@php`
Handle metadata in the database for a few reasons: the method is the same between traditional and vue, the user has control over the values, we can create dynamic titles a bit more easily, and with vue the values are populated before the SPA loads so search engines can pick it up more easily 2024-04-03 22:35:43 -04:00			`// Determine whether the device is mobile`
Fix bots without user agents causing the is mobile stuff to produce errors 2023-08-01 15:24:03 -04:00			`$device_mobile = !is_null(Request::header('User-Agent')) && (preg_match('/Mobi/', Request::header('User-Agent')) \|\| preg_match('/iP(hone\|ad\|od);/', Request::header('User-Agent')));`
Handle metadata in the database for a few reasons: the method is the same between traditional and vue, the user has control over the values, we can create dynamic titles a bit more easily, and with vue the values are populated before the SPA loads so search engines can pick it up more easily 2024-04-03 22:35:43 -04:00
			`// If an overridden title has been set (error pages) then use that, otherwise use the Meta model to populate metadata`
			`if (isset($title)) {`
			`$meta = [ 'title' => $title . ' - ' . env('APP_NAME'), 'description' => '', 'keywords' => '' ];`
			`} else {`
			`$meta = App\Models\Meta::getData(Request::path());`
			`}`
Upgrade to laravel 9.1.8 2022-05-23 21:01:33 -04:00			`@endphp`
Add a body class based on whether a desktop or mobile device has been detected 2016-10-16 21:32:07 -04:00
Initial commit with a simple working site and the framework tweaked to work around it 2015-07-08 03:34:58 -04:00			`<head>`
Move the charset metatag first 2019-03-19 14:29:29 -04:00			`<meta charset="UTF-8" />`
Replace the abandoned laravel-head with a native implementation 2016-10-15 16:53:14 -04:00			`<meta http-equiv="X-UA-Compatible" content="IE=edge" />`
Add shrink-to-fit=no to the viewport 2019-04-03 17:10:46 -04:00			`<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />`
Set a mobile chrome theme colour 2017-02-13 22:42:12 -05:00			`<meta name="theme-color" content="#fcfcfc" />`
Replace the abandoned laravel-head with a native implementation 2016-10-15 16:53:14 -04:00
Handle metadata in the database for a few reasons: the method is the same between traditional and vue, the user has control over the values, we can create dynamic titles a bit more easily, and with vue the values are populated before the SPA loads so search engines can pick it up more easily 2024-04-03 22:35:43 -04:00			`<title>{{ $meta['title'] }}</title>`
Group similar meta tags 2019-03-19 14:33:17 -04:00
Handle metadata in the database for a few reasons: the method is the same between traditional and vue, the user has control over the values, we can create dynamic titles a bit more easily, and with vue the values are populated before the SPA loads so search engines can pick it up more easily 2024-04-03 22:35:43 -04:00			`<meta name="title" content="{{ $meta['title'] }}" />`
			`<meta name="description" content="{{ $meta['description'] }}" />`
			`<meta name="keywords" content="{{ $meta['keywords'] }}" />`
			`<meta name="dc:title" content="{{ $meta['title'] }}" />`
			`<meta name="dc:description" content="{{ $meta['description'] }}" />`
Replace the abandoned laravel-head with a native implementation 2016-10-15 16:53:14 -04:00
			`<meta property="og:type" content="article" />`
Handle metadata in the database for a few reasons: the method is the same between traditional and vue, the user has control over the values, we can create dynamic titles a bit more easily, and with vue the values are populated before the SPA loads so search engines can pick it up more easily 2024-04-03 22:35:43 -04:00			`<meta property="og:title" content="{{ $meta['title'] }}" />`
			`<meta property="og:description" content="{{ $meta['description'] }}" />`
Replace the abandoned laravel-head with a native implementation 2016-10-15 16:53:14 -04:00			`<meta property="og:url" content="{{ Request::url() }}" />`
Add placeholders for correctly-sized social share images 2024-04-09 23:05:07 -04:00			`<meta property="og:image" content="{{ asset('/img/social-image-opengraph.jpg') }}" />`
Replace the abandoned laravel-head with a native implementation 2016-10-15 16:53:14 -04:00
			`<meta name="twitter:card" content="summary" />`
Handle metadata in the database for a few reasons: the method is the same between traditional and vue, the user has control over the values, we can create dynamic titles a bit more easily, and with vue the values are populated before the SPA loads so search engines can pick it up more easily 2024-04-03 22:35:43 -04:00			`<meta name="twitter:title" content="{{ $meta['title'] }}" />`
			`<meta name="twitter:description" content="{{ $meta['description'] }}" />`
Add placeholders for correctly-sized social share images 2024-04-09 23:05:07 -04:00			`<meta name="twitter:image" content="{{ asset('/img/social-image-card.jpg') }}" />`
Replace the abandoned laravel-head with a native implementation 2016-10-15 16:53:14 -04:00
Replace the CACHE_BUST in the init with a gulp-managed one so we can update the value with gulp watch 2020-04-24 22:09:23 -04:00			`<link rel="shortcut icon" href="{{ URL::to('/') }}/favicon.ico?version={{ Version::get() }}" />`
			`<link rel="icon" href="{{ URL::to('/') }}/favicon.ico?version={{ Version::get() }}" type="image/x-icon" />`
			`<link rel="icon" href="{{ URL::to('/') }}/favicon.png?version={{ Version::get() }}" type="image/png" />`
Replace the abandoned laravel-head with a native implementation 2016-10-15 16:53:14 -04:00			`<link rel="canonical" href="{{ Request::url() }}" />`

Update + add in dashboard functionality, and document how to setup the dashboard in the readme 2016-01-26 23:20:08 -05:00			`@yield('page-includes')`
Initial commit with a simple working site and the framework tweaked to work around it 2015-07-08 03:34:58 -04:00			`</head>`
Update the gulpfile to reflect eslint requirements, use separate dashboard and public libraries, and add a modernizr task that accounts for included features 2016-05-23 22:35:33 -04:00
Create a equal-featured vue variant of the public portion of the site 2017-11-21 23:12:31 -05:00			`<body class="{{ $device_mobile ? 'mobile-browser' : 'desktop-browser' }}">`
Remove flex-fix as it's no longer required (ie11 is fully unsupported now) 2024-03-11 17:16:33 -04:00			`<div class="site-content">`
			`@yield('page-top')`
Convert less to scss and make the required changes to support that 2016-08-16 19:33:02 -04:00
Remove flex-fix as it's no longer required (ie11 is fully unsupported now) 2024-03-11 17:16:33 -04:00			`<div class="page-content">`
			`@yield('page-content')`
Link to the dashboard credits page from a new footer element instead of the user dropdown, organize the dashboard blades by folder now that we have so many of them, and implement user password reset functionality 2018-04-24 20:38:04 -04:00			`</div>`
Remove flex-fix as it's no longer required (ie11 is fully unsupported now) 2024-03-11 17:16:33 -04:00
			`@yield('page-bottom')`
Link to the dashboard credits page from a new footer element instead of the user dropdown, organize the dashboard blades by folder now that we have so many of them, and implement user password reset functionality 2018-04-24 20:38:04 -04:00			`</div>`
Replace livereload with browser-sync 2018-04-06 00:29:22 -04:00
Only use BrowserSync when both the APP_ENV=local and APP_DEBUG=true 2018-04-25 21:17:58 -04:00			`@if(Config::get('app.debug') && Config::get('app.env') === 'local')`
Replace livereload with browser-sync 2018-04-06 00:29:22 -04:00			`<script id="__bs_script__">//<![CDATA[`
Don't require BS_HOST to be configured 2022-03-23 13:55:18 -04:00			`document.write("<script async src='http://HOST:3000/browser-sync/browser-sync-client.js?version={{ Version::get() }}'><\/script>".replace("HOST", location.hostname));`
Replace livereload with browser-sync 2018-04-06 00:29:22 -04:00			`//]]></script>`
			`@endif`
Initial commit with a simple working site and the framework tweaked to work around it 2015-07-08 03:34:58 -04:00			`</body>`
			`</html>`