nopaque/app/templates/nopaque.html.j2

{% import "macros.jinja" as macros %}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% if title %}
    <title>nopaque – {{ title }}</title>
    {% else %}
    <title>nopaque</title>
    {% endif %}
    <link rel="icon" href="{{ url_for('static', filename='images/favicon.png') }}">
    <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') }}">
    <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>
    <script src="{{ url_for('static', filename='js/Socket.IO/socket.io.slim.js') }}"></script>
    <script src="{{ url_for('static', filename='js/nopaque.js') }}"></script>
    <script src="{{ url_for('static', filename='js/nopaque.lists.js') }}"></script>
  </head>
  <body>
    <header>
      <div class="navbar-fixed">
        <nav>
          <div class="nav-wrapper">
            <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a>
            <a href="#" data-target="sidenav-main" 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 no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
              <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>
            </ul>
          </div>
        </nav>
      </div>

      <!-- 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 %}
        <li><a href="{{ url_for('profile.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
        <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
        {% else %}
        <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
        <li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
        {% endif %}
      </ul>

      <ul id="sidenav-main" class="sidenav sidenav-fixed hide">
        <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>nopaque</a></li>
        <li><a href="#"><i class="material-icons">linear_scale</i>Workflow</a></li>
        <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
        <li><a href="{{ url_for('main.dashboard', _anchor='corpora') }}" style="padding-left: 47px;"><i class="material-icons">book</i>Corpora</a></li>
        <li><a href="{{ url_for('main.dashboard', _anchor='jobs') }}" style="padding-left: 47px;"><i class="material-icons">work</i>Jobs</a></li>
        <li><div class="divider"></div></li>
        <li><a class="subheader">Processes and Services</a></li>
        <li><a href="{{ url_for('services.service', service='setup_files') }}"><i class="material-icons">burst_mode</i>File setup</a></li>
        <li><a href="{{ url_for('services.service', service='ocr') }}"><i class="material-icons">find_in_page</i>OCR</a></li>
        <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>
        <li><div class="divider"></div></li>
        <li><a class="subheader">DHd 2020</a></li>
        <li><a href="{{ url_for('main.poster') }}"><i class="material-icons">image</i>Poster</a></li>
        <li><div class="divider"></div></li>
        <li><a class="subheader">Account</a></li>
        {% if current_user.is_authenticated %}
        <li><a href="{{ url_for('profile.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
        <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons">power_settings_new</i>Log out</a></li>
        {% else %}
        <li><a href="{{ url_for('auth.login') }}"><i class="material-icons">person</i>Log in</a></li>
        <li><a href="{{ url_for('auth.register') }}"><i class="material-icons">person_add</i>Register</a></li>
        {% endif %}
        {% if current_user.is_administrator() %}
        <li><div class="divider"></div></li>
        <li><a class="subheader">Administration</a></li>
        <li><a href="{{ url_for('admin.index') }}"><i class="material-icons">build</i>Administration tools</a></li>
        {% endif %}
      </ul>
    </header>

    {%- 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 %}
        <div class="row">
          <div class="col s12">
            <h2>{% if title %}{{ title }}{% else %}Unnamed page{% endif %}</h2>
          </div>
          {{ insert_page_content() }}
        </div>
        {% if not full_width %}
        </div>
        {% endif %}
      </div>
    {% endif %}
    </main>

    <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 m3 offset-m1 center-align">
            <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">
            <ul>
              <h5 class="white-text">Links</h5>
              <li style="overflow: hidden;"><a class="grey-text text-lighten-3" href="#!"><i class="material-icons left">feedback</i>Feedback</a></li>
              <li style="overflow: hidden;"><a class="grey-text text-lighten-3" href="https://gitlab.ub.uni-bielefeld.de/sfb1288inf/opaque"><i class="material-icons left">code</i>GitLab</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="footer-copyright">
        <div class="container">
          © 2019 Bielefeld University
          <a class="grey-text text-lighten-4 right" href="#!">Legal notice</a>
        </div>
      </div>
    </footer>
    <script src="{{ url_for('static', filename='js/Materialize/materialize.min.js') }}"></script>
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        {% if current_user.is_authenticated and current_user.is_dark %}
        DarkReader.enable({"brightness": 100, "contrast": 100, "sepia": 0});
        {% endif %}
        {% for flashed_message in get_flashed_messages() %}
        nopaque.toast("{{ flashed_message }}");
        {% endfor %}
      });
    </script>
    {% if current_user.is_authenticated %}
    <script>
      document.getElementById("sidenav-main").classList.remove("hide");
    </script>
    <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 %}
  </body>
</html>
-												move macros to new file

											
										
										
											2020-02-24 08:27:02 +00:00
+								{% import "macros.jinja" as macros %}
-												Add macro for submit button

											
										
										
											2020-02-24 08:18:49 +00:00
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								<!DOCTYPE html>
 								<html lang="en">
 								  <head>
 								    <meta charset="UTF-8">
-												Javascript cleanup

											
										
										
											2020-01-17 09:42:02 +00:00
+								    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    {% if title %}
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								    <title>nopaque – {{ title }}</title>
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    {% else %}
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								    <title>nopaque</title>
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								    {% endif %}
-												Javascript cleanup

											
										
										
											2020-01-17 09:42:02 +00:00
+								    <link rel="icon" href="{{ url_for('static', filename='images/favicon.png') }}">
 								    <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') }}">
-												Package cleanup and add LICENSE files!

											
										
										
											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>
 								    <script src="{{ url_for('static', filename='js/Socket.IO/socket.io.slim.js') }}"></script>
-												Javascript cleanup

											
										
										
											2020-01-17 09:42:02 +00:00
+								    <script src="{{ url_for('static', filename='js/nopaque.js') }}"></script>
-												Merge list classes

											
										
										
											2020-01-29 09:50:31 +00:00
+								    <script src="{{ url_for('static', filename='js/nopaque.lists.js') }}"></script>
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								  </head>
 								  <body>
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								    <header>
-												fixed navbar and new navigation entries for serivces (nlp and ocr)

											
										
										
											2019-07-19 13:16:20 +00:00
+								      <div class="navbar-fixed">
 								        <nav>
 								          <div class="nav-wrapper">
-												Renaming: opaque->nopaque

											
										
										
											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>
-												Fix sidenav open trigger

											
										
										
											2020-02-19 09:17:27 +00:00
+								            <a href="#" data-target="sidenav-main" class="sidenav-trigger"><i class="material-icons">menu</i></a>
-												fixed navbar and new navigation entries for serivces (nlp and ocr)

											
										
										
											2019-07-19 13:16:20 +00:00
+								            <ul class="right hide-on-med-and-down">
-												No double initialization for javascript powered elements.

											
										
										
											2019-08-02 13:15:02 +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>
-												Small restructore of the design.

											
										
										
											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>
-												fixed navbar and new navigation entries for serivces (nlp and ocr)

											
										
										
											2019-07-19 13:16:20 +00:00
+								            </ul>
 								          </div>
 								        </nav>
 								      </div>
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
-												move dropdown menu code

											
										
										
											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 %}
-												Rework settings page.

											
										
										
											2020-02-19 13:49:52 +00:00
+								        <li><a href="{{ url_for('profile.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
-												move dropdown menu code

											
										
										
											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 %}
-												Rework auth package

											
										
										
											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>
-												move dropdown menu code

											
										
										
											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>
-												Update

											
										
										
											2020-02-20 09:18:10 +00:00
+								      <ul id="sidenav-main" class="sidenav sidenav-fixed hide">
-												Renaming: opaque->nopaque

											
										
										
											2019-12-02 10:34:28 +00:00
+								        <li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>nopaque</a></li>
-												Add workflow dummy entry.

											
										
										
											2019-09-11 08:00:52 +00:00
+								        <li><a href="#"><i class="material-icons">linear_scale</i>Workflow</a></li>
-												Update landing page.

											
										
										
											2019-08-01 08:33:05 +00:00
+								        <li><a href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a></li>
-												Update Jobpage

											
										
										
											2020-02-12 14:48:51 +00:00
+								        <li><a href="{{ url_for('main.dashboard', _anchor='corpora') }}" style="padding-left: 47px;"><i class="material-icons">book</i>Corpora</a></li>
 								        <li><a href="{{ url_for('main.dashboard', _anchor='jobs') }}" style="padding-left: 47px;"><i class="material-icons">work</i>Jobs</a></li>
-												Add new navigation entries.

											
										
										
											2019-07-12 15:21:04 +00:00
+								        <li><div class="divider"></div></li>
-												Add roadmap and use just one template

											
										
										
											2020-02-07 14:21:59 +00:00
+								        <li><a class="subheader">Processes and Services</a></li>
-												update

											
										
										
											2020-02-14 14:40:28 +00:00
+								        <li><a href="{{ url_for('services.service', service='setup_files') }}"><i class="material-icons">burst_mode</i>File setup</a></li>
-												Some renaming and moving

											
										
										
											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>
-												update

											
										
										
											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>
-												Add Poster to navigation, Enable Account entries on all display sizes

											
										
										
											2020-02-11 15:07:31 +00:00
+								        <li><div class="divider"></div></li>
 								        <li><a class="subheader">DHd 2020</a></li>
 								        <li><a href="{{ url_for('main.poster') }}"><i class="material-icons">image</i>Poster</a></li>
 								        <li><div class="divider"></div></li>
 								        <li><a class="subheader">Account</a></li>
 								        {% if current_user.is_authenticated %}
-												Rework settings page.

											
										
										
											2020-02-19 13:49:52 +00:00
+								        <li><a href="{{ url_for('profile.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
-												Add Poster to navigation, Enable Account entries on all display sizes

											
										
										
											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 %}
-												Rework auth package

											
										
										
											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>
-												Add Poster to navigation, Enable Account entries on all display sizes

											
										
										
											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 %}
-												Small restructore of the design.

											
										
										
											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>
-												Code enhancement

											
										
										
											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>
-												Add flask_table for admin view

											
										
										
											2019-07-10 12:36:31 +00:00
+								        {% endif %}
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								      </ul>
 								    </header>
-												Add title if condition

											
										
										
											2019-07-04 09:36:23 +00:00
-												Simplify template

											
										
										
											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 %}
-												Add roadmap and use just one template

											
										
										
											2020-02-07 14:21:59 +00:00
+								        <div class="row">
 								          <div class="col s12">
-												Simplify template

											
										
										
											2020-02-18 14:31:10 +00:00
+								            <h2>{% if title %}{{ title }}{% else %}Unnamed page{% endif %}</h2>
-												Add roadmap and use just one template

											
										
										
											2020-02-07 14:21:59 +00:00
+								          </div>
-												Simplify template

											
										
										
											2020-02-18 14:31:10 +00:00
+								          {{ insert_page_content() }}
 								        </div>
 								        {% if not full_width %}
-												Add roadmap and use just one template

											
										
										
											2020-02-07 14:21:59 +00:00
+								        </div>
-												Simplify template

											
										
										
											2020-02-18 14:31:10 +00:00
+								        {% endif %}
-												Add roadmap and use just one template

											
										
										
											2020-02-07 14:21:59 +00:00
+								      </div>
-												Simplify template

											
										
										
											2020-02-18 14:31:10 +00:00
+								    {% endif %}
-												Add row structure to base template

											
										
										
											2019-07-04 10:23:09 +00:00
+								    </main>
-												Add materializecss.

											
										
										
											2019-07-04 08:40:23 +00:00
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								    <footer class="page-footer">
-												Add roadmap and use just one template

											
										
										
											2020-02-07 14:21:59 +00:00
+								      <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 m3 offset-m1 center-align">
 								            <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">
 								            <ul>
 								              <h5 class="white-text">Links</h5>
 								              <li style="overflow: hidden;"><a class="grey-text text-lighten-3" href="#!"><i class="material-icons left">feedback</i>Feedback</a></li>
 								              <li style="overflow: hidden;"><a class="grey-text text-lighten-3" href="https://gitlab.ub.uni-bielefeld.de/sfb1288inf/opaque"><i class="material-icons left">code</i>GitLab</a></li>
 								            </ul>
 								          </div>
 								        </div>
 								      </div>
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								      <div class="footer-copyright">
 								        <div class="container">
-												Add roadmap and use just one template

											
										
										
											2020-02-07 14:21:59 +00:00
+								          © 2019 Bielefeld University
-												update

											
										
										
											2020-02-14 14:40:28 +00:00
+								          <a class="grey-text text-lighten-4 right" href="#!">Legal notice</a>
-												Merge base templates. Add database support. Add blueprint for main.

											
										
										
											2019-07-05 12:47:35 +00:00
+								        </div>
 								      </div>
 								    </footer>
-												Package cleanup and add LICENSE files!

											
										
										
											2020-01-13 14:33:05 +00:00
+								    <script src="{{ url_for('static', filename='js/Materialize/materialize.min.js') }}"></script>
-												Minor updates

											
										
										
											2020-01-17 09:49:04 +00:00
+								    <script>
 								      document.addEventListener("DOMContentLoaded", function() {
 								        {% if current_user.is_authenticated and current_user.is_dark %}
 								        DarkReader.enable({"brightness": 100, "contrast": 100, "sepia": 0});
 								        {% endif %}
 								        {% for flashed_message in get_flashed_messages() %}
-												Fix nopaque toast

											
										
										
											2020-01-23 11:06:30 +00:00
+								        nopaque.toast("{{ flashed_message }}");
-												Minor updates

											
										
										
											2020-01-17 09:49:04 +00:00
+								        {% endfor %}
 								      });
 								    </script>
-												Update

											
										
										
											2020-02-20 09:18:10 +00:00
+								    {% if current_user.is_authenticated %}
 								    <script>
 								      document.getElementById("sidenav-main").classList.remove("hide");
 								    </script>
 								    <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 %}
-												Add modularity to base

											
										
										
											2019-07-04 09:59:52 +00:00
+								  </body>
-												Add materializecss.

											
										
										
											2019-07-04 08:40:23 +00:00
+								</html>