Add beta launch news

web/app/content/views.py

@@ -6,3 +6,9 @@ from . import content
 def about_faq():
     return render_template('content/about_faq.html.j2',
                            title='About Nopaqe and FAQ')
+
+
+@content.route('/news_launch')
+def news_launch():
+    return render_template('content/news_launch.html.j2',
+                           title='')

web/app/templates/content/news_launch.html.j2

@@ -0,0 +1,25 @@
+{% extends "nopaque.html.j2" %}
+
+{% block page_content %}
+
+<div class="col s12">
+  <div class="card">
+    <div class="card-content">
+      <span class="card-title">Beta Launch of nopaque!</span>
+      <p>
+        Dear users
+      </p>
+      <br>
+      <p>
+        A few days ago we went live with nopaque. Right now nopaque is still in
+        its Beta phase. So some bugs are to be expected. If you encounter any
+        bugs or some feature is not working as expected please send as an email
+        using the feedback button at the botton of the page in the footer!
+      </p>
+      <p>We are happy to help you with any issues and will use the feedback to
+      fix all mentioned bugs!</p>
+    </div>
+  </div>
+</div>
+
+{% endblock %}

web/app/templates/nopaque.html.j2

@@ -148,11 +148,20 @@
             <a href="#" data-target="sidenav-main" class="sidenav-trigger"><i class="material-icons">menu</i></a>
             {% endif %}
             <ul class="right">
-              <!--<li><a id="nav-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>-->
+              {% if current_user.is_authenticated %}
+                <li>
+                  <a id="nav-notifications"
+                     class="dropdown-trigger no-autoinit"
+                     href="#!" data-target="nav-notifications-dropdown">
+                    <span class="hide-on-small-only">News</span>
+                    <i class="material-icons right">notifications</i>
+                  </a>
+                </li>
+              {% endif %}
               <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>
+                  <span class="hide-on-small-only">{{ current_user.username }}</span><i class="material-icons right">account_circle</i>
                   {% else %}
                   <i class="material-icons">account_circle</i>
                   {% endif %}
@@ -165,7 +174,11 @@
               <div class="card z-depth-0" style="background-color: inherit;">
                 <div class="card-content">
                   <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>
+                    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">
@@ -179,8 +192,10 @@
       </div>
 
       <!-- Dropdown menus for the navbar -->
-      <div id="nav-notifications-dropdown" class="dropdown-content grey-text text-darken-4">
+      <div id="nav-notifications-dropdown" class="dropdown-content">
-        <p>Notifications</p>
+        <li>
+          <a href="{{ url_for('content.news_launch') }}"><i class="material-icons">error_outline</i>Beta Launch!</a>
+        </li>
       </div>
       <ul id="nav-account-dropdown" class="dropdown-content">
         {% if current_user.is_authenticated %}