Added navbar and updated thumbnail generator

This commit is contained in:
simon987
2018-03-21 21:53:49 -04:00
parent 90c1de3362
commit b94fce4e0b
27 changed files with 5760 additions and 133 deletions

View File

@@ -8,14 +8,11 @@
<!-- Demo Dependencies -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="/static/js/Chart.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Dashboard -->
{# <link rel="stylesheet" type="text/css" href="/static/css/keen-dashboards.css" />#}
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet" type="text/css">
<link href="/static/css/fontawesome-all.min.css" rel="stylesheet" type="text/css">
<style>
.info-table {
@@ -35,25 +32,46 @@
margin-top: 1em;
}
{# .info-table tr:nth-child(even) {#}
{# background-color: #fafafa;#}
{# }#}
.flex-grow {
flex: 1 0 auto;
}
{# todo: box-shadow 0 1px 10px 1px #1AC8DE#}
</style>
</head>
<body>
<div>
<span>Navbar1</span>
</div>
<nav class="navbar navbar-expand-lg navbar-light" style="background: #F7F7F7; border-bottom: solid 1px #dfdfdf;">
<a class="navbar-brand" href="/search"><i class="fa fa-search"></i> Search</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link {% if "directory" == active_page %}active{% endif %}" href="/directory">Directories</a>
</li>
<li class="nav-item">
<a class="nav-link {% if "task" == active_page %}active{% endif %}" href="/task">Tasks</a>
</li>
<li class="nav-item">
<a class="nav-link {% if "dashboard" == active_page %}active{% endif %}" href="/dashboard">Dashboard</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" placeholder="Username">
<input class="form-control mr-sm-2" type="password" placeholder="Password">
<button class="btn btn-outline-success my-2 my-sm-0">Login</button>
</form>
</div>
</nav>
{% block alert_messages %}
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="container">
<div class="container" style="margin-top: 1em">
{% for category, message in messages %}
<div class="alert alert-{{ category }}">
<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>