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

<!DOCTYPE html>
<html lang="{{ config('app.lang') }}"
      dir="{{ config('app.rtl') ? 'rtl' : 'ltr' }}"
      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('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 and Fonts -->
    <link rel="stylesheet" href="{{ versioned_asset('dist/styles.css') }}">
    <link rel="stylesheet" media="print" href="{{ versioned_asset('dist/print-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') }}">

    @yield('head')

    <!-- Custom Styles & Head Content -->
    @include('common.custom-styles')
    @include('common.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('common.skip-to-content')
    @include('common.notifications')
    @include('common.header')

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

    @include('common.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')
    <script src="{{ versioned_asset('dist/app.js') }}" nonce="{{ $cspNonce }}"></script>
    @yield('scripts')

    @include('layouts.parts.base-body-end')
</body>
</html>
Initial commit 2015-07-12 15:01:42 -04:00			`<!DOCTYPE html>`
Added dark/light mode toggle to profile dropdown menu - Also fixed some remaining areas which needed dark mode support. 2020-04-11 15:37:51 -04:00			`<html lang="{{ config('app.lang') }}"`
			`dir="{{ config('app.rtl') ? 'rtl' : 'ltr' }}"`
Added content-view body classes generated from tags Included tests to cover. Closes #3583 2022-07-23 13:29:04 -04:00			`class="{{ setting()->getForCurrentUser('dark-mode-enabled') ? 'dark-mode ' : '' }}">`
Initial commit 2015-07-12 15:01:42 -04: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 07:29:35 -04:00			`<title>{{ isset($pageTitle) ? $pageTitle . ' \| ' : '' }}{{ setting('app-name') }}</title>`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 11:00:19 -04:00
Fixed some lib paths and seperated out duplicated notifications 2015-11-30 17:23:48 -05: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 11:11:34 -05:00			`<meta charset="utf-8">`
Initial commit 2015-07-12 15:01:42 -04:00			`<meta name="viewport" content="width=device-width">`
Got react image manager working 2015-08-12 18:42:42 -04: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 09:26:39 -04:00			`<meta name="base-url" content="{{ url('/') }}">`
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 11:11:34 -05:00			`<meta name="theme-color" content="{{ setting('app-color') }}"/>`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 11:00:19 -04:00
Create Open Graph meta tags for book/page/chapter/shelf 2020-12-22 00:20:13 -05: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')`

Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 11:00:19 -04:00			`<!-- Styles and Fonts -->`
Finished off intitial conversion to webpack 2018-03-17 09:03:13 -04:00			`<link rel="stylesheet" href="{{ versioned_asset('dist/styles.css') }}">`
			`<link rel="stylesheet" media="print" href="{{ versioned_asset('dist/print-styles.css') }}">`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 11:00:19 -04:00
Added ability to control app icon (favicon) via settings 2023-01-25 06:03:19 -05: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 11:11:34 -05: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 06:03:19 -05:00
Added page editing 2015-07-12 16:31:15 -04: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 09:52:25 -04:00
			`<!-- Custom Styles & Head Content -->`
Reorgranised blade view files to form a convention - Primarily moved and re-organised view files. - Included readme within views to document the convention. - Fixed some issues with page field select list in previous commit. - Tweaked some route names while going through. - Split some views out further. Closes #2805 2021-08-22 08:15:58 -04:00			`@include('common.custom-styles')`
			`@include('common.custom-head')`
Updated views for permissions and added notifications. Fixes #2 and #7 2015-08-29 11:00:19 -04:00
Updated view toggle to store date Also added test for user list order preferences 2019-04-14 08:01:51 -04: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 09:52:25 -04: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 13:49:16 -04: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 16:17:45 -05: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 06:43:28 -04:00
Added base template convenience partials for theme system users Included test to cover usage and paths. Closes #894 2022-06-22 07:47:31 -04:00			`@include('layouts.parts.base-body-start')`
Reorgranised blade view files to form a convention - Primarily moved and re-organised view files. - Included readme within views to document the convention. - Fixed some issues with page field select list in previous commit. - Tweaked some route names while going through. - Split some views out further. Closes #2805 2021-08-22 08:15:58 -04:00			`@include('common.skip-to-content')`
			`@include('common.notifications')`
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 13:49:16 -04:00			`@include('common.header')`
Started redesign 2015-07-21 17:11:30 -04: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 16:41:13 -04:00			`<div id="content" components="@yield('content-components')" class="block">`
Initial commit 2015-07-12 15:01:42 -04: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 10:44:51 -04:00			`</div>`
Initial commit 2015-07-12 15:01:42 -04:00
Add footer element, styles, and associated settings 2020-03-18 23:28:06 -04:00			`@include('common.footer')`

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-14 18:19:02 -05: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 15:42:41 -05:00			`<div class="inner">`
Finished migrated from icon-font to SVG 2018-02-17 14:49:00 -05: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 15:42:41 -05: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 13:49:16 -04:00
			`@yield('bottom')`
Finished off script CSP rules - Added caching for custom html head parsing to add nonce. - Also moved api docs page into web routes to prevent issues. 2021-09-04 08:57:04 -04:00			`<script src="{{ versioned_asset('dist/app.js') }}" nonce="{{ $cspNonce }}"></script>`
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 13:49:16 -04:00			`@yield('scripts')`

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