diff --git a/src/styles/_welcome.sass b/src/styles/_welcome.sass index 4394235..f34cee0 100644 --- a/src/styles/_welcome.sass +++ b/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 \ No newline at end of file diff --git a/src/templates/welcome.pug b/src/templates/welcome.pug index ce0c66b..0f1f951 100644 --- a/src/templates/welcome.pug +++ b/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,
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 diff --git a/static/assets/img/backgrounds/coffee-run-header-nogradient.png b/static/assets/img/backgrounds/coffee-run-header-nogradient.png new file mode 100644 index 0000000..350eb30 Binary files /dev/null and b/static/assets/img/backgrounds/coffee-run-header-nogradient.png differ diff --git a/static/assets/img/backgrounds/open-movie-tiles.png b/static/assets/img/backgrounds/open-movie-tiles.png new file mode 100644 index 0000000..903cfaf Binary files /dev/null and b/static/assets/img/backgrounds/open-movie-tiles.png differ diff --git a/static/assets/img/backgrounds/training.png b/static/assets/img/backgrounds/training.png new file mode 100644 index 0000000..934fcc8 Binary files /dev/null and b/static/assets/img/backgrounds/training.png differ diff --git a/static/assets/img/features/coffee-run.png b/static/assets/img/features/coffee-run.png new file mode 100644 index 0000000..c583d3a Binary files /dev/null and b/static/assets/img/features/coffee-run.png differ diff --git a/static/assets/img/features/hero.png b/static/assets/img/features/hero.png new file mode 100644 index 0000000..3264870 Binary files /dev/null and b/static/assets/img/features/hero.png differ diff --git a/static/assets/img/features/spring.png b/static/assets/img/features/spring.png new file mode 100644 index 0000000..efb0bdb Binary files /dev/null and b/static/assets/img/features/spring.png differ diff --git a/static/assets/img/projects/charachter-workflow.png b/static/assets/img/projects/charachter-workflow.png new file mode 100644 index 0000000..30f4501 Binary files /dev/null and b/static/assets/img/projects/charachter-workflow.png differ diff --git a/static/assets/img/projects/coffee-run.png b/static/assets/img/projects/coffee-run.png new file mode 100644 index 0000000..020f08c Binary files /dev/null and b/static/assets/img/projects/coffee-run.png differ diff --git a/static/assets/img/projects/settlers.png b/static/assets/img/projects/settlers.png new file mode 100644 index 0000000..5345060 Binary files /dev/null and b/static/assets/img/projects/settlers.png differ