From a5bc36b1cf2d0186245d86fb59d682acee28537a Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Sun, 16 Sep 2018 04:28:11 +0200
Subject: [PATCH] Jumbotron overlay is now optional.

Just add the jumbotron-overlay class, or jumbotron-overlay-gradient
---
 src/styles/components/_jumbotron.sass         | 35 +++++++++++++------
 src/templates/mixins/components.pug           |  4 +--
 .../nodes/custom/page/view_embed.pug          |  2 +-
 3 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/src/styles/components/_jumbotron.sass b/src/styles/components/_jumbotron.sass
index 5b364e1c..438809f3 100644
--- a/src/styles/components/_jumbotron.sass
+++ b/src/styles/components/_jumbotron.sass
@@ -7,22 +7,35 @@
 	margin-bottom: 0
 	padding-top: 10em
 	padding-bottom: 10em
+	position: relative
+
+	&:after
+		background-color: rgba(black, .6)
+		bottom: 0
+		content: ''
+		display: none
+		left: 0
+		position: absolute
+		right: 0
+		top: 0
+		visibility: hidden
 
 	// Black-transparent gradient from left to right to better read the overlay text.
 	&.jumbotron-overlay
-		position: relative
-
-		&:after
-			background-image: linear-gradient(45deg, rgba(black, .5) 25%, transparent 50%)
-			bottom: 0
-			content: ''
-			left: 0
-			position: absolute
-			right: 0
-			top: 0
-
 		*
 			z-index: 1
+		&:after
+			display: block
+			visibility: visible
+
+	&.jumbotron-overlay-gradient
+		*
+			z-index: 1
+		&:after
+			background-color: transparent
+			background-image: linear-gradient(45deg, rgba(black, .5) 25%, transparent 50%)
+			display: block
+			visibility: visible
 
 		h2, p
 			text-shadow: 1px 1px rgba(black, .2), 1px 1px 25px rgba(black, .5)
diff --git a/src/templates/mixins/components.pug b/src/templates/mixins/components.pug
index cecdeecc..98ee8eab 100644
--- a/src/templates/mixins/components.pug
+++ b/src/templates/mixins/components.pug
@@ -6,7 +6,7 @@
 // #}
 mixin jumbotron(title, text, image, url)
 	if url
-		a.jumbotron.jumbotron-overlay.text-white(
+		a.jumbotron.text-white(
 			style='background-image: url(' + image + ');',
 			href=url)&attributes(attributes)
 			.container
@@ -19,7 +19,7 @@ mixin jumbotron(title, text, image, url)
 							.lead
 								=text
 	else
-		.jumbotron.jumbotron-overlay.text-white(style='background-image: url(' + image + ');')&attributes(attributes)
+		.jumbotron.text-white(style='background-image: url(' + image + ');')&attributes(attributes)
 			.container
 				.row
 					.col-md-9
diff --git a/src/templates/nodes/custom/page/view_embed.pug b/src/templates/nodes/custom/page/view_embed.pug
index 0b55ef42..298a4ecd 100644
--- a/src/templates/nodes/custom/page/view_embed.pug
+++ b/src/templates/nodes/custom/page/view_embed.pug
@@ -14,7 +14,7 @@ include ../../../mixins/components
 .container.pb-5
 	.row
 		.col-8.mx-auto
-			h2.pt-5.text-center {{node.name}}
+			h2.pt-5.pb-3.text-center {{node.name}}
 
 			| {% if node.description %}
 			.node-details-description