Updated Imagery and Text for 2020

src/styles/_welcome.sass

@@ -378,3 +378,14 @@ section.pricing
 		.btn
 			margin-top: 15px
 			min-width: 200px
+
+.coffee-run-gradient
+	&::after	
+		content: close-quote
+		display: block
+		background: linear-gradient(76.03deg, rgba(47, 17, 61, 0.5) 29.81%, rgba(234, 9, 57, 0) 63%)
+		width: 100%
+		height: 100%
+		position: absolute
+		left: 0
+		top: 0

src/templates/welcome.pug

@@ -38,17 +38,16 @@ li.pr-1
 
 | {% block body %}
 #page-container.join
-	#page-header(
-		style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/background_spring_02.jpg')}})")
-		.container.wide-on-sm
+	#page-header.coffee-run-gradient(
+		style="background-image: url({{ url_for('static', filename='coffee-run-header-nogradient.png')}})")
+		.container
 			.row
-				.col-sm-8.col-md-6.col-lg-6
-					.page-title
-						| Blender Cloud
+				.col-sm-12.col-md-8.col-lg-6
+					.page-title.text-sm-center
+						| Learn animation from our movies,<br> with the Blender Cloud!
 
-					.page-title-summary.
-						Join the production platform as used daily by a world-class
-						team of artists and developers.
+					.page-title-summary.text-sm.center.
+						Follow our open projects, with rigged assets, production lessons and more!
 
 	#page-content
 		section.page-card-header
@@ -58,42 +57,42 @@ li.pr-1
 		.page-triplet-container.homepage
 			.row
 				.col-md-4
-					.triplet-card(data-url="/p/spring/")
+					.triplet-card(data-url="/p/settlers/")
 						.triplet-card-thumbnail
 							img(
-								alt="Spring Open Movie",
-								src="{{ url_for('static', filename='assets/img/features/open_movies_spring_02.jpg')}}")
+								alt="Settlers",
+								src="{{ url_for('static', filename='assets/img/projects/settlers.png')}}")
 						.triplet-card-info
-							h3 Spring Open Movie
+							h3 Settlers
 							p.
-								Explore the production assets of the latest Blender Animation Studio short film.
-							a.triplet-cta(href="/p/spring/")
+								A gift from the Blender Animation Studio team to the community. Free character rigs and sets to let your imagination run wild!
+							a.triplet-cta(href="/p/settlers/")
 								| LEARN MORE
 
 				.col-md-4
-					.triplet-card(data-url="/p/speed-sculpting/")
+					.triplet-card(data-url="/p/coffee-run/")
 						.triplet-card-thumbnail
 							img(
-								alt="Speed Sculpting Workshop",
-								src="{{ url_for('static', filename='assets/img/features/training_speed_sculpting.jpg')}}")
+								alt="Coffee Run",
+								src="{{ url_for('static', filename='assets/img/projects/coffee-run.png')}}")
 						.triplet-card-info
-							h3 Speed Sculpting
+							h3 Coffee Run
 							p.
-								Learn speed sculpting in Blender 2.8 with Julien Kaspar.
-							a.triplet-cta(href="/p/speed-sculpting/")
+								This 2d-scroller-inspired short film will take you on the journey of a lifetime, as we sip on a cup of coffee.
+							a.triplet-cta(href="/p/coffee-run/")
 								| LEARN MORE
 
 				.col-md-4
-					.triplet-card(data-url="/p/grease-pencil-fundamentals/")
+					.triplet-card(data-url="/p/stylized-character-workflow/")
 						.triplet-card-thumbnail
 							img(
-								alt="Grease Pencil Fundamentals",
-								src="{{ url_for('static', filename='assets/img/features/training_grease_pencil.jpg')}}")
+								alt="Stylized Character Workflow",
+								src="{{ url_for('static', filename='assets/img/projects/charachter-workflow.png')}}")
 						.triplet-card-info
-							h3 Grease Pencil
+							h3 Stylized Character Workflow
 							p.
-								Become proficient with the latest Blender 2.8 Grease Pencil.
-							a.triplet-cta(href="/p/grease-pencil-fundamentals/")
+								3D Artist Julien Kaspar from the Blender Studio will give a detailed guide on how to create a stylized character for film production.
+							a.triplet-cta(href="/p/stylized-character-workflow/")
 								| LEARN MORE
 
 			.row.training-other
@@ -171,7 +170,7 @@ li.pr-1
 				a.page-card-image(href="/p/scripting-for-artists/")
 					img(
 						alt="Sybren teaches Python Scripting with Blender",
-						src="{{ url_for('static', filename='assets/img/backgrounds/background_sybren_01.jpg')}}")
+						src="{{ url_for('static', filename='assets/img/backgrounds/training.png')}}")
 
 
 
@@ -202,7 +201,7 @@ li.pr-1
 				a.page-card-image(href="{{ url_for('cloud.open_projects') }}")
 					img(
 						alt="Open Movie Posters",
-						src="{{ url_for('static', filename='assets/img/backgrounds/background_open_movies_01.png')}}")
+						src="{{ url_for('static', filename='assets/img/backgrounds/open-movie-tiles.png')}}")
 
 
 		section.page-card-header
@@ -212,16 +211,16 @@ li.pr-1
 		.page-triplet-container.homepage
 			.row
 				.col-md-4
-					.triplet-card(data-url="/p/hero/")
+					.triplet-card(data-url="/p/coffee-run/")
 						.triplet-card-thumbnail
 							img(
-								alt="Hero",
-								src="{{ url_for('static', filename='assets/img/features/open_movies_hero.jpg')}}")
+								alt="Coffee Run",
+								src="{{ url_for('static', filename='assets/img/features/coffee-run.png')}}")
 						.triplet-card-info
-							h3 Hero
+							h3 Coffee Run
 							p.
-								The first ever Grease Pencil open movie made with Blender 2.8
-							a.triplet-cta(href="/p/hero/")
+								This short film will take you on the journey of a lifetime, as we sip on a cup of coffee.
+							a.triplet-cta(href="/p/coffee-run/")
 								| LEARN MORE
 
 				.col-md-4
@@ -229,25 +228,25 @@ li.pr-1
 						.triplet-card-thumbnail
 							img(
 								alt="Spring",
-								src="{{ url_for('static', filename='assets/img/features/open_movies_spring.jpg')}}")
+								src="{{ url_for('static', filename='assets/img/features/spring.png')}}")
 						.triplet-card-info
 							h3 Spring
 							p.
-								A poetic fantasy film. #[br] A stunning visual journey.
+								A poetic fantasy film written and directed by Andy Goralczyk.
 							a.triplet-cta(href="/p/spring/")
 								| LEARN MORE
 
 				.col-md-4
-					.triplet-card(data-url="/p/caminandes-3/")
+					.triplet-card(data-url="/p/hero/")
 						.triplet-card-thumbnail
 							img(
-								alt="Caminandes",
-								src="{{ url_for('static', filename='assets/img/features/open_movies_caminandes_llamigos.jpg')}}")
+								alt="Hero",
+								src="{{ url_for('static', filename='assets/img/features/hero.png')}}")
 						.triplet-card-info
-							h3 Caminandes
+							h3 Hero
 							p.
-								Follow the adventures of Koro through the Patagonian pampas.
-							a.triplet-cta(href="/p/caminandes-3/")
+								The first ever Grease Pencil open movie made with Blender 2.8.
+							a.triplet-cta(href="/p/hero/")
 								| LEARN MORE
 
 			.row.training-other