BookStack/resources/views/layouts/base.blade.php

<!DOCTYPE html>
<html lang="{{ isset($locale) ? $locale->htmlLang() : config('app.default_locale') }}"
      dir="{{ isset($locale) ? $locale->htmlDirection() : 'auto' }}"
      class="{{ setting()->getForCurrentUser('dark-mode-enabled') ? 'dark-mode ' : '' }}">
<head>
    <title>{{ isset($pageTitle) ? $pageTitle . ' | ' : '' }}{{ setting('app-name') }}</title>

    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="token" content="{{ csrf_token() }}">
    <meta name="base-url" content="{{ url('/') }}">
    <meta name="theme-color" content="{{(setting()->getForCurrentUser('dark-mode-enabled') ? setting('app-color-dark') : setting('app-color'))}}"/>

    <!-- Social Cards Meta -->
    <meta property="og:title" content="{{ isset($pageTitle) ? $pageTitle . ' | ' : '' }}{{ setting('app-name') }}">
    <meta property="og:url" content="{{ url()->current() }}">
    @stack('social-meta')

    <!-- Styles -->
    <link rel="stylesheet" href="{{ versioned_asset('dist/styles.css') }}">

    <!-- Icons -->
    <link rel="icon" type="image/png" sizes="256x256" href="{{ setting('app-icon') ?: url('/icon.png') }}">
    <link rel="icon" type="image/png" sizes="180x180" href="{{ setting('app-icon-180') ?: url('/icon-180.png') }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ setting('app-icon-180') ?: url('/icon-180.png') }}">
    <link rel="icon" type="image/png" sizes="128x128" href="{{ setting('app-icon-128') ?: url('/icon-128.png') }}">
    <link rel="icon" type="image/png" sizes="64x64" href="{{ setting('app-icon-64') ?: url('/icon-64.png') }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ setting('app-icon-32') ?: url('/icon-32.png') }}">

    <!-- PWA -->
    <link rel="manifest" href="{{ url('/manifest.json') }}" crossorigin="use-credentials">
    <meta name="mobile-web-app-capable" content="yes">

    @yield('head')

    <!-- Custom Styles & Head Content -->
    @include('layouts.parts.custom-styles')
    @include('layouts.parts.custom-head')

    @stack('head')

    <!-- Translations for JS -->
    @stack('translations')
</head>
<body
    @if(setting()->getForCurrentUser('ui-shortcuts-enabled', false))
        component="shortcuts"
        option:shortcuts:key-map="{{ \BookStack\Settings\UserShortcutMap::fromUserPreferences()->toJson() }}"
    @endif
      class="@stack('body-class')">

    @include('layouts.parts.base-body-start')
    @include('layouts.parts.skip-to-content')
    @include('layouts.parts.notifications')
    @include('layouts.parts.header')

    <div id="content" components="@yield('content-components')" class="block">
        @yield('content')
    </div>

    @include('layouts.parts.footer')

    <div component="back-to-top" class="back-to-top print-hidden">
        <div class="inner">
            @icon('chevron-up') <span>{{ trans('common.back_to_top') }}</span>
        </div>
    </div>

    @yield('bottom')
    @if($cspNonce ?? false)
        <script src="{{ versioned_asset('dist/app.js') }}" nonce="{{ $cspNonce }}"></script>
    @endif
    @yield('scripts')

    @include('layouts.parts.base-body-end')
</body>
</html>
Initial commit 2015-07-12 21:01:42 +02:00			`<!DOCTYPE html>`
Locales: Fixed errors occuring for PHP < 8.2 2023-09-17 18:35:00 +02:00			`<html lang="{{ isset($locale) ? $locale->htmlLang() : config('app.default_locale') }}"`
			`dir="{{ isset($locale) ? $locale->htmlDirection() : 'auto' }}"`
Added content-view body classes generated from tags Included tests to cover. Closes #3583 2022-07-23 19:29:04 +02:00			`class="{{ setting()->getForCurrentUser('dark-mode-enabled') ? 'dark-mode ' : '' }}">`
Initial commit 2015-07-12 21:01:42 +02:00			`<head>`
Updated all application urls to allow path prefix. Allows BookStack to be installed at a non-root location on a domain. Closes #40. 2016-08-14 13:29:35 +02:00			`<title>{{ isset($pageTitle) ? $pageTitle . ' \| ' : '' }}{{ setting('app-name') }}</title>`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 17:00:19 +02:00
Fixed some lib paths and seperated out duplicated notifications 2015-11-30 23:23:48 +01:00			`<!-- Meta -->`
Extracted app icon text, fixed issues Tweaked sizes and meta tags based unpon ipad testing. Fixed reduced sizes not being cleaned up. 2023-01-25 17:11:34 +01:00			`<meta charset="utf-8">`
Initial commit 2015-07-12 21:01:42 +02:00			`<meta name="viewport" content="width=device-width">`
Got react image manager working 2015-08-13 00:42:42 +02:00			`<meta name="token" content="{{ csrf_token() }}">`
Replaced use of custom 'baseUrl' helper with 'url' Also changed up how base URL setting was being done by manipulating incoming request URLs instead of altering then on generation. 2019-08-04 15:26:39 +02:00			`<meta name="base-url" content="{{ url('/') }}">`
Fix Reloading changes on dark mode switch 2023-09-22 11:31:24 +02:00			`<meta name="theme-color" content="{{(setting()->getForCurrentUser('dark-mode-enabled') ? setting('app-color-dark') : setting('app-color'))}}"/>`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 17:00:19 +02:00
Create Open Graph meta tags for book/page/chapter/shelf 2020-12-22 06:20:13 +01:00			`<!-- Social Cards Meta -->`
			`<meta property="og:title" content="{{ isset($pageTitle) ? $pageTitle . ' \| ' : '' }}{{ setting('app-name') }}">`
			`<meta property="og:url" content="{{ url()->current() }}">`
			`@stack('social-meta')`

Print Styles: Removed use of seperate style sheet Seemed a bit redundant and complicated, since we're only adding a few extra styles. Just merged into main styles instead. 2023-10-03 16:12:23 +02:00			`<!-- Styles -->`
Finished off intitial conversion to webpack 2018-03-17 14:03:13 +01:00			`<link rel="stylesheet" href="{{ versioned_asset('dist/styles.css') }}">`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 17:00:19 +02:00
Added ability to control app icon (favicon) via settings 2023-01-25 12:03:19 +01:00			`<!-- Icons -->`
Extracted app icon text, fixed issues Tweaked sizes and meta tags based unpon ipad testing. Fixed reduced sizes not being cleaned up. 2023-01-25 17:11:34 +01:00			`<link rel="icon" type="image/png" sizes="256x256" href="{{ setting('app-icon') ?: url('/icon.png') }}">`
			`<link rel="icon" type="image/png" sizes="180x180" href="{{ setting('app-icon-180') ?: url('/icon-180.png') }}">`
			`<link rel="apple-touch-icon" sizes="180x180" href="{{ setting('app-icon-180') ?: url('/icon-180.png') }}">`
			`<link rel="icon" type="image/png" sizes="128x128" href="{{ setting('app-icon-128') ?: url('/icon-128.png') }}">`
			`<link rel="icon" type="image/png" sizes="64x64" href="{{ setting('app-icon-64') ?: url('/icon-64.png') }}">`
			`<link rel="icon" type="image/png" sizes="32x32" href="{{ setting('app-icon-32') ?: url('/icon-32.png') }}">`
Added ability to control app icon (favicon) via settings 2023-01-25 12:03:19 +01:00
Initial Draft 2023-08-10 15:44:27 +02:00			`<!-- PWA -->`
PWA Manifest: Tweaks during review of PR #4430 - Updated to go through HomeController with the builder as a helper class. - Extracted some reapeated items into variables in manifest. - Updated background color to match those used by BookStack. - Removed reference of icon.ico since its not intended to be used. - Added tests to cover functionality. Review of #4430 2023-10-02 16:54:39 +02:00			`<link rel="manifest" href="{{ url('/manifest.json') }}" crossorigin="use-credentials">`
			`<meta name="mobile-web-app-capable" content="yes">`
Initial Draft 2023-08-10 15:44:27 +02:00
Added page editing 2015-07-12 22:31:15 +02:00			`@yield('head')`
Updated JS translations to be inserted from back-end Removes old awkward JS translations endpoint. New system still a little akward in code but not now in process. Also extracted out page editors into their own files. Closes #1258 2019-07-06 15:52:25 +02:00
			`<!-- Custom Styles & Head Content -->`
Header: Simplified, split and re-orgranised view file(s) - Moved "common" template partials, that are only used in layouts, to layouts/parts folder. - Simplified HTML structure of header template. - Extracted logo and links from header template to simplify. - Added header-links-start template for easier extension/customization without needing to override full list of links. - Added test to cover usage of this. For #4564 2023-09-24 11:29:51 +02:00			`@include('layouts.parts.custom-styles')`
			`@include('layouts.parts.custom-head')`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 17:00:19 +02:00
Updated view toggle to store date Also added test for user list order preferences 2019-04-14 14:01:51 +02:00			`@stack('head')`
Updated JS translations to be inserted from back-end Removes old awkward JS translations endpoint. New system still a little akward in code but not now in process. Also extracted out page editors into their own files. Closes #1258 2019-07-06 15:52:25 +02:00
			`<!-- Translations for JS -->`
			`@stack('translations')`
Started on a design update - Added base of new grid system. - Added new margin/padding/visiblity helpers. - Made header collapse to overflow menu on mobile. 2018-10-16 19:49:16 +02:00			`</head>`
Started interface user shortcut form interface Built controller actions and initual UI. Still needs JS logic for shortcut input handling. 2022-11-08 22:17:45 +01:00			`<body`
			`@if(setting()->getForCurrentUser('ui-shortcuts-enabled', false))`
			`component="shortcuts"`
			`option:shortcuts:key-map="{{ \BookStack\Settings\UserShortcutMap::fromUserPreferences()->toJson() }}"`
			`@endif`
			`class="@stack('body-class')">`
Rolled out redesign across application 2015-08-31 12:43:28 +02:00
Added base template convenience partials for theme system users Included test to cover usage and paths. Closes #894 2022-06-22 13:47:31 +02:00			`@include('layouts.parts.base-body-start')`
Header: Simplified, split and re-orgranised view file(s) - Moved "common" template partials, that are only used in layouts, to layouts/parts folder. - Simplified HTML structure of header template. - Extracted logo and links from header template to simplify. - Added header-links-start template for easier extension/customization without needing to override full list of links. - Added test to cover usage of this. For #4564 2023-09-24 11:29:51 +02:00			`@include('layouts.parts.skip-to-content')`
			`@include('layouts.parts.notifications')`
			`@include('layouts.parts.header')`
Started redesign 2015-07-21 23:11:30 +02:00
Improved header element accessibility when at mobile sizes Intended to fix issues raised in #2681. Changes up the tri-layout tabs, and the main header menu toggle, to be buttons while adding better text and keyboard controls. Updated the component format of a few elements along the way. 2021-04-19 22:41:13 +02:00			`<div id="content" components="@yield('content-components')" class="block">`
Initial commit 2015-07-12 21:01:42 +02:00			`@yield('content')`
Made another mass of accessibility improvements - Set proper semantic tags for main parts of content. - Removed focus-trap from tag manager/autosuggest. - Set better accessibility labelling on tag manager. - Updated collapsible sections to be keyboard navigatable. - Improved input focus styling to better fit theme. - Updated custom styled file picker to be accessible via keyboard. Related to #1320 2019-08-25 16:44:51 +02:00			`</div>`
Initial commit 2015-07-12 21:01:42 +02:00
Header: Simplified, split and re-orgranised view file(s) - Moved "common" template partials, that are only used in layouts, to layouts/parts folder. - Simplified HTML structure of header template. - Extracted logo and links from header template to simplify. - Added header-links-start template for easier extension/customization without needing to override full list of links. - Added test to cover usage of this. For #4564 2023-09-24 11:29:51 +02:00			`@include('layouts.parts.footer')`
Add footer element, styles, and associated settings 2020-03-19 04:28:06 +01:00
Started refactor and alignment of component system - Updates old components to newer format, removes legacy component support. - Makes component registration easier and less duplicated. - Adds base component class to extend for better editor support. - Aligns global window exposure usage and aligns with other service names. 2022-11-15 00:19:02 +01:00			`<div component="back-to-top" class="back-to-top print-hidden">`
Added a back-to-top button on all pages The new back-to-top button will show after scrolling a short distance down a long page. Closes #44. 2016-02-08 21:42:41 +01:00			`<div class="inner">`
Finished migrated from icon-font to SVG 2018-02-17 20:49:00 +01:00			`@icon('chevron-up') <span>{{ trans('common.back_to_top') }}</span>`
Added a back-to-top button on all pages The new back-to-top button will show after scrolling a short distance down a long page. Closes #44. 2016-02-08 21:42:41 +01:00			`</div>`
			`</div>`
Started on a design update - Added base of new grid system. - Added new margin/padding/visiblity helpers. - Made header collapse to overflow menu on mobile. 2018-10-16 19:49:16 +02:00
			`@yield('bottom')`
Theme: Added handling for functions.php file load error This adds specific handling for functions.php error loading to re-throw errors wrapped in a more descriptive message, to make it clear the error is due to an issue in their functions.php file. Decided to throw and stop, rather than ignore & continue, to be on the safe side in the event auth-level (or other security level) customizations have been made via functions.php. Adds test to cover. Closes #4504 2023-09-12 13:34:02 +02:00			`@if($cspNonce ?? false)`
			`<script src="{{ versioned_asset('dist/app.js') }}" nonce="{{ $cspNonce }}"></script>`
			`@endif`
Started on a design update - Added base of new grid system. - Added new margin/padding/visiblity helpers. - Made header collapse to overflow menu on mobile. 2018-10-16 19:49:16 +02:00			`@yield('scripts')`

Added base template convenience partials for theme system users Included test to cover usage and paths. Closes #894 2022-06-22 13:47:31 +02:00			`@include('layouts.parts.base-body-end')`
Initial commit 2015-07-12 21:01:42 +02:00			`</body>`
			`</html>`