Fix layout to use bootstrap 4 properly

Author: humrochagf

content/pages/web.md

@@ -1,5 +1,3 @@
-
-  
 Title: Python para desenvolvimento Web
 Slug: web
 Template: page
@@ -31,10 +29,12 @@ Descubra as ferramentas e conteúdo para desenvolvimento Web:
 
 
 #### referencias do web2py (pt-BR)
+
 - [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
 
 #### Cursos de web2py
+
 - [# 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/)
+- [# 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/)

themes/pybr/static/css/pybr.min.css

@@ -54,7 +54,7 @@
 
   footer {
     padding: 60px 0 20px 0;
-    background-color: $gray-dark;
+    background-color: $gray-900;
     color: $white;
     text-align: justify;
 

themes/pybr/static/scss/_base.scss

@@ -10,12 +10,12 @@ pre, code {
   margin: 50px 0;
 
   .thumbnail {
-    border: solid 1px $gray-lighter;
+    border: solid 1px $gray-500;
     min-height: 415px;
     margin-bottom: 30px;
 
     &:hover {
-      border: solid 1px $gray;
+      border: solid 1px $gray-700;
     }
 
     img {

themes/pybr/static/scss/_components.scss

@@ -1,5 +1,5 @@
 .home-background {
-  background-color: $gray-lightest;
+  background-color: $gray-300;
 
   .page-description-link {
     &:hover {
@@ -14,7 +14,7 @@
       vertical-align: top;
 
       &:hover {
-        background-color: $gray-lighter;
+        background-color: $gray-500;
       }
 
       .page-description-title {

themes/pybr/static/scss/_home.scss

@@ -11,22 +11,4 @@ $headings-margin-bottom: 1rem;
 
 /* colors */
 
-$white:  #fff;
-$black:  #000;
-$red:    #d9534f;
-$orange: #f0ad4e;
-$yellow: #ffd343;
-$green:  #5cb85c;
-$blue:   #1d6bbd;
-$teal:   #5bc0de;
-$pink:   #ff5b77;
-$purple: #613d7c;
-
-// Create grayscale
-$gray-dark:     #222222;
-$gray:          #444444;
-$gray-light:    #666666;
-$gray-lighter:  #bbbbbb;
-$gray-lightest: #dddddd;
-
-$brand-primary: $gray;
+$primary: #212529;

themes/pybr/static/scss/_variables.scss

@@ -29,7 +29,7 @@
     {% endif %}
 
     <div class="master-wrapper {% if href == 'index' %}yellow-top-border{% else %}blue-top-border{% endif %}">
-      <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+      <nav class="navbar navbar-expand-md navbar-dark bg-primary fixed-top">
 
         <a class="navbar-brand" href="{{ SITEURL }}/">{{ SITENAME }}</a>