Mobile styles

This commit is contained in:
Patrick Jentsch 2020-02-25 10:39:33 +01:00
parent 9a925ee141
commit f65fab0c77
2 changed files with 8 additions and 6 deletions

View File

@ -28,22 +28,22 @@
<div class="col s12"> <div class="col s12">
<div class="row"> <div class="row">
<div class="col s3 center-align"> <div class="col s12 m6 l3 center-align">
<i class="large material-icons" style="color: #ee6e73;">flash_on</i> <i class="large material-icons" style="color: #ee6e73;">flash_on</i>
<p>Speeds up your work</p> <p>Speeds up your work</p>
<p class="light">All tools provided by nopaque are carefully selected to provide a complete tool suite without delaying compatibility issues.</p> <p class="light">All tools provided by nopaque are carefully selected to provide a complete tool suite without delaying compatibility issues.</p>
</div> </div>
<div class="col s3 center-align"> <div class="col s12 m6 l3 center-align">
<i class="large material-icons" style="color: #ee6e73;">cloud</i> <i class="large material-icons" style="color: #ee6e73;">cloud</i>
<p>Cloud infrastructure</p> <p>Cloud infrastructure</p>
<p class="light">All computational work is processed within nopaques cloud infrastructure. You don't need to install any software, great right?</p> <p class="light">All computational work is processed within nopaques cloud infrastructure. You don't need to install any software, great right?</p>
</div> </div>
<div class="col s3 center-align"> <div class="col s12 m6 l3 center-align">
<i class="large material-icons" style="color: #ee6e73;">group</i> <i class="large material-icons" style="color: #ee6e73;">group</i>
<p>User friendly</p> <p>User friendly</p>
<p class="light">By utilizing elements and principles of Material Design, we were able to create a framework that focuses on User Experience.</p> <p class="light">By utilizing elements and principles of Material Design, we were able to create a framework that focuses on User Experience.</p>
</div> </div>
<div class="col s3 center-align"> <div class="col s12 m6 l3 center-align">
<i class="large material-icons" style="color: #ee6e73;">settings</i> <i class="large material-icons" style="color: #ee6e73;">settings</i>
<p>Passt gut zum Prozess</p> <p>Passt gut zum Prozess</p>
<p class="light">We have provided detailed documentation as well as specific code examples to help new users get started.</p> <p class="light">We have provided detailed documentation as well as specific code examples to help new users get started.</p>

View File

@ -28,7 +28,9 @@
<nav> <nav>
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a> <a href="{{ url_for('main.index') }}" class="brand-logo center"><i class="material-icons">opacity</i>nopaque</a>
{% if current_user.is_authenticated %}
<a href="#" data-target="sidenav-main" class="sidenav-trigger"><i class="material-icons">menu</i></a> <a href="#" data-target="sidenav-main" class="sidenav-trigger"><i class="material-icons">menu</i></a>
{% endif %}
<ul class="right hide-on-med-and-down"> <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-notifications" class="dropdown-trigger no-autoinit" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
<li> <li>
@ -128,12 +130,12 @@
<footer class="page-footer"> <footer class="page-footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col s12 m3"> <div class="col s6 m3">
<a href="https://www.dfg.de/"> <a href="https://www.dfg.de/">
<img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_dfg.gif') }}"> <img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_dfg.gif') }}">
</a> </a>
</div> </div>
<div class="col s12 m3 offset-m1 center-align"> <div class="col s6 m3 offset-m1 center-align">
<a href="https://www.uni-bielefeld.de/sfb1288/"> <a href="https://www.uni-bielefeld.de/sfb1288/">
<img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_sfb_1288.png') }}"> <img class="responsive-img" src="{{ url_for('static', filename='images/logo_-_sfb_1288.png') }}">
</a> </a>