adiciona header com evento atual na página de eventos.

lucianoratamero · lucianoratamero · commit 4fdfcb479133 · 2018-02-04T16:11:46.000-02:00
diff --git a/core/static/css/_base.scss b/core/static/css/_base.scss
@@ -39,6 +39,30 @@ a { text-decoration: underline; }
 
 }
 
+.main-header {
+  min-height: 60vh;
+  background-image: url('/static/img/cover.jpg');
+  background-size: cover;
+  background-position: bottom;
+  position: relative;
+  margin: 0;
+
+  .absolute-center { width: 100%; }
+
+  h1, p {
+    color: #fff;
+    span { color: $brand-primary; }
+  }
+
+  h1 { font-weight: bold; }
+  h2{
+    background-color: #1c3b56;
+    padding: 10px 0;
+  }
+
+  p { text-shadow: 0px 2px 2px $brand-primary; }
+}
+
 .seção {
 
   > * {
diff --git a/core/static/css/main.scss b/core/static/css/main.scss
@@ -8,3 +8,4 @@
 @import "./_base";
 
 @import "./page-specific/_index";
+@import "./page-specific/_eventos";
diff --git a/core/static/css/page-specific/_eventos.scss b/core/static/css/page-specific/_eventos.scss
@@ -0,0 +1,8 @@
+
+#eventos-header {
+  h2 {
+    color: #fff;
+    font-weight: bold;
+    margin: 1em auto;
+  }
+}
diff --git a/core/static/css/page-specific/_index.scss b/core/static/css/page-specific/_index.scss
@@ -1,26 +1,6 @@
 
 #index {
 
-  #main-header {
-    min-height: 60vh;
-    background-image: url('/static/img/cover.jpg');
-    background-size: cover;
-    background-position: bottom;
-    position: relative;
-    margin: 0;
-
-    .absolute-center { width: 100%; }
-
-    h1, p {
-      color: #fff;
-      span { color: $brand-primary; }
-    }
-
-    h1 { font-weight: bold; }
-
-    p { text-shadow: 0px 2px 2px $brand-primary; }
-  }
-
   #projetos, #agenda {
     hr { margin-bottom: 4em }
   }
diff --git a/core/templates/base.html b/core/templates/base.html
@@ -32,7 +32,6 @@
     </div>
     <div class="collapse navbar-collapse">
       <ul class="nav navbar-nav navbar-right">
-        <li><a href="/">Home</a></li>
         <li><a href="{% url "eventos" %}">Eventos</a></li>
         <li><a href="/#social">Contato/Social</a></li>
       </ul>
diff --git a/core/templates/eventos.html b/core/templates/eventos.html
@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-  
+
+  {% include "partials/_eventos-header.html" %}
+
 {% endblock %}
diff --git a/core/templates/partials/_eventos-header.html b/core/templates/partials/_eventos-header.html
@@ -0,0 +1,13 @@
+
+  <div id="eventos-header" class="jumbotron seção main-header">
+    <div class="container">
+      <div class="absolute-center">
+        <div class="text-center">
+          <h1>{{ evento_atual.nome }}</h1>
+          <h2>{{ evento_atual.local }} - {{ evento_atual.cidade }}</h2>
+          <div class="clearfix"></div>
+          <a href="{{ evento_atual.meetup_link|default:"#" }}" class="btn btn-default btn-lg">Inscreva-se</a>
+        </div>
+      </div>
+    </div>
+  </div>
diff --git a/core/templates/partials/_main-header.html b/core/templates/partials/_main-header.html
@@ -1,5 +1,5 @@
 
-  <div id="main-header" class="jumbotron seção">
+  <div class="jumbotron seção main-header">
     <div class="container">
       <div class="absolute-center">
         <div class="text-center">

Original file line number	Diff line number	Diff line change
`@@ -8,3 +8,4 @@`
`8`	`8`	`@import "./_base";`
`9`	`9`
`10`	`10`	`@import "./page-specific/_index";`
	`11`	`+@import "./page-specific/_eventos";`