diff --git a/src/templates/welcome.pug b/src/templates/welcome.pug index 058fa4e..269ecad 100644 --- a/src/templates/welcome.pug +++ b/src/templates/welcome.pug @@ -3,10 +3,12 @@ | {% set title = 'join' %} +| {% set price = 'US$ 9.90/mo' %} + | {% block og %} -meta(property="og:title", content="Join the Blender Cloud") +meta(property="og:title", content="Blender Cloud - Open Content Production Platform") meta(property="og:url", content="https://cloud.blender.org/") -meta(property="og:image", content="{{ url_for('static', filename='assets/img/backgrounds/background_andy_hdribot_01.jpg')}}") +meta(property="og:image", content="{{ url_for('static', filename='assets/img/backgrounds/background_dweebs_01.jpg')}}") | {% endblock %} | {% block page_overlay %} @@ -14,55 +16,88 @@ meta(property="og:image", content="{{ url_for('static', filename='assets/img/bac .video-embed | {% endblock %} +| {% block navigation_search %}{% endblock %} +| {% block navigation_sections %} +li + a.navbar-item(href="#pricing") + span Pricing + +| {% endblock %} + | {% block body %} #page-container.join - #page-header(style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/background_agent327_04.jpg')}})") - .container - .page-title - span.text-background Welcome to the Blender Cloud. - - .page-title-summary - p - span.text-background Join us as we make the Agent 327 "Barbershop" scene - ul - li - span.text-background Exclusive production insight & walk-throughs - li - span.text-background High-quality assets ready to use - li - span.text-background All the open movies files & tutorials - li - span.text-background 100+ hours of training - - .page-header-cta-container - a.page-header-cta(href="https://store.blender.org/product/membership/") - | Join Now - - a.page-header-cta-extra(href="https://cloud.blender.org/p/agent-327") - | Learn More - i.pi-angle-right + #page-header( + style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/background_dweebs_01.jpg')}})") + .container.wide-on-sm + .row + .col-sm-8.col-md-6.col-lg-6 + .page-title + | Open content #[br] creation platform + .page-title-summary. + Support a world-class team of artists and developers, + access training, assets and use the same animation + production pipeline used to make shorts like Agent 327 or Cosmos Laundromat + for your own projects. #page-content + section.page-card.intro + + .page-card-side + h2.page-card-title A Different Kind of Cloud + .page-card-summary + p. + Blender Cloud is a fresh take on computer animation. We are an international group + of artists and developers #[strong creating short films with Blender]. + We share what we make - assets, trainings and the finished films - as Open Content. + p. + With every project, we push Blender beyond its limits and contribute to + improve it for everyone's benefit. + + .page-card-side + .page-card-image + video(autoplay, loop) + source(src="{{ url_for('static', filename='assets/img/features/animation_review_01.mp4')}}") + + section.page-card-header - h2 - a(href="{{ url_for('cloud.courses') }}") Training & Tutorials + h2 Subscribe to Get + + + section.page-card.training.right.light( + style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/background_orange_01.jpg')}})") + + .page-card-side.text + h2.page-card-title Blender Training + .page-card-summary + p. + Learn from the pros, learn like a pro. + Access high quality content, organized in + #[a(href="{{ url_for('cloud.courses') }}") classes], + #[a(href="{{ url_for('cloud.workshops') }}") workshop] and the + #[a(href="https://cloud.blender.org/p/gallery") art gallery], + a curated artwork selection, where you can open a + .blend file and see how it was made. + + p. + Learn by example. Watch animation reviews, narrated timelapses, + shot walk-throughs and more. + + p + a.page-card-cta( + href="https://cloud.blender.org/blog/introducing-blender-sync") + | Subscribe for {{ price }} + + .page-card-side + .page-card-image + img(src="{{ url_for('static', filename='assets/img/backgrounds/background_sybren_01.jpg')}}") + + + section.page-card-header + h2 Featured Training .page-triplet-container.homepage .row - .col-md-4 - .triplet-card(data-url="https://cloud.blender.org/p/motion-graphics/") - .triplet-card-thumbnail - img( - alt="HDRI", - src="{{ url_for('static', filename='assets/img/features/training_motion_graphics.jpg')}}") - .triplet-card-info - h3 Motion Graphics - p. - A comprehensive guide to motion graphics techniques using Blender. - a.triplet-cta(href="https://cloud.blender.org/p/motion-graphics/") - | LEARN MORE - .col-md-4 .triplet-card(data-url="https://cloud.blender.org/p/toon-character-workflow/") .triplet-card-thumbnail @@ -76,6 +111,19 @@ meta(property="og:image", content="{{ url_for('static', filename='assets/img/bac a.triplet-cta(href="https://cloud.blender.org/p/toon-character-workflow/") | LEARN MORE + .col-md-4 + .triplet-card(data-url="https://cloud.blender.org/p/motion-graphics/") + .triplet-card-thumbnail + img( + alt="HDRI", + src="{{ url_for('static', filename='assets/img/features/training_motion_graphics.jpg')}}") + .triplet-card-info + h3 Motion Graphics + p. + A comprehensive guide to motion graphics techniques using Blender. + a.triplet-cta(href="https://cloud.blender.org/p/motion-graphics/") + | LEARN MORE + .col-md-4 .triplet-card(data-url="https://cloud.blender.org/p/gallery") .triplet-card-thumbnail @@ -85,104 +133,137 @@ meta(property="og:image", content="{{ url_for('static', filename='assets/img/bac .triplet-card-info h3 Art Walk-throughs p. - Follow artists through the creative process and techniques behind their work. + Follow the creative process and techniques behind stunning artwork. a.triplet-cta(href="https://cloud.blender.org/p/gallery") | LEARN MORE - .row - .col-md-8.col-md-offset-2 - p.extra. - Other trainings: - Blender for 3D Printing, - Game Asset Creation, - Character Modeling, - Character Animation, - Introduction - and - Advanced Rigging, - VFX Workflow, - Creature - and - Cartoon Character creation, - Advanced - Digital Painting - and - much more! + .row.training-other + .col-md-10.col-md-offset-1 + p. + Other training: + #[a(href="https://cloud.blender.org/p/3d-printing/") Blender for 3D Printing], + #[a(href="https://cloud.blender.org/p/game-asset-creation/") Game Asset Creation], + #[a(href="https://cloud.blender.org/p/blenderella/") Character Modeling], + #[a(href="https://cloud.blender.org/p/character-animation/") Character Animation], + #[a(href="https://cloud.blender.org/p/humane-rigging/") Introduction] and + #[a(href="https://cloud.blender.org/p/blenrig/") Advanced Rigging], + #[a(href="https://cloud.blender.org/p/track-match-2/") VFX Workflow], + #[a(href="https://cloud.blender.org/p/creature-factory-2/") Creature] and + #[a(href="https://cloud.blender.org/p/venoms-lab-2/") Cartoon Character creation], + #[a(href="https://cloud.blender.org/p/chaos-evolution/") Advanced] + #[a(href="https://cloud.blender.org/p/blend-and-paint/") Digital Painting] and + #[a(href="{{ url_for('cloud.courses') }}") much more]! - .page-triplet-container-fluid.dark( - style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/pattern_01.jpg')}})") - section.page-card-header - h2 - a(href="{{ url_for('cloud.open_projects') }}") Browse all the Open Movies + section.page-card.open-movies.light( + style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/background_blue_01.jpg')}})") - .page-triplet-container.homepage - .row - .col-md-4 - .triplet-card(data-url="https://cloud.blender.org/p/cosmos-laundromat/") - .triplet-card-thumbnail - img( - alt="HDRI", - src="{{ url_for('static', filename='assets/img/features/open_movies_cosmos.jpg')}}") - .triplet-card-info - h3 Cosmos Laundromat - a.triplet-cta(href="https://cloud.blender.org/p/cosmos-laundromat/") - | LEARN MORE + .page-card-side.text + a(href="{{ url_for('cloud.open_projects') }}") + h2.page-card-title Blender Open Movies + .page-card-summary + p. + Support open source software and open content creation. + We have been creating outstanding shorts for over 10 years, + from Big Buck Bunny to Sintel, Cosmos Laundromat and Agent 327. - .col-md-4 - .triplet-card(data-url="https://cloud.blender.org/p/agent-327/") - .triplet-card-thumbnail - img( - alt="Textures", - src="{{ url_for('static', filename='assets/img/features/open_movies_agent_barbershop.jpg')}}") - .triplet-card-info - h3 Agent 327 - a.triplet-cta(href="https://cloud.blender.org/p/agent-327/") - | LEARN MORE + p. + Help us to make more! - .col-md-4 - .triplet-card(data-url="https://cloud.blender.org/p/caminandes-3/") - .triplet-card-thumbnail - img( - alt="Characters", - src="{{ url_for('static', filename='assets/img/features/open_movies_caminandes_llamigos.jpg')}}") - .triplet-card-info - h3 Caminandes - a.triplet-cta(href="https://cloud.blender.org/p/caminandes-3/") - | LEARN MORE + p + a.page-card-cta( + href="https://cloud.blender.org/blog/introducing-blender-sync") + | Subscribe for {{ price }} - .row - .col-md-8.col-md-offset-2 - p.extra. - Other open movies: - Elephants Dream, - Sintel, - Big Buck Bunny, - Tears of Steel, - Glass Half, - and - more. + .page-card-side + a.page-card-image(href="{{ url_for('cloud.open_projects') }}") + img(src="{{ url_for('static', filename='assets/img/backgrounds/background_open_movies_01.png')}}") + + + section.page-card-header + h2 Featured Open Movies + + .page-triplet-container.homepage + .row + .col-md-4 + .triplet-card(data-url="https://cloud.blender.org/p/cosmos-laundromat/") + .triplet-card-thumbnail + img( + alt="HDRI", + src="{{ url_for('static', filename='assets/img/features/open_movies_cosmos.jpg')}}") + .triplet-card-info + h3 Cosmos Laundromat + a.triplet-cta(href="https://cloud.blender.org/p/cosmos-laundromat/") + | LEARN MORE + + .col-md-4 + .triplet-card(data-url="https://cloud.blender.org/p/agent-327/") + .triplet-card-thumbnail + img( + alt="Textures", + src="{{ url_for('static', filename='assets/img/features/open_movies_agent_barbershop.jpg')}}") + .triplet-card-info + h3 Agent 327 + a.triplet-cta(href="https://cloud.blender.org/p/agent-327/") + | LEARN MORE + + .col-md-4 + .triplet-card(data-url="https://cloud.blender.org/p/caminandes-3/") + .triplet-card-thumbnail + img( + alt="Characters", + src="{{ url_for('static', filename='assets/img/features/open_movies_caminandes_llamigos.jpg')}}") + .triplet-card-info + h3 Caminandes + a.triplet-cta(href="https://cloud.blender.org/p/caminandes-3/") + | LEARN MORE + + .row.training-other + .col-md-10.col-md-offset-1 + p. + Other open movies: + #[a(href="https://cloud.blender.org/p/elephants-dream/") Elephants Dream], + #[a(href="https://cloud.blender.org/p/big-buck-bunny/") Big Buck Bunny], + #[a(href="https://cloud.blender.org/p/sintel/") Sintel], + #[a(href="https://cloud.blender.org/p/tears-of-steel/") Tears of Steel], + #[a(href="https://cloud.blender.org/p/glass-half/") Glass Half], + #[a(href="https://cloud.blender.org/p/dailydweebs/") The Daily Dweebs] + and #[a(href="{{ url_for('cloud.open_projects') }}") more] + + + section.page-card.services.light( + style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/background_gray_01.jpg')}})") + + .page-card-side.text + a(href="{{ url_for('cloud.services') }}") + h2.page-card-title Services + .page-card-summary + p. + Use our production pipeline for your own projects. + Featuring task tracking, render management and asset libraries. + + It's all free and open source software. + + p. + Organizations support is also available! + + p + a.page-card-cta( + href="https://cloud.blender.org/blog/introducing-blender-sync") + | Subscribe for {{ price }} + + a.learn(href="{{ url_for('cloud.services') }}") Learn More + + .page-card-side + a.page-card-image(href="{{ url_for('cloud.services') }}") + img(src="{{ url_for('static', filename='assets/img/backgrounds/background_services_01.png')}}") section.page-card-header h2 Download 1000s of files and assets - .page-triplet-container.homepage + .page-triplet-container.homepage.assets .row - .col-md-4 - .triplet-card(data-url="{{ url_for('projects.view', project_url='textures') }}") - .triplet-card-thumbnail - img( - alt="Textures", - src="{{ url_for('static', filename='assets/img/features/textures_01.jpg')}}") - .triplet-card-info - h3 Textures - p. - More than 1500 texture maps. - Browse online or from Blender with our awesome add-on. - a.triplet-cta(href="{{ url_for('projects.view', project_url='textures') }}") - | LEARN MORE - .col-md-4 .triplet-card(data-url="{{ url_for('projects.view', project_url='hdri') }}") .triplet-card-thumbnail @@ -196,6 +277,20 @@ meta(property="og:image", content="{{ url_for('static', filename='assets/img/bac a.triplet-cta(href="{{ url_for('projects.view', project_url='hdri') }}") | LEARN MORE + .col-md-4 + .triplet-card(data-url="{{ url_for('projects.view', project_url='textures') }}") + .triplet-card-thumbnail + img( + alt="Textures", + src="{{ url_for('static', filename='assets/img/features/textures_01.jpg')}}") + .triplet-card-info + h3 Textures + p. + More than 1500 texture maps. + Browse online or from Blender with our add-on. + a.triplet-cta(href="{{ url_for('projects.view', project_url='textures') }}") + | LEARN MORE + .col-md-4 .triplet-card(data-url="{{ url_for('projects.view', project_url='characters') }}") .triplet-card-thumbnail @@ -210,388 +305,66 @@ meta(property="og:image", content="{{ url_for('static', filename='assets/img/bac | LEARN MORE - section.page-card-header - h2 Learn by Example + section.pricing#pricing + .container.wide-on-sm + h2 Simple Pricing. Any payment method. + .flex + .box.monthly + h3 Monthly + .pricing-display + span.currency-sign $ + span.digit-int 9 + span.digit-dec .90 / month* - section.page-card.services-projects + .pricing-caption + p * with a 3-months minimum period - .page-card-side - h2.page-card-title Exclusive Production Insights - .page-card-summary - p. - Watch the original authors of shots breaking them down and share their - insight in the production process. Watch animation reviews, - narrated timelapses, shot walk-throughs and more. + ul + li 100+ hours of high-quality training + li All the open movies files and tutorials + li Exclusive production insight & walk-throughs + li #[strong Sync] your Blender settings across devices + li #[strong Share] images & screenshots from within Blender + li #[strong Download] 1500+ textures & HDRIs from Blender - .page-card-side - .page-card-image - video(autoplay, loop) - source(src="{{ url_for('static', filename='assets/img/features/animation_review_01.mp4')}}") + a.sign-up-now(href="https://store.blender.org/product/membership/") + | Subscribe Now + .box.yearly + h3 Yearly + .pricing-display + span.currency-sign $ + span.digit-int 109 + span.digit-dec .00 / year + .pricing-caption + ul + li 100+ hours of high-quality training + li All the open movies files and tutorials + li Exclusive production insight & walk-throughs + li #[strong Sync] your Blender settings across devices + li #[strong Share] images & screenshots from within Blender + li #[strong Download] 1500+ textures & HDRIs from Blender + li.special 1 month free! - section.page-card.right.services-projects + a.sign-up-now(href="https://store.blender.org/product/membership/") + | Subscribe Now - .page-card-side - h2.page-card-title Production Quality Files - .page-card-summary - p. - From fully rigged characters ready to animate to an Art Gallery - curated by the best Blender artists, access top quality blendfiles to learn - new techniques and improve your art. + .box.education + h3 Education - .page-card-side - .page-card-image - img( - alt="High Quality Assets", - src="{{ url_for('static', filename='assets/img/features/locomotive_01.jpg')}}") + .pricing-caption + p. + We also provide flexible options for group subscription + ideal for schools or teams. + p. + Get in touch to discuss direct support, custom solutions, + team management tools and Single Sign-on. + a.sign-up-now(href="mailto:cloudsupport@blender.org") + i.pi-email + | Get in Touch - #blender-addon.page-section-container( - style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/pattern_bw_01.jpg')}})") - section.page-card-header.dark Blender Cloud Add-on - span.page-card-header_lead.dark Connect Blender with the Cloud - - a.page-card-cta.download( - href="https://cloud.blender.org/r/downloads/blender_cloud-latest-addon.zip") - i.pi-download - | Download v{{ config.BLENDER_CLOUD_ADDON_VERSION }} - - section.page-card.dark.right - - .page-card-side - h2.page-card-title Blender Sync - .page-card-summary. - Save your settings once. Use them anywhere. - Carry your Blender configuration with you, - use our free add-on to sync your keymaps and preferences. -