Skip to content

Commit df4320f

Browse files
hugosolarhugosolar
committed
style and layout fixes
1 parent f8a4b76 commit df4320f

File tree

2 files changed

+50
-35
lines changed

2 files changed

+50
-35
lines changed

‎assets/static/style.css

+10-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,9 @@ body {
2020
.card-columns {
2121
column-count: 2;
2222
}
23-
23+
.main-header {
24+
background-color: #EE5B32;
25+
}
2426
.navbar {
2527
background-image:linear-gradient(90deg,#EE5B32,#FB7928,#EE5B32);
2628
background-size: 100% 130px;
@@ -56,3 +58,10 @@ body {
5658
.dropdown-menu {
5759
margin-top: 0px;
5860
}
61+
.navbar-dark .navbar-nav .nav-item .nav-link {
62+
padding-bottom: .3rem;
63+
color: white;
64+
}
65+
.navbar-dark .navbar-nav .nav-item.active .nav-link {
66+
border-bottom: 2px solid white;
67+
}

‎templates/layout.html

+40-34
Original file line numberDiff line numberDiff line change
@@ -9,42 +9,48 @@
99
<script type="text/javascript" src="{{ '/static/script.js'|url }}"></script>
1010
<title>{% block title %}Welcome{% endblock %} — Creative Commons on GitHub</title>
1111
<body>
12-
<header>
13-
<nav class="navbar navbar-expand-md navbar-dark">
14-
{% set cc_logo = site.get('/').attachments.get('cclogo.svg') %}
15-
<a class="navbar-brand" href="#"><img src="{{ cc_logo|url }}"></a>
16-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
17-
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
18-
<span class="navbar-toggler-icon"></span>
19-
</button>
20-
21-
<div class="collapse navbar-collapse" id="navbarSupportedContent">
22-
<ul class="navbar-nav">
23-
<li class="nav-item{% if this._path == '/' %} active{% endif
24-
%}"><a class="nav-link" href="{{ '/'|url }}">Home</a></li>
25-
{% for href, title in [
26-
['/projects', 'Projects'],
27-
['/community', 'Community'],
28-
] %}
29-
<li class="nav-item{% if this.is_child_of(href) %} active{% endif%}">
30-
<a class="nav-link" href="{{ href|url }}">{{ title }}</a>
31-
</li>
32-
{% endfor %}
33-
<li class="nav-item dropdown {% if this.is_child_of('/gsoc-2019') %} active{% endif%}">
34-
<a class="nav-link" href="/gsoc-2019/" id="navbarDropdown" role="button">Google Summer of Code 2019</a>
35-
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
36-
{% for href, title in [
37-
['/gsoc-2019/project-ideas/all', 'Project Ideas'],
38-
['/gsoc-2019/application-instructions', 'Application Instructions'],
39-
] %}
40-
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
41-
{% endfor %}
42-
<!-- <a class="dropdown-item" href="#">Action</a> -->
12+
<header class="main-header">
13+
<div class="container">
14+
<div class="row">
15+
<div class="col-sm">
16+
<nav class="navbar navbar-expand-md navbar-dark">
17+
{% set cc_logo = site.get('/').attachments.get('cclogo.svg') %}
18+
<a class="navbar-brand" href="#"><img src="{{ cc_logo|url }}"></a>
19+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
20+
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
21+
<span class="navbar-toggler-icon"></span>
22+
</button>
23+
24+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
25+
<ul class="navbar-nav">
26+
<li class="nav-item{% if this._path == '/' %} active{% endif
27+
%}"><a class="nav-link" href="{{ '/'|url }}">Home</a></li>
28+
{% for href, title in [
29+
['/projects', 'Projects'],
30+
['/community', 'Community'],
31+
] %}
32+
<li class="nav-item{% if this.is_child_of(href) %} active{% endif%}">
33+
<a class="nav-link" href="{{ href|url }}">{{ title }}</a>
34+
</li>
35+
{% endfor %}
36+
<li class="nav-item dropdown {% if this.is_child_of('/gsoc-2019') %} active{% endif%}">
37+
<a class="nav-link" href="/gsoc-2019/" id="navbarDropdown" role="button">Google Summer of Code 2019</a>
38+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
39+
{% for href, title in [
40+
['/gsoc-2019/project-ideas/all', 'Project Ideas'],
41+
['/gsoc-2019/application-instructions', 'Application Instructions'],
42+
] %}
43+
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
44+
{% endfor %}
45+
<!-- <a class="dropdown-item" href="#">Action</a> -->
46+
</div>
47+
</li>
48+
</ul>
4349
</div>
44-
</li>
45-
</ul>
50+
</nav>
51+
</div>
4652
</div>
47-
</nav>
53+
</div>
4854
</header>
4955
<div class="container-fluid page-content">
5056
<div class="row justify-content-md-center">

0 commit comments

Comments
 (0)