Files
blender-cloud/src/templates/welcome.pug

445 lines
14 KiB
Plaintext
Raw Normal View History

| {% extends 'layout.html' %}
| {% block page_title %}Welcome{% endblock %}
| {% set title = 'join' %}
2017-10-18 20:06:34 +02:00
| {% set price = 'US$ 9.90/mo' %}
| {% block og %}
2017-10-18 20:06:34 +02:00
meta(property="og:title", content="Blender Cloud - Open Content Production Platform")
meta(property="og:url", content="https://cloud.blender.org/")
2017-10-18 20:06:34 +02:00
meta(property="og:image", content="{{ url_for('static', filename='assets/img/backgrounds/background_dweebs_01.jpg')}}")
| {% endblock %}
| {% block page_overlay %}
#page-overlay.video
.video-embed
| {% endblock %}
2017-10-18 20:06:34 +02:00
| {% block navigation_search %}{% endblock %}
| {% block navigation_sections %}
li
a.navbar-item(href="#pricing")
span Pricing
| {% endblock %}
| {% block body %}
#page-container.join
2017-10-18 20:06:34 +02:00
#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
2017-10-18 20:06:34 +02:00
.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
2017-10-18 20:06:34 +02:00
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
2017-10-18 20:06:34 +02:00
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
2017-10-18 20:06:34 +02:00
.triplet-card(data-url="https://cloud.blender.org/p/toon-character-workflow/")
.triplet-card-thumbnail
img(
2017-10-18 20:06:34 +02:00
alt="Textures",
src="{{ url_for('static', filename='assets/img/features/training_toon_character.jpg')}}")
.triplet-card-info
2017-10-18 20:06:34 +02:00
h3 Toon Character Workflow
p.
2017-10-18 20:06:34 +02:00
Perfect for beginners, learn how to build a cartoon character from concept to finish.
a.triplet-cta(href="https://cloud.blender.org/p/toon-character-workflow/")
| LEARN MORE
.col-md-4
2017-10-18 20:06:34 +02:00
.triplet-card(data-url="https://cloud.blender.org/p/motion-graphics/")
.triplet-card-thumbnail
img(
2017-10-18 20:06:34 +02:00
alt="HDRI",
src="{{ url_for('static', filename='assets/img/features/training_motion_graphics.jpg')}}")
.triplet-card-info
2017-10-18 20:06:34 +02:00
h3 Motion Graphics
p.
2017-10-18 20:06:34 +02:00
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
img(
alt="Characters",
src="{{ url_for('static', filename='assets/img/features/training_bob_forest.jpg')}}")
.triplet-card-info
h3 Art Walk-throughs
p.
2017-10-18 20:06:34 +02:00
Follow the creative process and techniques behind stunning artwork.
a.triplet-cta(href="https://cloud.blender.org/p/gallery")
| LEARN MORE
2017-10-18 20:06:34 +02:00
.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]!
section.page-card.open-movies.light(
style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/background_blue_01.jpg')}})")
.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.
p.
Help us to make more!
p
a.page-card-cta(
href="https://cloud.blender.org/blog/introducing-blender-sync")
| Subscribe for {{ price }}
.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
2017-10-18 20:06:34 +02:00
h2 Featured Open Movies
.page-triplet-container.homepage
.row
.col-md-4
2017-10-18 20:06:34 +02:00
.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",
2017-10-18 20:06:34 +02:00
src="{{ url_for('static', filename='assets/img/features/open_movies_agent_barbershop.jpg')}}")
.triplet-card-info
2017-10-18 20:06:34 +02:00
h3 Agent 327
a.triplet-cta(href="https://cloud.blender.org/p/agent-327/")
| LEARN MORE
2017-10-18 20:06:34 +02:00
.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.assets
.row
.col-md-4
.triplet-card(data-url="{{ url_for('projects.view', project_url='hdri') }}")
.triplet-card-thumbnail
img(
alt="HDRI",
src="{{ url_for('static', filename='assets/img/features/hdri_01.jpg')}}")
.triplet-card-info
h3 HDRI
p.
Up to 16K and 24 EVs (extremely high) HDR images to light your renders.
a.triplet-cta(href="{{ url_for('projects.view', project_url='hdri') }}")
| LEARN MORE
2017-10-18 20:06:34 +02:00
.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
img(
alt="Characters",
src="{{ url_for('static', filename='assets/img/features/characters_01.jpg')}}")
.triplet-card-info
h3 Characters
p.
Production quality, fully rigged and shaded characters ready to animate.
a.triplet-cta(href="{{ url_for('projects.view', project_url='characters') }}")
| LEARN MORE
2017-10-18 20:06:34 +02:00
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*
.pricing-caption
p * with a 3-months minimum period
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
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!
a.sign-up-now(href="https://store.blender.org/product/membership/")
| Subscribe Now
.box.education
h3 Education
.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.
2017-10-18 20:06:34 +02:00
a.sign-up-now(href="mailto:cloudsupport@blender.org")
i.pi-email
| Get in Touch
section.supported-by
h2 Our projects were supported by
img.logos(alt="Supported by", src="{{ url_for('static', filename='assets/img/support_logos.png') }}")
section.page-card.subscribe(
style="background-image: url({{ url_for('static', filename='assets/img/backgrounds/pattern_bw_01.jpg')}})")
.page-card-side
h2.page-card-title
2017-10-18 20:06:34 +02:00
span Join #[strong(class="awesome-people") 3460] awesome people.
br
| Support Blender, get inspiration, knowledge and tools in one place.
2017-10-18 20:06:34 +02:00
a.page-card-cta(
href="https://store.blender.org/product/membership/")
i.pi-heart-filled
2017-10-18 20:06:34 +02:00
| Subscribe for {{ price }}
| {% endblock %}
| {% block footer_scripts %}
script.
$('.triplet-card').click(function(){
window.location.href = $(this).attr('data-url');
});
function getSubscribers(){
$.get('https://store.blender.org/product-counter/?prod=cloud', function(data) {
}).done(function(data){
if (data.total_sold > 0) {
2017-10-18 20:06:34 +02:00
$('awesome-people').html(data.total_sold);
}
});
}
getSubscribers();
$('.people-faces .face').hover(
function(){
var who = $(this).data('blenderhead');
$('#' + who).addClass('active');
$(this).parent().prev().addClass('active');
},
function(){
$('.bio, .people-intro').removeClass('active');
}
);
// Click anywhere in the page to hide the overlay
function hideOverlay() {
$('#page-overlay.video').removeClass('active');
$('#page-overlay.video .video-embed').html('');
}
$(document).click(function() {
hideOverlay();
});
$(document).keyup(function(e) {
if (e.keyCode == 27) {
hideOverlay();
}
});
$('a.watch-video').click(function(e){
e.preventDefault();
e.stopPropagation();
$('#page-overlay.video').addClass('active');
var videoId = $(this).attr('data-youtube-id');
$('#page-overlay .video-embed').html('<iframe src="https://www.youtube.com/embed/' + videoId +'?rel=0&amp;showinfo=0;autoplay=1" frameborder="0" allowfullscreen></iframe>')
});
| {% endblock %}