Skip to content

Commit 79f953e

Browse files
lucianoratamerolucianoratamero
committed
reimplementa header e footer pra compreender todas as páginas.
1 parent 30c512f commit 79f953e

3 files changed

Lines changed: 95 additions & 66 deletions

File tree

‎core/static/css/_base.scss‎

Lines changed: 72 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,26 +6,84 @@ body {
66

77
a { text-decoration: underline; }
88

9-
.navbar-default.on {
10-
background-color: #FFFFFF;
11-
padding: 0;
12-
border-bottom: 1px solid #eee;
13-
height: 40px;
14-
min-height: 40px;
15-
16-
.navbar-brand {
9+
#base-navbar {
10+
11+
a {
12+
text-decoration: none;
13+
color: #fff;
14+
&:hover { color: $brand-primary; }
15+
}
16+
17+
&.navbar-default.on {
18+
color: $gray-darker;
19+
background-color: #FFFFFF;
20+
padding: 0;
21+
border-bottom: 1px solid #eee;
1722
height: 40px;
18-
> img {
19-
height: 20px;
20-
margin-top: 10px;
23+
min-height: 40px;
24+
25+
a {
26+
color: $brand-primary;
27+
padding: 10px 15px;
28+
&:hover { color: $gray-darker; }
29+
}
30+
31+
.navbar-brand {
32+
height: 40px;
33+
> img {
34+
height: 20px;
35+
margin-top: 0;
36+
}
2137
}
2238
}
39+
2340
}
2441

25-
#social {
26-
padding: 4em 0;
42+
.seção {
43+
44+
> * {
45+
padding: 4em 0;
46+
}
47+
48+
h2 {
49+
color: $gray-dark;
50+
font-weight: 300;
51+
margin: 0;
52+
}
2753

28-
ul { padding: 0; }
54+
h4 {
55+
display: inline-block;
56+
padding-bottom: 1em;
57+
border-bottom: 1px solid $brand-primary;
58+
}
59+
60+
hr {
61+
height: 2px;
62+
width: 60px;
63+
background: $brand-primary;
64+
position: relative;
65+
border: 0;
66+
margin: 30px 0 0 0;
67+
}
68+
69+
p {
70+
margin-top: 20px;
71+
margin-bottom: 30px;
72+
}
73+
74+
i {
75+
margin-right: 20px;
76+
color: $brand-primary;
77+
padding-bottom: 10px;
78+
display: block;
79+
font-size: 36px;
80+
}
81+
}
82+
83+
84+
#social {
85+
a { text-decoration: none; }
86+
ul { margin-top: 4em; }
2987
li {
3088
font-size: 2em;
3189
display: inline-block;

‎core/static/css/page-specific/_index.scss‎

Lines changed: 0 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,6 @@
11

22
#index {
33

4-
.seção {
5-
6-
> * {
7-
padding: 4em 0;
8-
}
9-
10-
h2 {
11-
color: $gray-dark;
12-
font-weight: 300;
13-
margin: 0;
14-
}
15-
16-
h4 {
17-
display: inline-block;
18-
padding-bottom: 1em;
19-
border-bottom: 1px solid $brand-primary;
20-
}
21-
22-
hr {
23-
height: 2px;
24-
width: 60px;
25-
background: $brand-primary;
26-
position: relative;
27-
border: 0;
28-
margin: 30px 0 0 0;
29-
}
30-
31-
p {
32-
margin-top: 20px;
33-
margin-bottom: 30px;
34-
}
35-
36-
i {
37-
margin-right: 20px;
38-
color: $brand-primary;
39-
padding-bottom: 10px;
40-
display: block;
41-
font-size: 36px;
42-
}
43-
}
44-
454
#main-header {
465
min-height: 60vh;
476
background-image: url('/static/img/cover.jpg');

‎core/templates/base.html‎

Lines changed: 23 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -23,31 +23,43 @@
2323

2424
<body>
2525

26-
<nav class="navbar navbar-default navbar-fixed-top">
26+
<nav id="base-navbar" class="navbar navbar-default navbar-fixed-top">
2727
<div class="container">
2828
<div class="navbar-header">
2929
<a class="navbar-brand" href="{% url 'index' %}">
3030
<img src="{% static 'img/logo-pythonrio.png' %}" alt="Logo PythOnRio">
3131
</a>
3232
</div>
33+
<div class="collapse navbar-collapse">
34+
<ul class="nav navbar-nav navbar-right">
35+
<li><a href="/">Home</a></li>
36+
<li><a href="{% url "eventos" %}">Eventos</a></li>
37+
<li><a href="/#social">Contato/Social</a></li>
38+
</ul>
39+
</div>
3340
</div>
3441
</nav>
3542

3643
{% block content %}
3744
{% endblock %}
3845

39-
<div id="social">
46+
<div id="social" class="seção">
4047
<div class="container">
41-
<div class="social">
42-
<ul>
43-
<li><a href="https://www.facebook.com/pythonrio"><i class="fa fa-facebook"></i></a></li>
44-
<li><a href="https://www.twitter.com/pythonrio"><i class="fa fa-twitter"></i></a></li>
45-
<li><a href="https://telegram.me/PythonRio"><i class="fa fa-telegram"></i></a></li>
46-
<li><a href="https://github.com/pythonrio"><i class="fa fa-github"></i></a></li>
47-
<li><a href="https://www.youtube.com/channel/UCGl4xDZYUYGg4_aMah32yjQ"><i class="fa fa-youtube"></i></a></li>
48-
<li><a href="mailto:pythonrio.contato@gmail.com"><i class="fa fa-envelope"></i></a></li>
49-
</ul>
48+
49+
<div class="row">
50+
<div class="col-xs-12">
51+
<h2>Contato/Social</h2>
52+
<hr />
53+
</div>
5054
</div>
55+
<ul>
56+
<li><a href="https://www.facebook.com/pythonrio"><i class="fa fa-facebook"></i></a></li>
57+
<li><a href="https://www.twitter.com/pythonrio"><i class="fa fa-twitter"></i></a></li>
58+
<li><a href="https://telegram.me/PythonRio"><i class="fa fa-telegram"></i></a></li>
59+
<li><a href="https://github.com/pythonrio"><i class="fa fa-github"></i></a></li>
60+
<li><a href="https://www.youtube.com/channel/UCGl4xDZYUYGg4_aMah32yjQ"><i class="fa fa-youtube"></i></a></li>
61+
<li><a href="mailto:pythonrio.contato@gmail.com"><i class="fa fa-envelope"></i></a></li>
62+
</ul>
5163
</div>
5264
</div>
5365

0 commit comments

Comments
 (0)