Improve style and structure of the pages from Aprenda Mais

humrochagf · humrochagf · commit 0395f5c4ba98 · 2019-02-14T15:07:50.000-02:00
diff --git a/content/pages/cientifico.md b/content/pages/cientifico.md
@@ -4,12 +4,10 @@ Template: page
 
 Descubra como usar python no meio científico:
 
-## Ferramentas
+## Scikit-learn
 
-### Scikit-learn
 [Scikit-learn](http://scikit-learn.org/stable/) é um módulo Python de código aberto usado para mineração e análise de dados a partir do uso de métodos de Aprendizado de Máquina.
 
-### Anaconda
-[Anaconda](https://docs.continuum.io) é um gerenciador de pacotes de código aberto, com ferramentas para ciência de dados. Possui mais de 720 pacotes e pode ser usado em Windows, macOS e Linux.
+## Anaconda
 
-## Conteúdo
+[Anaconda](https://docs.continuum.io) é um gerenciador de pacotes de código aberto, com ferramentas para ciência de dados. Possui mais de 720 pacotes e pode ser usado em Windows, macOS e Linux.
diff --git a/content/pages/games.md b/content/pages/games.md
@@ -4,6 +4,20 @@ Template: page
 
 Confira as ferramentas e conteúdo sobre desenvolvimento de games com python:
 
-## Ferramentas
+## Pygame
 
-## Conteúdo
+[Pygame](https://www.pygame.org/) é uma biblioteca usada na criação de aplicações multimídia como jogos.
+Ela é uma camada de abstração construída sobre a biblioteca [SDL](http://www.libsdl.org/), e assim como a SDL ela é altamente portável e roda em praticamente todas plataformas e sistemas operacionais.
+
+### Cursos e Tutoriais
+
+- [Desbravando o pygame](https://humberto.io/blog/tag/pygame/): Série de postagens introduzindo o desenvolvimento de jogos com pygame por [Humberto Rocha](https://humberto.io/blog/). 
+
+### Documentação
+
+- [Documentação oficial em inglês](https://www.pygame.org/docs/): Esta é a documentação oficial da biblioteca, infelizmente somente em inglês. 
+
+## Pyxel
+
+[Pyxel](https://github.com/kitao/pyxel) é uma engine para desenvolvimentos de jogos retro seguindo as limitações dos consoles fictícios [PICO-8](https://www.lexaloffle.com/pico-8.php) e [TIC-80](https://tic.computer/).
+Ela vem com um editor embutido para criação de sprites, tilemaps e efeitos sonoros.
diff --git a/content/pages/mobile.md b/content/pages/mobile.md
@@ -4,15 +4,10 @@ Template: page
 
 Encontre aqui referências de aprendizado em programação mobile com python:
 
-## Ferramentas
+## Kivy
 
-## Conteúdo
+[Kivy](https://kivy.org/#home) é uma biblioteca para o desenvolvimento de software com código-fonte aberto, voltado ao rápido desenvolvimento de aplicações que utilizam novas interfaces de usuário, e projetada para também ser utilizada na como aplicações que serão executadas em dispositivos multi-touch.
 
-## Cursos e Tutoriais
+#### Documentação
 
-| Ano    | Título | Autor | Descrição  | Nível     | Grátis? |
--------- | -------|-------|-------|-----------|---------|
-? | [Documentação Oficial da Biblioteca Kivy em Português](http://excript.com/downloads/kivy-pt_br-excript.pdf)|eXcript|Kivy é uma biblioteca para o desenvolvimento de
-software com código-fonte aberto, voltado ao rápido desenvolvimento de aplicações que
-utilizam novas interfaces de usuário, e projetada para também ser utilizada na como
-aplicações que serão executadas em dispositivos multi-touch.|Básico/Itermediário/Avançado|Sim|
+- [Documentação Oficial da Biblioteca Kivy em Português](http://excript.com/downloads/kivy-pt_br-excript.pdf) 
diff --git a/content/pages/projetos.md b/content/pages/projetos.md
@@ -2,9 +2,6 @@ Title: Projetos brasileiros com Python
 Slug: projetos
 Template: page 
 
-
-## Projetos 
-
 Diversos projetos de Python e outras linguagens estão disponíveis [neste post](https://medium.com/nossa-coletividad/projetos-brasileiros-para-fazer-pull-requests-nesse-hacktoberfest-4dc9b9b576c0)!
 
 Alguns projetos brasileiros que usam python:
diff --git a/content/pages/web.md b/content/pages/web.md
@@ -4,39 +4,33 @@ Template: page
 
 Descubra as ferramentas e conteúdo para desenvolvimento Web:
 
-# Ferramentas
+## Django
 
-- [Virtualenvwrapper](https://virtualenvwrapper.readthedocs.io/en/latest/): Ferramenta que permite criar e emglobar ambientes virtuais em um único lugar. Esse tutorial de instalação(pt-BR) disponível [aqui](http://klauslaube.com.br/2015/07/23/virtualenvwrapper-o-basico-para-um-bom-ambiente-de-desenvolvimento-python.html) é muito completo.
+[Django](https://www.djangoproject.com/) é um framework para desenvolvimento rápido para web, escrito em Python, que utiliza o padrão model-template-view (MTV).
 
-# Conteúdo
+### Cursos e Tutoriais
 
-## _Django_
+- [Tutorial Django Girls](https://tutorial.djangogirls.org/pt/): Aprenda como construir uma pequena aplicação web funcional para um blog pessoal. Com foco no público iniciante. Criado pela comunidade [Django Girls](https://djangogirls.org).
+- [Python 3 na Web com Django](https://www.udemy.com/python-3-na-web-com-django-basico-intermediario): Curso voltado ao desenvolvimento de aplicações web de forma rápida. Voltado para um público iniciante para intermediário. Criado por [Gileno Filho](https://twitter.com/gilenofilho).
+- [Escrevendo seu primeiro app Django](https://docs.djangoproject.com/pt-br/2.1/intro/tutorial01/): Através deste tutorial, nós vamos caminhar através da criação de uma aplicação básica de enquetes.
+- [Dicas de django](https://humberto.io/blog/tag/django/): Postagens voltadas para tirar dúvidas de nível intermediário a respeito de diversos aspectos do Django como a criação de backend em Django para se comunicar com um frontend em Angular. Criado por [Humberto Rocha](https://humberto.io/blog/)
 
-[1] - [Django](https://www.djangoproject.com/): é um framework para desenvolvimento rápido para web, escrito em Python, que utiliza o padrão model-template-view. (MTV).
+### Documentação
 
-#### Cursos e Tutoriais Django
-
-| Ano    | Título | Autor | Descrição  | Nível     | Grátis? |
--------- | -------|-------|-------|-----------|---------|
-?        | [Python 3 na Web com Django](https://www.udemy.com/python-3-na-web-com-django-basico-intermediario)  | [Gileno Filho](https://twitter.com/gilenofilho)       |  Curso voltado ao desenvolvimento de aplicações web de forma rápida.       |  Básico e  Intermediário    |  Sim       |
-? | [Tutorial Django Girls](https://tutorial.djangogirls.org/pt/)|Comunidade Django Girls|Construir uma pequena aplicação web funcional: seu próprio blog.|Básico|Sim|
-? | [Escrevendo seu primeiro app Django](https://docs.djangoproject.com/pt-br/2.1/intro/tutorial01/)|Django|Através deste tutorial, nós vamos caminhar através da criação de uma aplicação básica de enquetes.|Básico e Intermediário|Sim|
-
-### Documentação Django em Português
 - [v2.1](https://docs.djangoproject.com/pt-br/2.1/) Tradução da versão atual.
 - [v1.3.1](http://waltercruz.github.io/django-l10n-portuguese/): Esta é a tradução da documentação oficial do Django, mantida pelo grupo de localização do Django para o Português. No entanto, está desatualizada.
 
-## _web2py_
-[2] - [Web2py](https://http://web2py.com/): web2py é um framework web gratuito e open-source criado para desenvolvimento ágil de aplicações web baseadas em banco de dados seguros; ele é escrito em Python e programável em Python. web2py é um framework full-stack, o que significa que ele contém todos os componentes que você precisa para construir aplicações web completamente funcionais.
+## web2py
 
+[Web2py](https://http://web2py.com/) é um framework web gratuito e open-source criado para desenvolvimento ágil de aplicações web baseadas em banco de dados seguros; ele é escrito em Python e programável em Python. web2py é um framework full-stack, o que significa que ele contém todos os componentes que você precisa para construir aplicações web completamente funcionais.
 
-#### referencias do web2py (pt-BR)
+### Cursos e Tutoriais
 
-- [web2py.com.br](https://web2py.com.br/) Site Brasileiro do framework (em desenvolvimento).
-- [wiki na Python brasil](https://wiki.python.org.br/web2py/)
-- [Grupo Telegram](https://t.me/web2pybrasil) Partricipe
+- [Passo-a-passo web2py - Julia Rizza](https://juliarizza.wordpress.com/2015/08/03/passo-a-passo-web2py-1o-passo): Ótimo curso com o básico do framework pela [Julia Rizza](https://juliarizza.wordpress.com).
+- [Curso em Video do Bruno Rocha](https://www.youtube.com/playlist?list=PL5CWed0-MqAPLiMS5gJvWKZDBez-vcRuN): Curso Completo em vídeo do [Bruno Rocha](http://brunorocha.org/)
 
-#### Cursos de web2py
+### Documentação
 
-- [# PASSO-A-PASSO WEB2PY - Julia Rizza](https://juliarizza.wordpress.com/2015/08/03/passo-a-passo-web2py-1o-passo)  ótimo curso da Julia Rizza, com o básico do framework.
-- [# Curso em Video do Bruno Rocha](https://www.youtube.com/playlist?list=PL5CWed0-MqAPLiMS5gJvWKZDBez-vcRuN) Curso Completo em Video do [Bruno Rocha](http://brunorocha.org/)
+- [web2py.com.br](https://web2py.com.br/): Site Brasileiro do framework (em desenvolvimento).
+- [wiki na Python brasil](https://wiki.python.org.br/web2py/)
+- [Grupo Telegram](https://t.me/web2pybrasil): Participe.
diff --git a/themes/pybr/static/css/pybr.min.css b/themes/pybr/static/css/pybr.min.css
diff --git a/themes/pybr/static/scss/_base.scss b/themes/pybr/static/scss/_base.scss
@@ -38,6 +38,22 @@
     .page-content {
       margin: 40px 0;
 
+      h1, h2, h3, h4, h5, h6 {
+        margin-top: 1.5rem;
+        margin-bottom: 1rem;
+      }
+
+      a {
+        font-weight: bold;
+      }
+
+      ul, ol {
+
+        li {
+          margin-bottom: 10px;
+        }
+      }
+
       .table-wrapper {
         width: 100%;
 
diff --git a/themes/pybr/static/scss/_components.scss b/themes/pybr/static/scss/_components.scss
@@ -3,7 +3,7 @@ pre, code {
   color: #f8f8f2;
   line-height: 1.5em;
   margin: 0 0 1rem 0;
-  padding: 4px 4px 2px 4px;
+  padding: 8px 12px 6px 12px;
 }
 
 .thumbnail-container {
diff --git a/themes/pybr/static/scss/_variables.scss b/themes/pybr/static/scss/_variables.scss
@@ -2,13 +2,19 @@
 
 $fa-font-path: "../fonts";
 
-$font-size-base: .875rem;
-$font-size-lg:   1rem;
-$font-size-sm:   .75rem;
-$font-size-xs:   .625rem;
+$font-size-base: 1rem;
+$spacer: 1rem;
 
-$headings-margin-bottom: 1rem;
+$h1-font-size: $font-size-base * 2.5;
+$h2-font-size: $font-size-base * 2;
+$h3-font-size: $font-size-base * 1.4;
+$h4-font-size: $font-size-base * 1.2;
+$h5-font-size: $font-size-base * 1.1;
+$h6-font-size: $font-size-base;
+
+$headings-font-weight: 700;
 
 /* colors */
 
 $primary: #212529;
+$link-color: #495057;

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@ pre, code {`
`3`	`3`	`color: #f8f8f2;`
`4`	`4`	`line-height: 1.5em;`
`5`	`5`	`margin: 0 0 1rem 0;`
`6`		`- padding: 4px 4px 2px 4px;`
	`6`	`+ padding: 8px 12px 6px 12px;`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.thumbnail-container {`