From 228bb5ee199145924097033e44fd9f78d71256a2 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Fri, 5 Jul 2019 13:54:08 +0200
Subject: [PATCH] Add index template and change some ids to defaults like the
doc suggests.
---
app/templates/header.html.j2 | 32 ++++++++-------------
app/templates/index.html.j2 | 55 ++++++++++++++++++++++++++++++++++++
2 files changed, 66 insertions(+), 21 deletions(-)
create mode 100644 app/templates/index.html.j2
diff --git a/app/templates/header.html.j2 b/app/templates/header.html.j2
index 2ba0fe21..ca892c12 100644
--- a/app/templates/header.html.j2
+++ b/app/templates/header.html.j2
@@ -1,16 +1,17 @@
<header>
+ <!-- dropdowns -->
+ <div id="nav-notifications-dropdown" class="dropdown-content">
+ <p>Notifications</p>
+ </div>
+ <div id="nav-settings-dropdown" class="dropdown-content">
+ <p>Settings</p>
+ </div>
<nav>
- <ul class="left hide-on-large-only">
- <li><a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a></li>
- </ul>
<div class="nav-wrapper">
- <span class="brand-logo center">
- {% if title %}
- {{ title }}
- {% else %}
- Opaque
- {% endif %}
- </span>
+ <a href="#!" class="brand-logo">
+ {% if title %}{{ title }}{% else %}Opaque{% endif %}
+ </a>
+ <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a id="nav-notifications" class="dropdown-trigger" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
<li><a id="nav-settings" class="dropdown-trigger" href="#!" data-target="nav-settings-dropdown"><i class="material-icons">settings</i></a></li>
@@ -18,17 +19,6 @@
</div>
</nav>
-
- <!-- dropdowns -->
- <div id="nav-notifications-dropdown" class="dropdown-content">
- <p>Notifications</p>
- </div>
- <div id="nav-settings-dropdown" class="dropdown-content">
- <p>Settings</p>
- </div>
-
-
- <!-- sidenav -->
<ul id="slide-out" class="sidenav sidenav-fixed">
<li><a href="{{ url_for('index') }}">Opaque</a></li>
<li><a href="{{ url_for('auth.login') }}">Login</a></li>
diff --git a/app/templates/index.html.j2 b/app/templates/index.html.j2
new file mode 100644
index 00000000..3648311a
--- /dev/null
+++ b/app/templates/index.html.j2
@@ -0,0 +1,55 @@
+{% extends "base.html.j2" %}
+
+{% block page_content %}
+<div class="col s12">
+ <h2>Services</h2>
+
+ <div class="row">
+ <div class="col s12 m4">
+ <div class="card small">
+ <div class="card-content">
+ <span class="card-title">Optical Character Recognition</span>
+ <p></p>
+ </div>
+ </div>
+ </div>
+
+ <div class="col s12 m4">
+ <div class="card small">
+ <div class="card-content">
+ <span class="card-title">Natural language processing</span>
+ <p></p>
+ </div>
+ </div>
+ </div>
+
+ <div class="col s12 m4">
+ <div class="card small">
+ <div class="card-content">
+ <span class="card-title">Text analysis</span>
+ <p></p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <h2>Statistics</h2>
+ <div class="row">
+ <div class="col s12 m4">
+ <div class="card small">
+ <div class="card-content">
+ <span class="card-title">Server activity</span>
+ <div class="center">
+ <img src="{{ url_for('static', filename='images/server_activity.png') }}" alt="server activity"
+ class="responsive-image">
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<!--
+
+-->
+{% endblock %}
--
GitLab