CPI
/
ordr2
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

working on new layout template

master
Holger Frey 7 years ago
parent
5c537e57a0
commit
052cb29acf
4 changed files with 380 additions and 46 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 19
      ordr2/static/style.css
  2. 297
      ordr2/templates/example.html
  3. 108
      ordr2/templates/layout.jinja2
  4. 2
      ordr2/templates/mytemplate.jinja2

19
ordr2/static/style.css
Unescape View File

@ -0,0 +1,19 @@
html {
font-size: 14px;
}
header .branding {
padding-left: 0px;
}
header .btn-toolbar .btn-group {
margin-right:1em;
}
.container-fluid {
padding-top: 1em;
}
.list-group-header {
}

297
ordr2/templates/example.html
Unescape View File

@ -0,0 +1,297 @@
<!DOCTYPE html>
<html lang="{{ request.locale_name }}">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="shortcut icon" href="{{ request.static_url('ordr2:static/shortcut-16x16.png') }}">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<!-- Icons -->
<link href="{{ request.static_url('ordr2:static/font/css/open-iconic-bootstrap.css') }}" rel="stylesheet">
<!-- Custom styles for this scaffold -->
<link href="{{ request.static_url('ordr2:static/style.css') }}" rel="stylesheet">
<title>Cookiecutter Alchemy project for the Pyramid Web Framework</title>
</head>
<body>
<header>
<!-- header level one -->
<nav class="navbar navbar-dark bg-dark navbar-expand">
<!-- ordr logo on the right -->
<div class="col-sm-2">
<a class="navbar-brand" href="{{ request.resource_url(request.root) }}">ordr</a>
</div>
<!-- main section links -->
<ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" href="http://localhost:6543/orders">Orders</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost:6543/faq">FAQs</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost:6543/admin">Admin</a></li>
</ul>
<!-- user login and setting stuff on the right -->
<ul class="navbar-nav">
<li class="nav-item dropdown" id="user-options">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownUserSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Logged in as <span>HolgerFrey</span>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownUserSettings">
<li class="dropdown-item"><a href="http://localhost:6543/account/settings">Settings</a></li>
<li class="dropdown-item"><a href="https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2/issues">Submit an Issue</a></li>
<li class="dropdown-item"></li>
<li class="dropdown-item"><a href="http://localhost:6543/account/logout">Logout</a></li>
</ul>
</li>
</ul>
</nav>
<!-- header level two -->
<div class="navbar navbar-light bg-light navbar-expand">
<!-- subheadline on the right -->
<h1 class="col-sm-2">Orders</h1>
<!-- edit buttons -->
<div class="navbar-nav mr-auto btn-toolbar">
<div class="btn-group">
<a class="btn btn-outline-secondary" href="http://localhost:6543/orders/splash" rel="tooltip" data-original-title="New"><i class="oi oi-plus"></i></a>
</div>
<div class="btn-group">
<button class="btn btn-outline-secondary" rel="tooltip" data-original-title="Change Status" value="status" type="submit" name="action"><i class="oi oi-clipboard"></i></button>
<button class="btn btn-outline-secondary" rel="tooltip" data-original-title="Delete" value="delete" type="submit" name="action"><i class="oi oi-trash"></i></button>
</div>
<div class="btn-group">
<button class="btn btn-outline-secondary" rel="tooltip" data-original-title="Set Column Display" value="export" type="submit" name="action"><i class="oi oi-eye"></i></a>
</div>
<div class="btn-group">
<button class="btn btn-outline-secondary" rel="tooltip" data-original-title="Download View" value="export" type="submit" name="action"><i class="oi oi-cloud-download"></i></button>
</div>
</div>
<!-- seach -->
<form class="form-inline">
<input class="form-control" type="search" name="search" size="30" placeholder="Search" value="">
<label>
<button class="btn btn-outline-primary btn-small" type="submit" name="action" value="search">Search</button>
</label>
</form>
</div>
</header>
<main class="container-fluid">
<div class="row">
<div class="col-2">
<!-- filters on the right-->
<div class="list-group">
<span class="list-group-item list-group-header bg-light">All Orders</span>
<a class="list-group-item active" href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=created.desc">All</a>
<a class="list-group-item list-group-item-action" href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=created.desc&amp;status=open">Open</a>
<a class="list-group-item list-group-item-action" href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=created.desc&amp;status=approval">Approval</a>
<a class="list-group-item list-group-item-action" href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=created.desc&amp;status=ordered">Ordered</a>
<a class="list-group-item list-group-item-action" href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=created.desc&amp;status=completed">Completed</a>
</div>
</div>
<div class="col-10">
<table class="table table-hover">
<thead class="thead-default">
<th>
<input type="checkbox" value="all" name="mark_all" id="mark_all">
</th>
<th> <a href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=created.asc">Date Created</a> </th>
<th> <a href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=cas.asc">CAS / Description</a> </th>
<th> <a href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=vendor.asc">Vendor</a> </th>
<th> <a href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=catalog.asc">Catalog Nr.</a> </th>
<th> <a href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=status.asc">Status</a> </th>
<th> <a href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=user.asc">Ordered By</a> </th>
<th>Actions</th>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" name="marked" value="5615">
</td>
<td>2017-10-11 12:30</td>
<td>Ethanol 96% denaturated</td>
<td>VWR</td>
<td>APPCA2551.9010</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=HolgerFrey" title="click to view all orders from user">HolgerFrey</a> </td>
<td> <a href="http://localhost:6543/orders/5615/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5615/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5614">
</td>
<td>2017-10-04 16:27</td>
<td>Präzisionspinzette -Gebogene, extra feine Spitzen</td>
<td>VWR</td>
<td>232-1230</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=StefanMuellers" title="click to view all orders from user">StefanMuellers</a> </td>
<td> <a href="http://localhost:6543/orders/5614/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5614/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5613">
</td>
<td>2017-10-04 16:24</td>
<td>Pinzette für Deckgläser</td>
<td>VWR</td>
<td>232-0111</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=StefanMuellers" title="click to view all orders from user">StefanMuellers</a> </td>
<td> <a href="http://localhost:6543/orders/5613/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5613/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5612">
</td>
<td>2017-10-02 11:11</td>
<td>Vakkum-Exsikkator</td>
<td>VWR</td>
<td>467-0087</td>
<td> <span> approval </span></td>
<td> <a href="http://localhost:6543/orders/?user=MartinSchoenstein" title="click to view all orders from user">MartinSchoenstein</a> </td>
<td> <a href="http://localhost:6543/orders/5612/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5612/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5611">
</td>
<td>2017-09-28 10:53</td>
<td>Ethanol 96%, vergällt mit 1%MEK</td>
<td>Carl-Roth</td>
<td>T171.2</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=NataliaSchatz" title="click to view all orders from user">NataliaSchatz</a> </td>
<td> <a href="http://localhost:6543/orders/5611/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5611/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5610">
</td>
<td>2017-09-28 10:53</td>
<td>n-Hexan, 95%, z.Synthese</td>
<td>Carl-Roth</td>
<td>3907.4</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=NataliaSchatz" title="click to view all orders from user">NataliaSchatz</a> </td>
<td> <a href="http://localhost:6543/orders/5610/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5610/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5609">
</td>
<td>2017-09-28 10:52</td>
<td>Aceton, 99,7%, reinst</td>
<td>Carl-Roth</td>
<td>CP40.6</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=NataliaSchatz" title="click to view all orders from user">NataliaSchatz</a> </td>
<td> <a href="http://localhost:6543/orders/5609/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5609/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5608">
</td>
<td>2017-09-28 10:52</td>
<td>Essigsäureethylester, 99,5%, reinst</td>
<td>Carl-Roth</td>
<td>CP42.6</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=NataliaSchatz" title="click to view all orders from user">NataliaSchatz</a> </td>
<td> <a href="http://localhost:6543/orders/5608/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5608/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5607">
</td>
<td>2017-09-28 10:51</td>
<td>Dichlormethan, 99,5%, reinst</td>
<td>Carl-Roth</td>
<td>CP45.4</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=NataliaSchatz" title="click to view all orders from user">NataliaSchatz</a> </td>
<td> <a href="http://localhost:6543/orders/5607/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5607/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5606">
</td>
<td>2017-09-28 10:46</td>
<td>GHP Acrodisc, Porengröße: 0,45 µm, Dmr:25 mm 1 * 50 ST</td>
<td>VWR</td>
<td>514-4036</td>
<td> <span> completed </span></td>
<td> <a href="http://localhost:6543/orders/?user=NataliaSchatz" title="click to view all orders from user">NataliaSchatz</a> </td>
<td> <a href="http://localhost:6543/orders/5606/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5606/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5605">
</td>
<td>2017-09-28 09:29</td>
<td>Gewindeflasche, braun, 20ml</td>
<td>VWR</td>
<td>548-0638</td>
<td> <span> ordered </span></td>
<td> <a href="http://localhost:6543/orders/?user=SebastianAnders" title="click to view all orders from user">SebastianAnders</a> </td>
<td> <a href="http://localhost:6543/orders/5605/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5605/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
<tr>
<td>
<input type="checkbox" name="marked" value="5604">
</td>
<td>2017-09-27 15:21</td>
<td>Anthranilsäure, f. S.</td>
<td>SA</td>
<td>8201120100</td>
<td> <span> ordered </span></td>
<td> <a href="http://localhost:6543/orders/?user=NataliaSchatz" title="click to view all orders from user">NataliaSchatz</a> </td>
<td> <a href="http://localhost:6543/orders/5604/edit" title="Edit Order"><i class="oi oi-pencil"></i></a> <a href="http://localhost:6543/orders/5604/delete" title="Delete Order"><i class="oi oi-trash"></i></a> </td>
</tr>
</tbody>
</table>
<!-- pagination -->
<div>
<ul class="pagination">
<li class="page-item disabled"> <a class="page-link" href="">← Previous</a> </li>
<li class="page-item active"> <a class="page-link" href="http://localhost:6543/orders/?p=1&amp;n=12&amp;o=created.desc">1</a> </li>
<li class="page-item"> <a class="page-link" href="http://localhost:6543/orders/?p=2&amp;n=12&amp;o=created.desc">2</a> </li>
<li class="page-item"> <a class="page-link" href="http://localhost:6543/orders/?p=3&amp;n=12&amp;o=created.desc">3</a> </li>
<li class="page-item"> <a class="page-link" href="http://localhost:6543/orders/?p=4&amp;n=12&amp;o=created.desc">4</a> </li>
<li class="page-item"> <a class="page-link" href="">...</a> </li>
<li class="page-item"> <a class="page-link" href="http://localhost:6543/orders/?p=2&amp;n=12&amp;o=created.desc">Next →</a> </li>
</ul>
</div>
</div>
</div>
<!-- end of content -->
</main>
<footer class="container-fluid">
<div class="row">
<div class="col-12">
<a target="_blank" href="http://distractedbysquirrels.com/">This software was orignially written by Sebastian Sebald.</a>
</div>
</div>
</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
</html>

108
ordr2/templates/layout.jinja2
Unescape View File

@ -1,64 +1,82 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{request.locale_name}}"> <html lang="{{ request.locale_name }}">
<head>
<head>
<!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="{{ request.static_url('ordr2:static/shortcut-16x16.png') }}">
<meta name="description" content="pyramid web application">
<meta name="author" content="Pylons Project"> <!-- Bootstrap CSS -->
<link rel="shortcut icon" href="{{request.static_url('ordr2:static/pyramid-16x16.png')}}"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<!-- Icons -->
<link href="{{ request.static_url('ordr2:static/font/css/open-iconic-bootstrap.css') }}" rel="stylesheet">
<!-- Custom styles for this scaffold -->
<link href="{{ request.static_url('ordr2:static/style.css') }}" rel="stylesheet">
<title>Cookiecutter Alchemy project for the Pyramid Web Framework</title> <title>Cookiecutter Alchemy project for the Pyramid Web Framework</title>
</head>
<!-- Bootstrap core CSS --> <body>
<link href="//oss.maxcdn.com/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <header>
<!-- header level one -->
<nav class="navbar navbar-dark bg-dark navbar-expand">
<!-- ordr logo on the right -->
<div class="col-sm-2 branding">
<a class="navbar-brand" href="{{ request.resource_url(request.root) }}">ordr</a>
</div>
<!-- Custom styles for this scaffold --> <!-- main section links -->
<link href="{{request.static_url('ordr2:static/theme.css')}}" rel="stylesheet"> <ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" href="http://localhost:6543/orders">Orders</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost:6543/faq">FAQs</a></li>
<li class="nav-item"><a class="nav-link" href="http://localhost:6543/admin">Admin</a></li>
</ul>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- user login and setting stuff on the right -->
<!--[if lt IE 9]> <ul class="navbar-nav">
<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <li class="nav-item dropdown" id="user-options">
<script src="//oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownUserSettings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<![endif]--> Logged in as <span>HolgerFrey</span>
</head> </a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownUserSettings">
<li class="dropdown-item"><a href="http://localhost:6543/account/settings">Settings</a></li>
<li class="dropdown-item"><a href="https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2/issues">Submit an Issue</a></li>
<li class="dropdown-item"></li>
<li class="dropdown-item"><a href="http://localhost:6543/account/logout">Logout</a></li>
</ul>
</li>
</ul>
</nav>
<body> <!-- header level two -->
{% block sub_header %} {% endblock sub_header %}
</header>
<div class="starter-template"> <main class="container-fluid">
<div class="container">
<div class="row"> <div class="row">
<div class="col-md-2">
<img class="logo img-responsive" src="{{request.static_url('ordr2:static/pyramid.png') }}" alt="pyramid web framework">
</div>
<div class="col-md-10">
{% block content %} {% block content %}
<p>No content</p> <p>No content</p>
{% endblock content %} {% endblock content %}
</div>
</div>
<div class="row">
<div class="links">
<ul>
<li><i class="glyphicon glyphicon-cog icon-muted"></i><a href="https://github.com/Pylons/pyramid">Github Project</a></li>
<li><i class="glyphicon glyphicon-globe icon-muted"></i><a href="https://webchat.freenode.net/?channels=pyramid">IRC Channel</a></li>
<li><i class="glyphicon glyphicon-home icon-muted"></i><a href="http://pylonsproject.org">Pylons Project</a></li>
</ul>
</div>
</div> </div>
</main>
<footer class="container-fluid">
<div class="row"> <div class="row">
<div class="copyright"> <div class="col-12">
Copyright &copy; Pylons Project <a target="_blank" href="http://distractedbysquirrels.com/">This software was orignially written by Sebastian Sebald.</a>
</div> </div>
</div> </div>
</div> </footer>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="//oss.maxcdn.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//oss.maxcdn.com/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html> </html>

2
ordr2/templates/mytemplate.jinja2
Unescape View File

@ -1,7 +1,7 @@
{% extends "layout.jinja2" %} {% extends "layout.jinja2" %}
{% block content %} {% block content %}
<div class="content"> <div class="col-12">
<h1><span class="font-semi-bold">Pyramid</span> <span class="smaller">Alchemy project</span></h1> <h1><span class="font-semi-bold">Pyramid</span> <span class="smaller">Alchemy project</span></h1>
<p class="lead">Welcome to <span class="font-normal">Ordr2</span>, a&nbsp;Pyramid application generated&nbsp;by<br><span class="font-normal">Cookiecutter</span>.</p> <p class="lead">Welcome to <span class="font-normal">Ordr2</span>, a&nbsp;Pyramid application generated&nbsp;by<br><span class="font-normal">Cookiecutter</span>.</p>
</div> </div>