ajurna/cbwebreader
1
0
Fork 0
mirror of https://github.com/ajurna/cbwebreader.git synced 2025-12-06 06:17:17 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

migration to bootstrap 4

Browse Source
This commit is contained in:
ajurna
2020-05-14 11:23:11 +01:00
parent 53fd616038
commit 73de37f784
30 changed files with 87 additions and 11906 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
comic/templates/base.html
View File

@@ -1,3 +1,5 @@
{% load bootstrap4 %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
@@ -12,53 +14,39 @@
<title>{% block title %}CB Reader{% endblock %}</title>
<!-- Bootstrap core CSS -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/jasny-bootstrap.min.css" rel="stylesheet" media="screen">
{% bootstrap_css %}
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/bs/dt-1.10.11,b-colvis-1.1.2,r-2.0.2/datatables.min.css"/>
<!-- Custom styles for this template -->
<link href="/static/css/base.css" rel="stylesheet">
<link href="{% static "css/base.css" %}" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/comic/">Comic Book Web Reader</a>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Comic Book Web Reader</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
{% for page, link in menu.menu_items.items %}
<a class="nav-item nav-link {% if menu.current_page == page %}active{% endif %}" href="{{ link }}">{{ page }}</a>
{% endfor %}
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{% for page, link in menu.menu_items.items %}
<li {% if menu.current_page == page %} class="active"{% endif %}><a href="{{ link }}">{{ page }}</a></li>
{% endfor %}
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="navbar navbar-static-top">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
{% if breadcrumbs %}
{% include "comic/breadcrumbs.html" %}
{% else %}
<li><a href="/">Home</a></li>
{% include "comic/breadcrumbs.html" %}
{% else %}
<li class="breadcrumb-item"><a href="#">Home</a></li>
{% endif %}
</ol>
</div>
</nav>
{% block content %}{% endblock %}
{% block content %}{% endblock %}
<!-- /.container -->
@@ -71,11 +59,7 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/jasny-bootstrap.min.js"></script>
<script src="/static/js/jquery-2.2.2.min.js"></script>
<script src="/static/js/js.cookie.js"></script>
{% bootstrap_javascript jquery='full' %}
<script type="text/javascript" src="https://cdn.datatables.net/t/bs/dt-1.10.11,b-colvis-1.1.2,r-2.0.2/datatables.min.js"></script>
{% block script %}
{% endblock %}