Private
Public Access
1
0

first cut at nav bar

This commit is contained in:
Sander Roosendaal
2018-09-18 19:14:43 +02:00
parent 6a00da75fe
commit 4e090781fd
6 changed files with 55 additions and 21 deletions

View File

@@ -1 +0,0 @@
E408191@CZ27LT9RCGN72.11332:1537209963

View File

@@ -8,9 +8,5 @@
{% endblock %}
{% block sidebar %}
<ul>
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
</ul>
Context Related Links
{% endblock %}

View File

@@ -401,6 +401,30 @@ a.button {
color: #ffffff;
}
.rbluetext {
color: #27aae1;
}
.rdarkbluetext {
color: #1c75bc;
}
.rblue {
color: #fae7e9;
border: solid 1px #27aae1;
background: #27aae1;
}
.rblue:active {
color: #ffffff;
}
.rblue:hover {
background: #1c75bc;
border: solid 1px #27aae1;
}
/* rosy */
.rosy {
color: #fae7e9;
@@ -845,6 +869,12 @@ a.wh:hover {
}
.icon-link a:hover, a:visited, a:link, a:active {
.icon-link a {
text-decoration: none;
color: #27aae1;
}
.icon-link a:hover, a:active, a:visited, a:link {
color: #1c75bc;
text-decoration: none;
}

View File

@@ -1,7 +1,7 @@
* {box-sizing: border-box;}
.wrapper {
max-width: 1024px;
max-width: 1400px;
margin: 0 auto;
font: 1.2em Helvetica, arial, sans-serif;
}

View File

@@ -149,5 +149,11 @@ p {
}
i {
text-decoration: none;
font-size: 2em;
color: #27aae1;
}
i:hover {
color: #1c75bc;
}

View File

@@ -112,29 +112,31 @@
<user class="main-user">
<ul>
<li>
<a href="/rowers/help" title="Help">
<i class="bluetext fas fa-question">&nbsp;</i>
<a href="/rowers/help" title="Help">
<i class="fas fa-question"></i>
</a>
{% if user.is_authenticated %}
<a class="icon-link" href="/rowers/me/edit" title="Account">
<i class="bluetext fas fa-user">&nbsp;</i>
<i class="fas fa-user"></i>
</a>
<a href="{% url 'logout' %}?next=/login" title="Log Out">
<i class="fas fa-sign-out-alt"></i>
</a>
<a class="icon-link" href="{% url 'logout' %}?next=/login" title="Log Out">
<i class="bluetext fas fa-sign-out-alt">&nbsp;</i></a>
{% else %}
<a class="icon-link" href="{% url 'login' %}" title="Log In">
<i class="bluetext fas fa-sign-in-alt"></i></a>
<a href="{% url 'login' %}" title="Log In">
<i class="fas fa-sign-in-alt"></i>
</a>
{% endif %}
</li>
</ul>
</user>
<nav class="main-nav">
<ul>
<li><a href="">Nav 1</a></li>
<li><a href="">Nav 2</a></li>
<li><a href="">Nav 3</a></li>
<li><a href="">Nav 4</a></li>
<li><a href="">Nav 5</a></li>
<li><p><a href=""><i class="fas fa-file-upload"></i>&nbsp;Upload</a></p></li>
<li><p><a href=""><i class="fas fa-clipboard-list"></i>&nbsp;Workouts</a></p></li>
<li><p><a href=""><i class="fas fa-calendar-alt"></i>&nbsp;Plan</a></p></li>
<li><p><a href=""><i class="fas fa-flag-checkered"></i>&nbsp;Racing</a></p></li>
<li><p><a href=""><i class="fas fa-bullhorn"></i>&nbsp;Team</a></p></li>
</ul>
</nav>
<main class="content">
@@ -144,7 +146,8 @@
<aside class="side">
{% block sidebar %}
Related links
{% endblock %}</aside>
{% endblock %}
</aside>
<div class="ad">
{% block ad %}
Advertising