Changeset View
Changeset View
Standalone View
Standalone View
common/templates/common/welcome.html
| {% extends 'common/base.html' %} | {% extends 'common/base.html' %} | ||||
| {% load static %} | {% load static %} | ||||
| {% block content %} | {% block content %} | ||||
| <div class="jumbotron jumbotron-fluid jumbotron-overlay overlay-wide-content jumbotron header"> | <div class="jumbotron jumbotron-fluid jumbotron-overlay overlay-wide-content jumbotron header"> | ||||
| <div class="jumbotron-bg-wrapper"> | <div class="jumbotron-bg-wrapper"> | ||||
| <img class="jumbotron-bg" src="{% static "common/images/welcome/welcome-header-sprite.jpg" %}" alt="3D Render of the latest Blender Open Movie"> | <img class="jumbotron-bg" src="{% static "common/images/welcome/welcome-header-sprite.jpg" %}" | ||||
| alt="3D Render of the latest Blender Open Movie"> | |||||
| <!-- TODO(Mike): Impliment image sets when flat-pages are done. --> | <!-- TODO(Mike): Impliment image sets when flat-pages are done. --> | ||||
| {% comment %} | {% comment %} | ||||
| {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | ||||
| {% endcomment %} | {% endcomment %} | ||||
| </div> | </div> | ||||
| <div class="container-xl"> | <div class="container-xl"> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-lg-6 col-md-8"> | <div class="col-lg-6 col-md-8"> | ||||
| Show All 14 Lines | <div class="row"> | ||||
| <p class="small">Production quality HDRI’s, textures and fully rigged characters.</p> | <p class="small">Production quality HDRI’s, textures and fully rigged characters.</p> | ||||
| </div> | </div> | ||||
| <div class="col-md-4 d-flex flex-column justify-content-between"> | <div class="col-md-4 d-flex flex-column justify-content-between"> | ||||
| <h3>Use our production software</h3> | <h3>Use our production software</h3> | ||||
| <p class="small">Featuring task tracking, render management and asset libraries.</p> | <p class="small">Featuring task tracking, render management and asset libraries.</p> | ||||
| </div> | </div> | ||||
| </div> {% endcomment %} | </div> {% endcomment %} | ||||
| <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center"> | <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center"> | ||||
| <a href="https://store.blender.org/product/membership/" target="_blank" | <a {% include "subscriptions/components/join_url" %} | ||||
| class="btn btn-lg btn-primary mr-md-4 mb-2 mb-md-0">Join the Blender Cloud</a> | class="btn btn-lg btn-primary mr-md-4 mb-2 mb-md-0">Join the Blender Cloud</a> | ||||
| <div class="d-inline-block"> | <div class="d-inline-block"> | ||||
| <p class="mb-0">Access to all training, assets<br>and films for €9.90/month</p> | <p class="mb-0">Access to all training, assets<br>and films for €9.90/month</p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| Show All 31 Lines | <div class="row"> | ||||
| <div class="col-12 col-md-6 col-lg-5 offset-lg-1 d-flex flex-column justify-content-center"> | <div class="col-12 col-md-6 col-lg-5 offset-lg-1 d-flex flex-column justify-content-center"> | ||||
| <h2 class="mb-1">Learn from the Blender Team</h2> | <h2 class="mb-1">Learn from the Blender Team</h2> | ||||
| <p>Whether it’s Blender Develop Dr. Sybren teaching <a href="/training/scripting-for-artists/">Scripting for | <p>Whether it’s Blender Develop Dr. Sybren teaching <a href="/training/scripting-for-artists/">Scripting for | ||||
| Artists</a>, or Animation Director Hjalti teaching | Artists</a>, or Animation Director Hjalti teaching | ||||
| <a href="/training/animation-fundamentals/">Animation Fundamentals</a> — you’re getting industry leading | <a href="/training/animation-fundamentals/">Animation Fundamentals</a> — you’re getting industry leading | ||||
| training from the people in Blender.</p> | training from the people in Blender.</p> | ||||
| <p>Ask questions and receive replies from the Author, download resources and join the discussion.</p> | <p>Ask questions and receive replies from the Author, download resources and join the discussion.</p> | ||||
| <div class="button-group"> | <div class="button-group"> | ||||
| <a href="https://store.blender.org/product/membership/" target="_blank" class="btn btn-primary">Subscribe for 9.90/mo</a> | <a {% include "subscriptions/components/join_url" %} class="btn btn-primary">Subscribe for | ||||
| 9.90/mo</a> | |||||
| <a href="/training" class="btn btn-transparent">Explore Training</a> | <a href="/training" class="btn btn-transparent">Explore Training</a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </section> | </section> | ||||
| <section class="mb-5"> | <section class="mb-5"> | ||||
| <div class="row mb-3"> | <div class="row mb-3"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <div class="jumbotron jumbotron-overlay overlay-wide-content jumbotron-inline header"> | <div class="jumbotron jumbotron-overlay overlay-wide-content jumbotron-inline header"> | ||||
| <div class="jumbotron-bg-wrapper"> | <div class="jumbotron-bg-wrapper"> | ||||
| <img class="jumbotron-bg" src="{% static "common/images/home/sf-background.jpg" %}" alt="3D Render of the latest Blender Open Movie"> | <img class="jumbotron-bg" src="{% static "common/images/home/sf-background.jpg" %}" | ||||
| alt="3D Render of the latest Blender Open Movie"> | |||||
| <!-- TODO(Mike): Impliment image sets when flat-pages are done. --> | <!-- TODO(Mike): Impliment image sets when flat-pages are done. --> | ||||
| {% comment %} | {% comment %} | ||||
| {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | ||||
| {% endcomment %} | {% endcomment %} | ||||
| </div> | </div> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-md-7 col-lg-6"> | <div class="col-md-7 col-lg-6"> | ||||
| <div class="jumbotron-body"> | <div class="jumbotron-body"> | ||||
| <img class="mb-3 film-logo" src="{% static "common/images/home/sf-logo.png" %}" alt="Sprite Fright Logo"> | <img class="mb-3 film-logo" src="{% static "common/images/home/sf-logo.png" %}" | ||||
| alt="Sprite Fright Logo"> | |||||
| {% comment %} <h1>Coffee Run</h1> {% endcomment %} | {% comment %} <h1>Coffee Run</h1> {% endcomment %} | ||||
| <p class="mb-4">Blender Studio’s 13th open movie will be an 80’s-inspired horror comedy, set in Britain: When a group of rowdy teenagers trek into an isolated forest, they discover peaceful mushroom creatures that turn out to be an unexpected force of nature.</p> | <p class="mb-4">Blender Studio’s 13th open movie will be an 80’s-inspired horror comedy, set in Britain: | ||||
| <a href="https://store.blender.org/product/membership/" target="_blank" | When a group of rowdy teenagers trek into an isolated forest, they discover peaceful mushroom | ||||
| creatures that turn out to be an unexpected force of nature.</p> | |||||
| <a {% include "subscriptions/components/join_url" %} | |||||
| class="btn btn-primary mb-2 mb-md-0">Subscribe for €9.90/month</a> | class="btn btn-primary mb-2 mb-md-0">Subscribe for €9.90/month</a> | ||||
| <a href="/films/sprite-fright" class="btn btn-transparent">Explore the Film</a> | <a href="/films/sprite-fright" class="btn btn-transparent">Explore the Film</a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| Show All 9 Lines | <section class="mb-4 mb-md-5"> | ||||
| </div> | </div> | ||||
| <div class="row"> | <div class="row"> | ||||
| {% for film in featured_films|slice:':3' %} | {% for film in featured_films|slice:':3' %} | ||||
| {% include "films/components/card_film.html" with film=film %} | {% include "films/components/card_film.html" with film=film %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </div> | </div> | ||||
| <div class="row justify-content-center mb-0"> | <div class="row justify-content-center mb-0"> | ||||
| <div class="col-md-6 text-center"> | <div class="col-md-6 text-center"> | ||||
| <p class="mb-0">Learn more about our other <a href="/films">open movies</a> and <a href="#faqHeadingHowIsMyMoneySpent">how your | <p class="mb-0">Learn more about our other <a href="/films">open movies</a> and <a | ||||
| href="#faqHeadingHowIsMyMoneySpent">how your | |||||
| contribution is used</a>.</p> | contribution is used</a>.</p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </section> | </section> | ||||
| {% include 'common/components/cards/card_carousel.html' with title="Access all our production assets!" subtitle="You can access all the production files from our films with a Blender Cloud subscription." slides=4 card_set=featured_film_assets media_type="file" id="fromTheArchives" %} | {% include 'common/components/cards/card_carousel.html' with title="Access all our production assets!" subtitle="You can access all the production files from our films with a Blender Cloud subscription." slides=4 card_set=featured_film_assets media_type="file" id="fromTheArchives" %} | ||||
| </div> | <section class="my-5"> | ||||
| <div class="container-xl mt-4"> | |||||
| <section class="mb-5"> | |||||
| <div class="row mb-3"> | <div class="row mb-3"> | ||||
| <div class="col"> | <div class="col"> | ||||
| <div class="jumbotron jumbotron-overlay jumbotron-inline overlay-flipped header"> | <div class="jumbotron jumbotron-overlay jumbotron-inline overlay-flipped header"> | ||||
| <div class="jumbotron-bg-wrapper"> | <div class="jumbotron-bg-wrapper"> | ||||
| <img class="jumbotron-bg" src="{% static "common/images/welcome/dweebs-bg.png" %}" alt="A 3D cartoon dog enjoying tasty treats"> | <img class="jumbotron-bg" src="{% static "common/images/welcome/dweebs-bg.png" %}" | ||||
| alt="A 3D cartoon dog enjoying tasty treats"> | |||||
| <!-- TODO(Mike): Impliment image sets when flat-pages are done. --> | <!-- TODO(Mike): Impliment image sets when flat-pages are done. --> | ||||
| {% comment %} | {% comment %} | ||||
| {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | {% include "common/components/helpers/image_set.html" with classes="jumbotron-bg" img_source=XXX xsmall_width="576" small_width="758" medium_width="992" large_width="1200" xlarge_width="1920" %} | ||||
| {% endcomment %} | {% endcomment %} | ||||
| </div> | </div> | ||||
| <div class="row"> | <div class="row"> | ||||
| <div class="col-md-7 col-lg-6 offset-md-5 offset-lg-6"> | <div class="col-md-7 col-lg-6 offset-md-5 offset-lg-6"> | ||||
| <div class="jumbotron-body py-4"> | <div class="jumbotron-body py-4"> | ||||
| <h2 class="h1">Subscribe to Blender Cloud today</h2> | <h2 class="h1">Subscribe to Blender Cloud today</h2> | ||||
| <p class="mb-4">Join Blender Cloud and get access to hundreds of hours of training, | <p class="mb-4">Join Blender Cloud and get access to hundreds of hours of training, | ||||
| production assets and files from the Open Movies as well as a platform to learn at | production assets and files from the Open Movies as well as a platform to learn at | ||||
| your own pace, in your own time.</p> | your own pace, in your own time.</p> | ||||
| <a href="https://store.blender.org/product/membership/" target="_blank" | <a {% include "subscriptions/components/join_url" %} | ||||
| class="btn btn-lg btn-primary">Subscribe for €9.90/month</a> | class="btn btn-lg btn-primary">Subscribe for €9.90/month</a> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </section> | </section> | ||||
| {% include 'common/components/faq.html' with classes="mb-5" %} | |||||
| <section class="mb-5"> | |||||
| <div class="row justify-content-center mb-3"> | |||||
| <div class="col-md-6 text-center"> | |||||
| <h2 class="mb-1">Frequently Asked Questions</h2> | |||||
| <p class="mb-0">If you have questions about the Cloud, please contact one of the team on | |||||
| <a href="https://blender.chat/channel/blender-cloud">Blender Chat</a> by logging in with your Blender ID.</p> | |||||
| </div> | |||||
| </div> | |||||
| <div class="row"> | |||||
| <div class="col-md-6"> | |||||
| <h3 class="text-center">General</h3> | |||||
| <div class="accordion mb-3" id="faqGeneral"> | |||||
| <div class="card card-dark"> | |||||
| <div class="card-header" id="faqHeadingWhatIsBlenderStudio"> | |||||
| <h5 class="mb-0"> | |||||
| <button class="btn btn-link" type="button" data-toggle="collapse" | |||||
| data-target="#faqCollapseWhatIsBlenderStudio" aria-expanded="false" | |||||
| aria-controls="faqCollapseWhatIsBlenderStudio"> | |||||
| <span>What is Blender Cloud?</span> | |||||
| <i class="material-icons">keyboard_arrow_down</i> | |||||
| </button> | |||||
| </h5> | |||||
| </div> | |||||
| <div id="faqCollapseWhatIsBlenderStudio" class="collapse" aria-labelledby="faqHeadingWhatIsBlenderStudio" | |||||
| data-parent="#faqGeneral"> | |||||
| <div class="card-body small"> | |||||
| Blender Cloud is a Film and Training publishing platform for everything produced by the Studio team in | |||||
| the Blender Institute. | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="card card-dark"> | |||||
| <div class="card-header" id="faqHeadingHowIsMyMoneySpent"> | |||||
| <h5 class="mb-0"> | |||||
| <button class="btn btn-link collapsed" type="button" data-toggle="collapse" | |||||
| data-target="#faqCollapseHowIsMyMoneySpent" aria-expanded="false" | |||||
| aria-controls="faqCollapseHowIsMyMoneySpent"> | |||||
| <span>How is my money spent?</span> <i class="material-icons">keyboard_arrow_down</i> | |||||
| </button> | |||||
| </h5> | |||||
| </div> | |||||
| <div id="faqCollapseHowIsMyMoneySpent" class="collapse" aria-labelledby="faqHeadingHowIsMyMoneySpent" | |||||
| data-parent="#faqGeneral"> | |||||
| <div class="card-body small"> | |||||
| The money Blender Cloud makes through subscriptions is used to keep our services running, and to make | |||||
| open source and open content productions possible. Throughout the production cycle our team produce | |||||
| training, rigs and assets for publishing to Blender Cloud subscribers. | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="card card-dark"> | |||||
| <div class="card-header" id="faqHeadingHowSupportBlender"> | |||||
| <h5 class="mb-0"> | |||||
| <button class="btn btn-link collapsed" type="button" data-toggle="collapse" | |||||
| data-target="#faqCollapseHowSupportBlender" aria-expanded="false" | |||||
| aria-controls="faqCollapseHowSupportBlender"> | |||||
| <span>How does Blender Cloud support Blender?</span> <i class="material-icons">keyboard_arrow_down</i> | |||||
| </button> | |||||
| </h5> | |||||
| </div> | |||||
| <div id="faqCollapseHowSupportBlender" class="collapse" aria-labelledby="faqHeadingHowSupportBlender" | |||||
| data-parent="#faqGeneral"> | |||||
| <div class="card-body small"> | |||||
| The Blender Cloud funds the Blender Studio team, who rigorously test and use Blender in the Open Movie | |||||
| productions. The team work with core Blender Developers at the Blender Institute to plan, design and | |||||
| test core Blender features. | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="col-md-6"> | |||||
| <h3 class="text-center">Payment & Billing</h3> | |||||
| <div class="accordion mb-3" id="faqPayment"> | |||||
| <div class="card card-dark"> | |||||
| <div class="card-header" id="faqHeadingPaymentMethod"> | |||||
| <h5 class="mb-0"> | |||||
| <button class="btn btn-link" type="button" data-toggle="collapse" | |||||
| data-target="#faqCollapsePaymentMethod" aria-expanded="false" | |||||
| aria-controls="faqCollapsePaymentMethod"> | |||||
| <span>What payment methods do you accept?</span> <i class="material-icons">keyboard_arrow_down</i> | |||||
| </button> | |||||
| </h5> | |||||
| </div> | |||||
| <div id="faqCollapsePaymentMethod" class="collapse" aria-labelledby="faqHeadingPaymentMethod" | |||||
| data-parent="#faqPayment"> | |||||
| <div class="card-body small"> | |||||
| Blender Cloud subscriptions are available for purchase through the <a href="https://store.blender.org/" | |||||
| target="_blank">Blender Store</a>.<br><br> | |||||
| The Blender Store offers payment through major credit cards, PayPal or direct bank transfer. | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="card card-dark"> | |||||
| <div class="card-header" id="faqHeadingCancelSubscription"> | |||||
| <h5 class="mb-0"> | |||||
| <button class="btn btn-link collapsed" type="button" data-toggle="collapse" | |||||
| data-target="#faqColapseCancelSubscription" aria-expanded="false" | |||||
| aria-controls="faqColapseCancelSubscription"> | |||||
| <span>How easy is it to cancel my subscription?</span> <i | |||||
| class="material-icons">keyboard_arrow_down</i> | |||||
| </button> | |||||
| </h5> | |||||
| </div> | |||||
| <div id="faqColapseCancelSubscription" class="collapse" aria-labelledby="faqHeadingCancelSubscription" | |||||
| data-parent="#faqPayment"> | |||||
| <div class="card-body small"> | |||||
| You may cancel your subscription at any time via your personal account page, or by contacting us at | |||||
| <a href="mailto:{{ ADMIN_MAIL }}">{{ ADMIN_MAIL }}</a>.<br><br> | |||||
| In case of suspected fraud or abuse of the service after registration and membership payment, the | |||||
| account owner will be contacted and asked for clarification. Failure to alleviate charges of fraud may | |||||
| result in the termination of the member’s account.<br><br> | |||||
| Upon termination, all licenses granted by the Blender Cloud will terminate. In the event of account | |||||
| deletion for any reason, content that you submitted may no longer be available. The Blender Cloud shall | |||||
| not be responsible for the loss of such content. | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| <div class="card card-dark"> | |||||
| <div class="card-header" id="faqHeadingRefund"> | |||||
| <h5 class="mb-0"> | |||||
| <button class="btn btn-link collapsed" type="button" data-toggle="collapse" | |||||
| data-target="#faqColapseRefund" aria-expanded="false" aria-controls="faqColapseRefund"> | |||||
| <span>Can I get a refund?</span> <i class="material-icons">keyboard_arrow_down</i> | |||||
| </button> | |||||
| </h5> | |||||
| </div> | |||||
| <div id="faqColapseRefund" class="collapse" aria-labelledby="faqHeadingRefund" data-parent="#faqPayment"> | |||||
| <div class="card-body small"> | |||||
| Membership fees and supporter contributions are non-refundable. That money keeps our services running, | |||||
| and is used to make open source and open content productions possible.<br><br> | |||||
| We really care about our members and supporters though — in case you are really not happy with | |||||
| our Blender Cloud we will kindly respond to your comments and try to settle a dispute with you in | |||||
| harmony.<br><br> | |||||
| Refunds will happen without delay when we get a report of fraud, abuse or non-authorised usage of | |||||
| funds.<br><br> | |||||
| Contact: <a href="mailto:{{ ADMIN_MAIL }}">{{ ADMIN_MAIL }}</a>. | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </section> | |||||
| </div> | </div> | ||||
| {% endblock content %} | {% endblock content %} | ||||