]> BookStack Code Mirror - bookstack/blob - resources/views/public.blade.php
Closes #55. Allows you to set the primary color.
[bookstack] / resources / views / public.blade.php
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <title>BookStack</title>
5
6     <!-- Meta -->
7     <meta name="viewport" content="width=device-width">
8     <meta name="token" content="{{ csrf_token() }}">
9     <meta charset="utf-8">
10
11     <!-- Styles and Fonts -->
12     <link rel="stylesheet" href="{{ versioned_asset('css/styles.css') }}">
13     <link rel="stylesheet" media="print" href="{{ versioned_asset('css/print-styles.css') }}">
14     <link rel="stylesheet" href="/libs/material-design-iconic-font/css/material-design-iconic-font.min.css">
15
16     <!-- Scripts -->
17     <script src="/libs/jquery/jquery.min.js?version=2.1.4"></script>
18     @if(Setting::get('app-color'))
19         <style>
20             header {
21                 background-color: #{{ Setting::get('app-color') }};
22             }
23             .faded-small {
24                 background-color: {{ Setting::get('app-color-rgba') }}}
25             }
26             .button-base, .button, input[type="button"], input[type="submit"] {
27                 background-color: #{{ Setting::get('app-color') }} !IMPORTANT;
28             }
29         </style>
30     @endif
31 </head>
32 <body class="@yield('body-class')" ng-app="bookStack">
33
34 @include('partials/notifications')
35
36 <header id="header">
37     <div class="container">
38         <div class="row">
39             <div class="col-md-6">
40
41                 <a href="/" class="logo">
42                     <img class="logo-image" src="/logo.png" alt="Logo">
43                     <span class="logo-text">{{ Setting::get('app-name', 'BookStack') }}</span>
44                 </a>
45             </div>
46             <div class="col-md-6">
47                 <div class="float right">
48                     <div class="links text-center">
49                         @yield('header-buttons')
50                     </div>
51                     @if(isset($signedIn) && $signedIn)
52                         <div class="dropdown-container" dropdown>
53                                 <span class="user-name" dropdown-toggle>
54                                     <img class="avatar" src="{{$currentUser->getAvatar(30)}}" alt="{{ $currentUser->name }}">
55                                     <span class="name" ng-non-bindable>{{ $currentUser->name }}</span> <i class="zmdi zmdi-caret-down"></i>
56                                 </span>
57                             <ul>
58                                 <li>
59                                     <a href="/users/{{$currentUser->id}}" class="text-primary"><i class="zmdi zmdi-edit zmdi-hc-lg"></i>Edit Profile</a>
60                                 </li>
61                                 <li>
62                                     <a href="/logout" class="text-neg"><i class="zmdi zmdi-run zmdi-hc-lg"></i>Logout</a>
63                                 </li>
64                             </ul>
65                         </div>
66                     @endif
67                 </div>
68             </div>
69         </div>
70     </div>
71 </header>
72
73 <section class="container">
74     @yield('content')
75 </section>
76
77 <script src="{{ versioned_asset('js/common.js') }}"></script>
78 </body>
79 </html>