Page MenuHome
Differential D11410 Diff 37558 training/templates/training/home_not_authenticated.html

Changeset View

Standalone View

View Options

training/templates/training/home_not_authenticated.html

{% extends 'training/base_training.html' %} {% extends 'training/base_training.html' %}
{% load static %} {% load static %}
{% load pipeline %} {% load pipeline %}
{% load common_extras %} {% load common_extras %}
{% block title_prepend %}Training - {% endblock title_prepend %} {% block title_prepend %}Training - {% endblock title_prepend %}
{% block meta %} {% block meta %}
{% static 'training/images/placeholders/opengraph.jpg' as image_path %} {% static 'training/images/placeholders/opengraph.jpg' as image_path %}
{% absolute_url image_path as image_url %} {% absolute_url image_path as image_url %}
{% with title="Training" description="Learn from our expert team. Courses, workshops and production lessons with .blend files included." %} {% with title="Training" description="Learn from our expert team. Courses, workshops and production lessons with .blend files included." %}
{% include 'common/components/meta.html' %} {% include 'common/components/meta.html' %}
{% endwith %} {% endwith %}
{% endblock %} {% endblock %}
{% block jumbotron %} {% block jumbotron %}
<div class="jumbotron jumbotron-fluid jumbotron-overlay header"> <div class="jumbotron jumbotron-fluid jumbotron-overlay header">
<div class="jumbotron-bg-wrapper"> <div class="jumbotron-bg-wrapper">
<img class="jumbotron-bg" src="{% static "training/images/training-header-primitive.jpg" %}"> <img class="jumbotron-bg" src="{% static "training/images/training-header-primitive.jpg" %}">
<!-- 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-5 col-xl-4"> <div class="col-lg-5 col-xl-4">
<div class="jumbotron-body"> <div class="jumbotron-body">
<h1>Training</h1> <h1>Training</h1>
<p class="mb-0"> <p class="mb-0">
Learn from our expert team. Courses, workshops and production lessons with .blend files included. Learn from our expert team. Courses, workshops and production lessons with .blend files included.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock jumbotron %} {% endblock jumbotron %}
{% block content %} {% block content %}
<div class="container-xl pt-3"> <div class="container-xl pt-3">
{% comment %} <section> {% comment %}
<section>
<div class="row"> <div class="row">
<div class="col text-center"> <div class="col text-center">
<div class="bg-secondary py-4 rounded"> <div class="bg-secondary py-4 rounded">
<h3 class="mb-0">You need to login to view Training</h3> <h3 class="mb-0">You need to login to view Training</h3>
<p class="mb-3">You can join Blender Cloud for €9.90/month and get access to all of our training instantly!</p> <p class="mb-3">You can join Blender Cloud for €9.90/month and get access to all of our training instantly!</p>
<a href="/join" class="btn btn-primary">Join Blender Cloud</a> <a href="/join" class="btn btn-primary">Join Blender Cloud</a>
</div> </div>
</div> </div>
</div> </div>
</section> {% endcomment %} </section>
{% endcomment %}
<section> <section>
<div class="row"> <div class="row">
<div class="col mb-3"> <div class="col mb-3">
<h2 class="mb-0">All Training</h2> <h2 class="mb-0">All Training</h2>
</div> </div>
<div class="col-auto mb-3"> <div class="col-auto mb-3">
<div class="input-group input-group-sm" id="sorting"> <div class="input-group input-group-sm" id="sorting">
<div class="input-group-prepend"> <div class="input-group-prepend">
<label class="input-group-text" for="searchLicence">Sort by:</label> <label class="input-group-text" for="searchLicence">Sort by:</label>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="search" class="row"> <div id="search" class="row">
<div class="col-md-6 mb-3"> <div class="col-md-6 mb-3">
<div id="search_input" class="input-group"> <div id="search_input" class="input-group">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"> <span class="input-group-text">
<i class="material-icons">search</i> <i class="material-icons">search</i>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<div id="search_type" class="col-md-3 col-6 mb-3"> <div id="search_type" class="col-md-3 col-6 mb-3">
</div> </div>
<div id="search_difficulty" class="col-md-3 col-6 mb-3"> <div id="search_difficulty" class="col-md-3 col-6 mb-3">
</div> </div>
</div> </div>
<div class="row" id="hits"> <div class="row" id="hits">
{% comment %} {% for training in all_trainings %} {% comment %}
{% for training in all_trainings %}
{% include "training/components/card_training.html" with training=training %} {% include "training/components/card_training.html" with training=training %}
{% endfor %} {% endcomment %} {% endfor %}
{% endcomment %}
</div> </div>
</section> </section>
</div> </div>
{% endblock content %} {% endblock content %}
{% block scripts %} {% block scripts %}
{% javascript 'vendor_instantsearch' %} {% javascript 'vendor_instantsearch' %}
{{ favorited_training_ids|json_script:"training-favorited-ids" }} {{ favorited_training_ids|json_script:"training-favorited-ids" }}
{{ search_client_config|json_script:"training-search-client-config" }} {{ search_client_config|json_script:"training-search-client-config" }}
{% javascript 'training' %} {% javascript 'training' %}
{% javascript 'training_search' %} {% javascript 'training_search' %}
{% endblock scripts %} {% endblock scripts %}