base.blade.php 2.13 KB
<!DOCTYPE html>
<html>
<head>
    <title>BookStack</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="/css/app.css">
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300italic,100,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="/bower/bootstrap/dist/js/bootstrap.js"></script>
    <script>
        $.fn.smoothScrollTo = function() {
            if(this.length === 0) return;
            $('body').animate({
                scrollTop: this.offset().top - 60 // Adjust to change final scroll position top margin
            }, 800); // Adjust to change animations speed (ms)
            return this;
        };
        $.expr[":"].contains = $.expr.createPseudo(function(arg) {
            return function( elem ) {
                return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
            };
        });
    </script>
    @yield('head')
</head>
<body>

    <header>
        <div class="container">
            <div class="padded-vertical row clearfix">
                <div class="col-md-3">
                    <div ><img class="logo float left" src="/bookstack.svg" alt="BookStack"></div>
                </div>
                <div class="col-md-9">
                    <ul class="menu float">
                        <li><a href="/books"><i class="fa fa-book"></i>Books</a></li>
                    </ul>
                    <div class="search-box float right">
                        <form action="/pages/search/all" id="search-form" method="GET">
                            {!! csrf_field() !!}
                            <input type="text" placeholder="Search all pages..." name="term" id="search-input">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <section class="container">
        @yield('content')
    </section>

@yield('bottom')
</body>
</html>