sander/rowsandall
Private
Public Access
1
0
Fork 0
Code Activity

added footer

Browse Source
This commit is contained in:
Sander Roosendaal
2018-09-22 16:33:17 +02:00
parent 1f4fa74fb1
commit bf4a93f496
3 changed files with 130 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
rowers/templates/menu_workouts.html
View File

@@ -1,19 +1,27 @@
<ul class="cd-accordion-menu animated"> <ul class="cd-accordion-menu animated">
<li><a href="#0"><i class="fas fa-clipboard-list fa-fw"></i>&nbsp;Workouts List</a></li> <li id="workouts-list">
<li><a href="#0"><i class="fas fa-chart-pie fa-fw"></i>&nbsp;Charts</a></li> <a href="#0"><i class="fas fa-clipboard-list fa-fw"></i>&nbsp;Workouts List</a>
<li><a href="#0"><i class="fas fa-balance-scale fa-fw"></i>&nbsp;Compare</a></li> </li>
<li><a href="#0"><i class="fas fa-file-upload fa-fw"></i>&nbsp;Upload</a></li> <li id="charts">
<li class="has-children"> <a href="#0"><i class="fas fa-chart-pie fa-fw"></i>&nbsp;Charts</a>
</li>
<li id="compare">
<a href="#0"><i class="fas fa-balance-scale fa-fw"></i>&nbsp;Compare</a>
</li>
<li>
<a href="#0"><i class="fas fa-file-upload fa-fw"></i>&nbsp;Upload</a>
</li>
<li class="has-children" id="imports">
<input type="checkbox" name ="group-1" id="group-1"> <input type="checkbox" name ="group-1" id="group-1">
<label for="group-1"><i class="fas fa-cloud-download fa-fw"></i>&nbsp;Import</label> <label for="group-1"><i class="fas fa-cloud-download fa-fw"></i>&nbsp;Import</label>
<ul> <ul>
<li><a href="#0">Concept2</a></li> <li id="concept2"><a href="#0">Concept2</a></li>
<li><a href="#0">Strava</a></li> <li id="strava"><a href="#0">Strava</a></li>
<li><a href="#0">RunKeeper</a></li> <li id="runkeeper"><a href="#0">RunKeeper</a></li>
<li><a href="#0">SportTracks</a></li> <li id="sporttracks"><a href="#0">SportTracks</a></li>
<li><a href="#0">MapMyFitness</a></li> <li id="mapmyfitness"><a href="#0">MapMyFitness</a></li>
<li><a href="#0">Polar</a></li> <li id="polar"><a href="#0">Polar</a></li>
</ul> </ul>
</li> </li>
</ul> <!-- cd-accordion-menu --> </ul> <!-- cd-accordion-menu -->

33
static/css/styles2.css
View File

@@ -23,7 +23,32 @@
margin: 0; margin: 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0.2em 0.2em 0.2em 0.2em; }
footer ul {
list-style: none;
display: flex;
justify-content: flex-start;
flex-direction: row;
}
footer ul ul {
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 2em;
}
footer li {
margin: 0;
padding-bottom: 0.4em;
}
footer h1 {
font-weight: bold;
text-align: left;
font-size: 1.0em;
} }
header ul { header ul {
@@ -219,6 +244,7 @@
.content { .content {
grid-area: content; grid-area: content;
padding: 1.2em 1.2em 1.2em 1.2em;
} }
.main-nav { .main-nav {
grid-area: nav; grid-area: nav;
@@ -232,9 +258,14 @@
.ad { .ad {
grid-area: ad; grid-area: ad;
background: #35383d;
color: #dddddd;
padding: 1em 1em 1em 1em;
} }
.main-footer { .main-footer {
grid-area: footer; grid-area: footer;
background: #ededed;
padding: 1.2em 1.2em 1.2em 1.2em;
} }
.wrapper { .wrapper {

82
templates/newbase.html
View File

@@ -203,7 +203,7 @@
</a> </a>
</li> </li>
</ul> </ul>
</nav> </nav>
<main class="content"> <main class="content">
{% block main %} {% block main %}
@@ -219,8 +219,84 @@
<div class="ad"> <div class="ad">
{% block ad %} {% block ad %}
Advertising Advertising
{% endblock %}</div> {% endblock %}
<footer class="main-footer">Footer</footer> </div>
<footer class="main-footer">
<p>Follow us on
<a href="">
<i class="fab fa-twitter"></i>
</a>&nbsp;
<a href="">
<i class="fab fa-instagram"></i>
</a>&nbsp;
<a href="">
<i class="fab fa-wordpress-simple"></i>
</a>&nbsp;
<a href="">
<i class="fab fa-facebook"></i>
</a>&nbsp;
</p>
<p>
<ul>
<li>
<h1>Help</h1>
<ul>
<li>
<a href="">Help</a>
</li>
<li>
<a href="">Rowing Analytics Blog</a>
</li>
<li>
<a href="">Rowing Data Facebook Group</a>
</li>
<li>
<a href="">Rowing Physics</a>
</li>
</ul>
</li>
<li>
<h1>About</h1>
<ul>
<li>
<a href="">Contact</a>
</li>
<li>
<a href="">Rowsandall s.r.o.</a>
</li>
<li>
<a href="">Brochure</a>
</li>
<li>
<a href="">Partnering?</a>
</li>
<li>
<a href="">Developers Info</a>
</li>
</ul>
</li>
<li>
<h1>Paid Plans</h1>
<ul>
<li>
<a href="">Paid Plans</a>
</li>
</ul>
</li>
<li>
<h1>Legal</h1>
<ul>
<li>
<a href="">Terms and Conditions</a>
</li>
<li>
<a href="">Privacy Policy</a>
</li>
</ul>
</ul>
</p>
</footer>
{% analytical_body_bottom %} {% analytical_body_bottom %}
{% block body_bottom %}{% endblock %} {% block body_bottom %}{% endblock %}
</body> </body>