2020-04-17 09:13:11 +00:00
{% import "macros/materialize.html.j2" as M %}
2020-02-24 08:18:49 +00:00
2019-07-04 09:59:52 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
2020-02-25 09:46:24 +00:00
<meta name="theme-color" content="#ee6e73">
2020-01-17 09:42:02 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-02-25 08:59:49 +00:00
<title>
nopaque
2020-02-25 09:20:29 +00:00
{% if title and request.path != url_for('main.index') %}
2020-02-25 08:59:49 +00:00
–
{% endif %}
</title>
2020-02-24 14:47:13 +00:00
<link rel="icon" href="{{ url_for('static', filename='images/nopaque_logo.png') }}">
2020-01-17 09:42:02 +00:00
<link rel="stylesheet" href="{{ url_for('static', filename='fonts/Material_design_icons/material-icons.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/Materialize/materialize.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/nopaque.css') }}">
2020-02-25 10:05:19 +00:00
{% if current_user.is_authenticated %}
<style>
/*
* ### Start sidenav-fixed offset ###
* The sidenav-fixed class is used which causes the sidenav to be fixed and open
* on large screens and hides to the regular functionality on smaller screens.
* In order to prevent the sidenav to overlap the content, the content (in our
* case header, main and footer) gets an offset equal to the width of the
* sidenav.
*/
@media only screen and (min-width : 993px) {
header, main, footer {
padding-left: 300px;
}
.modal:not(.bottom-sheet) {
left: 300px;
}
.navbar-fixed > nav {
width: calc(100% - 300px)
}
}
/* ### End sidenav-fixed offset ### */
</style>
{% endif %}
2020-01-13 14:33:05 +00:00
<script src="{{ url_for('static', filename='js/JSONPatch.js/jsonpatch.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/Dark_Reader/darkreader.js') }}"></script>
<script src="{{ url_for('static', filename='js/List.js/list.min.js') }}"></script>
2020-03-26 16:32:26 +00:00
<script src="{{ url_for('static', filename='js/Socket.IO/socket.io.slim.js') }}"></script>
2020-01-17 09:42:02 +00:00
<script src="{{ url_for('static', filename='js/nopaque.js') }}"></script>
2020-01-29 09:50:31 +00:00
<script src="{{ url_for('static', filename='js/nopaque.lists.js') }}"></script>
2020-03-26 16:32:26 +00:00
<script>
2020-05-27 11:32:07 +00:00
{% if current_user.is_authenticated %}
{% if current_user.setting_dark_mode %}
DarkReader.enable({"brightness": 150, "contrast": 100, "sepia": 0});
{% endif %}
document.addEventListener("DOMContentLoaded", () => {
nopaque.socket.init();
nopaque.socket.emit("user_data_stream_init");
});
{% endif %}
2020-05-27 11:34:55 +00:00
nopaque.flashedMessages = {{ get_flashed_messages(with_categories=True)|tojson }};
2020-03-26 16:32:26 +00:00
</script>
2019-07-04 09:59:52 +00:00
</head>
<body>
2019-07-05 12:47:35 +00:00
<header>
2019-07-19 13:16:20 +00:00
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper">
2019-12-02 10:34:28 +00:00
<a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a>
2020-02-25 09:39:33 +00:00
{% if current_user.is_authenticated %}
2020-02-19 09:17:27 +00:00
<a href="#" data-target="sidenav-main" class="sidenav-trigger"><i class="material-icons">menu</i></a>
2020-02-25 09:39:33 +00:00
{% endif %}
2020-03-02 09:42:25 +00:00
<ul class="right">
2020-03-02 13:15:50 +00:00
<!--<li><a id="nav-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>-->
2019-09-04 11:51:21 +00:00
<li>
<a id="nav-account" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-account-dropdown">
{% if current_user.is_authenticated %}
{{ current_user.username }}<i class="material-icons right">account_circle</i>
{% else %}
<i class="material-icons">account_circle</i>
{% endif %}
</a>
</li>
2019-07-19 13:16:20 +00:00
</ul>
</div>
</nav>
</div>
2019-07-05 12:47:35 +00:00
2020-01-17 10:46:30 +00:00
<!-- Dropdown menus for the navbar -->
<div id="nav-notifications-dropdown" class="dropdown-content grey-text text-darken-4">
<p>Notifications</p>
</div>
<ul id="nav-account-dropdown" class="dropdown-content">
{% if current_user.is_authenticated %}
2020-02-19 13:49:52 +00:00
<li><a href="{{ url_for('profile.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
2020-01-17 10:46:30 +00:00
<li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
{% else %}
2020-02-19 15:24:58 +00:00
<li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
2020-01-17 10:46:30 +00:00
<li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
{% endif %}
</ul>
2020-03-26 16:32:26 +00:00
<ul id="sidenav-main" class="sidenav sidenav-fixed{% if not current_user.is_authenticated %} hide{% endif %}">
2019-12-02 10:34:28 +00:00
<li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>nopaque</a></li>
2019-09-11 08:00:52 +00:00
<li><a href="#"><i class="material-icons">linear_scale</i>Workflow</a></li>
2019-08-01 08:33:05 +00:00
<li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
2020-02-24 16:32:20 +00:00
<li><a href="{{ url_for('main.dashboard', _anchor='corpora') }}" style="padding-left: 47px;"><i class="material-icons">book</i>My Corpora</a></li>
<li><a href="{{ url_for('main.dashboard', _anchor='jobs') }}" style="padding-left: 47px;"><i class="material-icons">work</i>My Jobs</a></li>
2019-07-12 15:21:04 +00:00
<li><div class="divider"></div></li>
2020-02-07 14:21:59 +00:00
<li><a class="subheader">Processes and Services</a></li>
2020-04-09 08:02:24 +00:00
<li><a href="{{ url_for('services.service', service='file-setup') }}"><i class="material-icons">burst_mode</i>File setup</a></li>
2019-11-08 11:21:59 +00:00
<li><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
2020-02-14 14:40:28 +00:00
<li><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
<li><a href="{{ url_for('services.service', service='corpus_analysis') }}"><i class="material-icons">search</i>Corpus analysis</a></li>
2020-02-11 15:07:31 +00:00
<li><div class="divider"></div></li>
<li><a class="subheader">Account</a></li>
{% if current_user.is_authenticated %}
2020-02-19 13:49:52 +00:00
<li><a href="{{ url_for('profile.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
2020-02-11 15:07:31 +00:00
<li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
{% else %}
2020-02-19 15:24:58 +00:00
<li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
2020-02-11 15:07:31 +00:00
<li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
{% endif %}
2019-09-04 11:51:21 +00:00
{% if current_user.is_administrator() %}
<li><div class="divider"></div></li>
<li><a class="subheader">Administration</a></li>
2019-11-15 11:51:53 +00:00
<li><a href="{{ url_for('admin.index') }}"><i class="material-icons">build</i>Administration tools</a></li>
2019-07-10 12:36:31 +00:00
{% endif %}
2019-07-05 12:47:35 +00:00
</ul>
</header>
2019-07-04 09:36:23 +00:00
2020-02-18 14:31:10 +00:00
{%- macro insert_page_content() -%}
{% block page_content %}{% endblock %}
{%- endmacro -%}
{% if parallax %}
<main>
{{ insert_page_content() }}
</main>
{% else %}
<main class="grey lighten-5">
{% if not full_width %}
<div class="container">
{% endif %}
2020-02-07 14:21:59 +00:00
<div class="row">
<div class="col s12">
2020-02-25 08:59:49 +00:00
<h2>
{% if headline %}
{{ headline }}
{% elif title %}
{{ title }}
{% else %}
Unnamed page
{% endif %}
</h2>
2020-02-07 14:21:59 +00:00
</div>
2020-02-18 14:31:10 +00:00
{{ insert_page_content() }}
</div>
{% if not full_width %}
2020-02-07 14:21:59 +00:00
</div>
2020-02-18 14:31:10 +00:00
{% endif %}
2020-02-07 14:21:59 +00:00
</div>
2020-02-18 14:31:10 +00:00
{% endif %}
2019-07-04 10:23:09 +00:00
</main>
2019-07-04 08:40:23 +00:00
2020-03-07 19:20:58 +00:00
<footer class="page-footer">
2020-02-07 14:21:59 +00:00
<div class="container">
<div class="row">
2020-02-27 14:29:36 +00:00
<div class="col s6 m3">
2020-02-07 14:21:59 +00:00
<a href="https://www.dfg.de/">
<img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_dfg.gif') }}">
2020-02-27 14:29:36 +00:00
</a>
2020-02-26 10:38:21 +00:00
</div>
2020-02-25 09:39:33 +00:00
<div class="col s6 m3 offset-m1 center-align">
2020-02-07 14:21:59 +00:00
<a href="https://www.uni-bielefeld.de/sfb1288/">
<img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_sfb_1288.png') }}">
</a>
</div>
<div class="col s12 m3 offset-m1">
2020-05-19 08:25:16 +00:00
<h5 class="white-text">Legal Notice</h5>
2020-02-07 14:21:59 +00:00
<ul>
2020-05-19 08:25:16 +00:00
<li><a class="grey-text text-lighten-3" href="https://www.uni-bielefeld.de/(en)/impressum/">Legal Notice</a> / <a class="grey-text text-lighten-3">Privacy statement</a></li>
2020-07-03 09:17:47 +00:00
<li><a class="grey-text text-lighten-3" href="{{ url_for('main.terms_of_use') }}">Terms of use</a></li>
2020-05-19 08:25:16 +00:00
<li></li>
2020-02-07 14:21:59 +00:00
</ul>
</div>
</div>
</div>
2019-07-05 12:47:35 +00:00
<div class="footer-copyright">
<div class="container">
2020-05-19 12:27:35 +00:00
<div class="row" style="margin-bottom: 0;">
<div class="col s12 m2">
<span>© 2020 Bielefeld University</span>
</div>
<div class="col s12 m10 right-align">
<a class="btn-small pink waves-effect waves-light" href="mailto:{{ config.NOPAQUE_CONTACT }}?subject={{ config.NOPAQUE_MAIL_SUBJECT_PREFIX }} Contact"><i class="left material-icons">rate_review</i>Contact</a>
<a class="btn-small green waves-effect waves-light" href=""><i class="left material-icons">feedback</i>Feedback</a>
<a class="btn-small orange waves-effect waves-light" href="https://gitlab.ub.uni-bielefeld.de/sfb1288inf/opaque"><i class="left material-icons">code</i>GitLab</a>
</div>
2020-05-19 12:19:23 +00:00
</div>
2019-07-05 12:47:35 +00:00
</div>
</div>
2020-03-07 19:20:58 +00:00
</footer>
2020-02-27 14:29:36 +00:00
2020-03-07 19:20:58 +00:00
<!--
2020-02-27 14:29:36 +00:00
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col s12 m3">
<a href="https://www.dfg.de/">
<img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_dfg.gif') }}">
</a>
</div>
<div class="col s12 m6">
<h5 class="white-text" style="margin-left: -15px;">Contact</h5>
<div class="row">
<p>Contact our interdisciplinary team via email: <b>inf_sfb1288@lists.uni-bielefeld.de</b></p>
<p>Silke Schwandt (Digital History), Johanna Vompras (Research Data Management), Julia Becker (Cultural Studies), Patrick Jentsch (Cognitive Informatics), Anna Neubert (Digital Humanities), Stephan Porada (Interdisciplinary Media Studies), Helene Schlicht (History, Philosophy)
</div>
</div>
<div class="col s12 m3">
<div class="row">
<div class="col s8">
<h5 class="white-text">Reminder</h5>
<p>
Check out our website for nopaque's upcomming release:<br>
<small>www.uni-bielefeld.de/sfb1288/projekte/inf.html</small>
</p>
</div>
<div class="col s4">
<p> </p>
<img class="responsive-img" src="{{ url_for('static', filename='images/qr_-_inf.svg') }}">
</div>
</div>
</div>
</div>
</div>
</footer>
2020-03-07 19:20:58 +00:00
-->
2020-03-02 14:45:37 +00:00
2020-01-13 14:33:05 +00:00
<script src="{{ url_for('static', filename='js/Materialize/materialize.min.js') }}"></script>
2019-07-04 09:59:52 +00:00
</body>
2019-07-04 08:40:23 +00:00
</html>
