Skip to content

Commit 9e87b90

Browse files
lucianoratamerolucianoratamero
committed
adiciona esqueleto básico com conteúdo para a página inicial da pythonrio.
1 parent f5f6f9a commit 9e87b90

9 files changed

Lines changed: 249 additions & 53 deletions

File tree

‎core/static/css/_base.scss‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,11 @@
11

2+
body {
3+
text-rendering: optimizeLegibility !important;
4+
-webkit-font-smoothing: antialiased !important;
5+
}
6+
7+
a { text-decoration: underline; }
8+
29
.navbar-default.on {
310
background-color: #FFFFFF;
411
padding: 0;
@@ -15,5 +22,18 @@
1522
}
1623
}
1724

25+
#social {
26+
padding: 4em 0;
27+
28+
ul { padding: 0; }
29+
li {
30+
font-size: 2em;
31+
display: inline-block;
32+
margin: 0 20px;
33+
}
34+
}
35+
1836
.absolute-center { @include absolute-center; }
1937
.text-center { text-align: center; }
38+
.bg-gray-lighter { background-color: $gray-lighter; }
39+
.mb-4-em { margin-bottom: 4em; }

‎core/static/css/_overrides.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,3 +7,5 @@
77
margin-top: 20px;
88
}
99
}
10+
11+
a.btn { text-decoration: none; }

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

Lines changed: 64 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,69 @@
11

2-
#main-header {
3-
min-height: 60vh;
4-
background-image: url('/static/img/cover.jpg');
5-
background-size: cover;
6-
background-position: bottom;
7-
position: relative;
8-
9-
h1, p {
10-
color: #fff;
11-
span { color: $brand-primary; }
2+
#index {
3+
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+
}
1243
}
1344

14-
h1 { font-weight: bold; }
45+
#main-header {
46+
min-height: 60vh;
47+
background-image: url('/static/img/cover.jpg');
48+
background-size: cover;
49+
background-position: bottom;
50+
position: relative;
51+
margin: 0;
52+
53+
.absolute-center { width: 100%; }
54+
55+
h1, p {
56+
color: #fff;
57+
span { color: $brand-primary; }
58+
}
59+
60+
h1 { font-weight: bold; }
61+
62+
p { text-shadow: 0px 2px 2px $brand-primary; }
63+
}
64+
65+
#projetos, #agenda {
66+
hr { margin-bottom: 4em }
67+
}
1568

16-
p { text-shadow: 0px 2px 2px $brand-primary; }
1769
}

‎core/templates/base.html‎

Lines changed: 40 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,9 @@
1111
<title>{% block title %}Meetup PythOnRio{% endblock %}</title>
1212
<meta name="description" content="{% block description %}{% endblock %}">
1313

14-
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
14+
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
15+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
16+
1517
{% stylesheet "main" %}
1618

1719
<!--[if lt IE 9]>
@@ -34,8 +36,45 @@
3436
{% block content %}
3537
{% endblock %}
3638

39+
<div id="social">
40+
<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>
50+
</div>
51+
</div>
52+
</div>
3753

3854
{% javascript "main" %}
3955
{% block extra-js %}{% endblock %}
56+
57+
<script type="text/javascript">
58+
$(document).ready(function(){
59+
var fixMenuOnTop = function(){
60+
var navHeight = 80;
61+
if ($(window).scrollTop() > navHeight) {
62+
$('.navbar-default').addClass('on');
63+
} else {
64+
$('.navbar-default').removeClass('on');
65+
}
66+
};
67+
68+
fixMenuOnTop();
69+
$(window).bind('scroll', function() {
70+
fixMenuOnTop();
71+
});
72+
73+
$('body').scrollspy({
74+
target: '.navbar-default',
75+
offset: 80
76+
})
77+
})
78+
</script>
4079
</body>
4180
</html>

‎core/templates/index.html‎

Lines changed: 6 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,15 @@
11
{% extends "base.html" %}
22

33
{% block content %}
4+
<div id="index">
45

5-
<div id="main-header" class="jumbotron">
6-
<div class="container">
7-
<div class="absolute-center">
8-
<div class="text-center">
9-
<h1>Python <span class="color">Rio de Janeiro</span></h1>
10-
<p>A comunidade que reúne grupos de usuários em todo Rio de Janeiro</p>
11-
<div class="clearfix"></div>
12-
<a href="#sobre-sessao" class="btn btn-default btn-lg page-scroll">Saiba Mais</a>
13-
</div>
14-
</div>
15-
</div>
16-
</div>
17-
18-
{% for evento in eventos %}
19-
<h1>
20-
{{ evento.data }}, {{ evento.local }} - {{ evento.cidade }}
21-
</h1>
22-
{% endfor %}
23-
{% endblock %}
6+
{% include "partials/_main-header.html" %}
247

25-
{% block extra-js %}
8+
{% include "partials/_sobre.html" %}
269

27-
<script type="text/javascript">
28-
$(document).ready(function(){
29-
var fixMenuOnTop = function(){
30-
var navHeight = $(window).height() - 500;
31-
if ($(window).scrollTop() > navHeight) {
32-
$('.navbar-default').addClass('on');
33-
} else {
34-
$('.navbar-default').removeClass('on');
35-
}
36-
};
10+
{% include "partials/_projetos.html" %}
3711

38-
fixMenuOnTop();
39-
$(window).bind('scroll', function() {
40-
fixMenuOnTop();
41-
});
12+
{% include "partials/_agenda.html" %}
4213

43-
$('body').scrollspy({
44-
target: '.navbar-default',
45-
offset: 80
46-
})
47-
})
48-
</script>
14+
</div>
4915
{% endblock %}

‎core/templates/partials/_agenda.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
2+
<div id="agenda" class="seção bg-gray-lighter">
3+
<div class="container">
4+
5+
<div class="row">
6+
<div class="col-xs-12">
7+
<h2>Agenda</h2>
8+
<hr />
9+
</div>
10+
</div>
11+
12+
<div class="row">
13+
{% for evento in eventos %}
14+
<div class="col-xs-12 col-sm-6 col-md-4">
15+
<h2>{{ evento.data }}</h2>
16+
<h3>{{ evento.local }}</h3>
17+
<h4>{{ evento.cidade }}</h4>
18+
</div>
19+
{% endfor %}
20+
</div>
21+
22+
</div>
23+
</div>

‎core/templates/partials/_main-header.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
2+
<div id="main-header" class="jumbotron seção">
3+
<div class="container">
4+
<div class="absolute-center">
5+
<div class="text-center">
6+
<h1>Python <span class="color">Rio de Janeiro</span></h1>
7+
<p>A comunidade que reúne grupos de usuários em todo Rio de Janeiro</p>
8+
<div class="clearfix"></div>
9+
<a href="#sobre" class="btn btn-default btn-lg page-scroll">Saiba Mais</a>
10+
</div>
11+
</div>
12+
</div>
13+
</div>

‎core/templates/partials/_projetos.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
2+
<div id="projetos" class="seção">
3+
<div class="container">
4+
5+
<div class="row">
6+
<div class="col-xs-12">
7+
<h2>O que estamos fazendo?</h2>
8+
<hr />
9+
</div>
10+
</div>
11+
12+
<div class="row">
13+
14+
<div class="col-md-3 col-sm-6"> <i class="fa fa-github"></i>
15+
<h4>Github</h4>
16+
<p>Acesse o nosso <a href="https://github.com/pythonrio">github</a> e ajude a contribuir com projetos da nossa comunidade.</p>
17+
</div>
18+
19+
<div class="col-md-3 col-sm-6"> <i class="fa fa-file-text-o"></i>
20+
<h4>Blog</h4>
21+
<p>Nosso blog é colaborativo e usamos django para o site inteiro. Confira nossos <a href="#TODO">posts</a> e contribua também pelo github.</p>
22+
</div>
23+
24+
<div class="col-md-3 col-sm-6"> <i class="fa fa-youtube-play"></i>
25+
<h4>Youtube</h4>
26+
<p>Nosso canal no youtube sobre meetups, entrevistas e videos da comunidade. <a href="https://www.youtube.com/channel/UCGl4xDZYUYGg4_aMah32yjQ/feed">Acesse por aqui.</a></p>
27+
</div>
28+
29+
<div class="col-md-3 col-sm-6"> <i class="fa fa-angellist"></i>
30+
<h4>Eventos</h4>
31+
<p>Buscamos realizar encontros e eventos em todo estado do Rio de Janeiro. Se na sua cidade ainda não rolou, que tal levantar esta bandeira?</p>
32+
</div>
33+
34+
<div class="col-md-3 col-sm-6"> <i class="fa fa-gears"></i>
35+
<h4>Stack Carioca</h4>
36+
<p><a href="https://stackcarioca.github.io/">Stack carioca</a> é um projeto para listar ferramentas, módulos e aplicações com código aberto feitas por pessoas da comunidade Python do Rio de Janeiro.</p>
37+
</div>
38+
39+
</div>
40+
41+
</div>
42+
43+
</div>

‎core/templates/partials/_sobre.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
2+
<div id="sobre" class="seção bg-gray-lighter">
3+
<div class="container">
4+
5+
<div class="row">
6+
<div class="col-xs-12 mb-4-em">
7+
<h2>Sobre</h2>
8+
<hr/>
9+
</div>
10+
</div>
11+
12+
<div class="row">
13+
14+
<div class="col-xs-12 col-md-4">
15+
<h4>Quem Somos</h4>
16+
<p>
17+
PythOnRio é uma comunidade de usuários da linguagem e do ecossistema Python no Estado do Rio de Janeiro. Somos uma comunidade aberta e acolhemos tanto iniciantes quanto hackers do interpretador CPython. :)
18+
</p>
19+
</div>
20+
21+
<div class="col-xs-12 col-md-4">
22+
<h4>O que fazemos</h4>
23+
<p>
24+
Realizamos encontros e eventos de Python em toda a grande Rio. Colaboramos com projetos open source, criamos ferramentas, módulos e aplicações com código aberto. Quer saber mais, dê uma olhada no Stack Carioca.
25+
</p>
26+
</div>
27+
28+
<div class="col-xs-12 col-md-4">
29+
<h4>Entenda a PythOnRio</h4>
30+
<p>
31+
Um grupo de pessoas unidas não apenas por uma linguagem, mas por valores. Leia o este artigo <a href="http://softwarelivre.org/fisl17/noticias/pythonrio-como-renasce-uma-comunidade">PythonRio: como renasce uma comunidade </a> e veja as <a href="https://www.youtube.com/playlist?list=PLQVoAioi-pMxr3Aai_l-4aM-wh24u9Jwp">entrevistas</a> para entender melhor como surgimos e porque somos apaixonados por Python.
32+
</p>
33+
</div>
34+
35+
</div>
36+
37+
</div>
38+
</div>

0 commit comments

Comments
 (0)