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-08-21 10:35:48 +00:00
<li id="sidenav-main-file-setup"><a href="{{ url_for('services.service', service='file-setup') }}"><i class="material-icons">burst_mode</i>File setup</a></li>
<li id="sidenav-main-ocr"><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
<li id="sidenav-main-nlp"><a href="{{ url_for('services.service', service='nlp') }}"><i class="material-icons">format_textdirection_l_to_r</i>NLP</a></li>
<li id="sidenav-main-corpus-analysis"><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>
2020-07-23 14:07:12 +00:00
<noscript>
<div class="container">
<div class="row">
<div class="col s12">
<div class="card red darken-1">
<div class="card-content white-text">
<span class="card-title">JavaScript is disabled</span>
<p>You have JavaScript disabled. Nopaque uses javascript and sockets to send data in realtime to you. For example showing you the status of your jobs and your corpora. Please activate JavaScript to make full use of nopaque.</p>
<p>Some services are still useable without Javascript.</p>
</div>
<div class="card-action">
<a href="#">What services can I still use?</a>
<a href="#">What services and functions are not available?</a>
</div>
</div>
</div>
</div>
</div>
</noscript>
2020-02-18 14:31:10 +00:00
{{ insert_page_content() }}
</main>
{% else %}
<main class="grey lighten-5">
2020-07-23 14:07:12 +00:00
<noscript>
<div class="container">
<div class="row">
<div class="col s12">
<div class="card red darken-1">
<div class="card-content white-text">
<span class="card-title">JavaScript is disabled</span>
<p>You have JavaScript disabled. Nopaque uses javascript and sockets to send data in realtime to you. For example showing you the status of your jobs and your corpora. Please activate JavaScript to make full use of nopaque.</p>
<p>Some services are still useable without Javascript.</p>
</div>
<div class="card-action">
<a href="#">What services can I still use?</a>
<a href="#">What services and functions are not available?</a>
</div>
</div>
</div>
</div>
</div>
</noscript>
2020-02-18 14:31:10 +00:00
{% if not full_width %}
<div class="container">
{% endif %}
2020-02-07 14:21:59 +00:00
<div class="row">
2020-08-06 08:42:35 +00:00
<div class="col s12 headline">
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-08-03 08:23:11 +00:00
<li><a class="grey-text text-lighten-3" href="https://www.uni-bielefeld.de/(en)/impressum/">Legal Notice</a></li>
<li><a class="grey-text text-lighten-3" href="{{ url_for('main.privacy_policy') }}">Privacy statement (GDPR)</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>
