PHP Classes

File: resources/views/layouts/app.twig

Recommend this page to a friend!
  Classes of Ahmad Mustapha  >  Utility Web PHP API  >  resources/views/layouts/app.twig  >  Download  
File: resources/views/layouts/app.twig
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Utility Web PHP API
API to retrieve movie details and other resources
Author: By
Last change:
Date: 1 year ago
Size: 7,096 bytes
 

Contents

Class file image Download
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta http-equiv="Content-Language" content="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>{{ page.title ? (page.title ~ ' - ' ~ site.name) : site.name }}</title>

    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"/>
    <meta name="description" content="{{ page.desc ?? site.desc }}">
    <meta name="keywords" content="{{ page.keywords ?? site.keywords }}">
    <meta name="msapplication-tap-highlight" content="no">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="/assets/css/fontawesome-all.min.css">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
    <!-- Material Design Bootstrap -->
    <link rel="stylesheet" href="/assets/css/mdb.min.css">

    <!-- Your custom styles (optional) -->
    <style>
        .header-button {
            font-size: 10px;
        }
    </style>
</head>

<!--Big blue-->
<body class="fixed-sn animated rgba-mdb-color-slight lighten-3">
<!-- Navbar -->
<nav class="navbar primary-color-dark fixed-top navbar-expand-lg scrolling-navbar double-nav">
    <!-- Breadcrumb -->
    <div class="breadcrumb-dn mr-auto">
        <a href="/" class="text-white pt-4">
            <div class="px-3 py-2 font-weight-bolder">
                <i class="fa fa-home"></i>
                {{ site.name|upper }}
            </div>
        </a>
    </div>

    <div class="d-flex change-mode">
        <!-- Navbar links -->
        <ul class="nav navbar-nav nav-flex-icons ml-auto">
            <!-- Dropdown -->
            <li class="nav-item">
                <a href="/movies" class="nav-link btn btn-outline-default btn-sm waves-effect">
                    <i class="fa fa-film" style="font-size: 14px"></i>
                    <span class="d-none d-md-inline-block font-weight-bold header-button">
                        Movies
                    </span>
                </a>
            </li>
            <li class="nav-item">
                <a href="/tvshows" class="nav-link btn btn-outline-default btn-sm waves-effect">
                    <i class="fa fa-tv" style="font-size: 14px"></i>
                    <span class="d-none d-md-inline-block font-weight-bold header-button">
                        TV Shows
                    </span>
                </a>
            </li>
            <li class="nav-item">
                <a href="/others" class="nav-link btn btn-outline-default btn-sm waves-effect">
                    <i class="fa fa-archive" style="font-size: 14px"></i>
                    <span class="d-none d-md-inline-block font-weight-bold header-button">
                        Others
                    </span>
                </a>
            </li>
        </ul>
    </div>
</nav>
<!-- Navbar -->

<!-- Main layout -->
<main style="padding-top:80px">
    <div class="container mt-5" id="root">
        {% block contents %}

        {% endblock contents %}
    </div>
</main>

<div class="modal fade" id="modal_general" data-backdrop="static" data-keyboard="false" tabindex="-1"
     aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer"></div>
        </div>
    </div>
</div>
<!-- Main layout -->

<!-- Footer -->
<div class="row mt-5 z-depth-1-half p-3">
    <div class="col-md">
        <div class="">
            The source code of this website can be found on <a href="https://github.com/Ahmard/utiweb">GitHub</a>.<br/>
            Please feel free to submit your <a href="https://github.com/Ahmard/utiweb/pulls"><b>Pull Requests</b></a>
            as well as any encountered <a href="https://github.com/Ahmard/utiweb/issues"><b>Issues</b></a>.
        </div>
    </div>
    <div class="col-md">
        <div class="row d-flex justify-content-end">
            <div class="col-md-auto">
                <a href="https://github.com/Ahmard" class="btn btn-sm btn-dark rounded">
                    <i class="fab fa-github"></i> Ahmard
                </a>
            </div>
            <div class="col-md-auto">
                <a href="https://twitter.com/Ahmardiy" class="btn btn-sm btn-info rounded ml-1">
                    <i class="fab fa-twitter"></i> Ahmardiy
                </a>
            </div>
            <div class="col-md-auto">
                <a href="/contact/send-message" class="btn btn-sm btn-primary circle ml-1">
                    <i class="fa fa-envelope"></i> Message
                </a>
            </div>
        </div>
    </div>
</div>
<footer class="page-footer primary-color-dark">
    <!-- Copyright -->
    <div class="footer-copyright py-3 text-center">
        <div class="container-fluid">
             {{ date }} Copyright: <a href="/" target="_blank">{{ site.name }}</a>
        </div>
    </div>
    <!-- Copyright -->

</footer>
<!-- Footer -->

<script src="/assets/js/jquery-3.5.1.min.js"></script>
<script src="/assets/js/jquery.ajax-retry.min.js"></script>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/mdb.min.js"></script>
<script src="/assets/js/sweetalert.min.js"></script>
<script src="/assets/js/handlebars.min-v4.7.6.js"></script>
<script src="/assets/js/EventEmitter.min.js"></script>
<script src="/assets/js/howler.min.js"></script>
<script src="/assets/js/app/ui.js"></script>
<script src="/assets/js/app/ajax.js"></script>
<script src="/assets/js/app/root.js"></script>

<script>
    $(function () {
        // Tooltips Initialization
        $('[data-toggle="tooltip"]').tooltip();

        $('#dark-mode').on('click', function (e) {
            e.preventDefault();
            $('footer').toggleClass('mdb-color lighten-4 dark-card-admin');
            $('body, .navbar').toggleClass('white-skin navy-blue-skin');
            $(this).toggleClass('white text-dark btn-outline-black');
            $('body').toggleClass('dark-bg-admin');
            $('.card').toggleClass('dark-card-admin');
            $('h6, .card, p, td, th, i, li a, h4, input, label').not(
                '#slide-out i, #slide-out a, .dropdown-item i, .dropdown-item').toggleClass('text-white');
            $('.btn-dash').toggleClass('grey blue').toggleClass('lighten-3 darken-3');
            $('.gradient-card-header').toggleClass('white dark-card-admin');
        });
    });
</script>

{% block scripts %}
{% endblock scripts %}
</body>
</html>
For more information send a message to info at phpclasses dot org.