UI Learn: Use single-column listing.

Uses component from components.pug
This commit is contained in:
2019-03-27 15:57:39 +01:00
parent e13a1bff1b
commit 149013d64c

View File

@@ -11,10 +11,9 @@ include ../../../pillar/src/templates/mixins/components
| {% endblock navigation_tabs %} | {% endblock navigation_tabs %}
| {% block body %} | {% block body %}
.container.pb-5 .container.py-4
.row .row
.col-12 .col-12
.pt-4
h2.text-uppercase.font-weight-bold h2.text-uppercase.font-weight-bold
| Learn | Learn
.lead .lead
@@ -22,52 +21,26 @@ include ../../../pillar/src/templates/mixins/components
hr.pb-2 hr.pb-2
.page-triplet-container.homepage.p-0 +category_list_item(
.row 'COURSES',
.col-md-4 'Character modeling, 3D printing, VFX, rigging and more.',
.triplet-card(data-url="{{ url_for('cloud.courses') }}") "{{ url_for('cloud.courses') }}",
.triplet-card-thumbnail "{{ url_for('static', filename='assets/img/features/training_motion_graphics.jpg')}}")
img(
alt="Courses",
src="{{ url_for('static', filename='assets/img/features/training_motion_graphics.jpg')}}")
.triplet-card-info
h3 Courses
p.
Character modeling, 3D printing, VFX, rigging and more.
a.triplet-cta(href="{{ url_for('cloud.courses') }}")
| LEARN MORE
.col-md-4 hr
.triplet-card(data-url="{{ url_for('cloud.workshops') }}")
.triplet-card-thumbnail
img(
alt="Workshops",
src="{{ url_for('static', filename='assets/img/features/training_minecraft_animation.jpg')}}")
.triplet-card-info
h3 Workshops
p.
Enter the artist workshop and learn by example.
a.triplet-cta(href="{{ url_for('cloud.workshops') }}")
| LEARN MORE
.col-md-4 +category_list_item(
.triplet-card(data-url="{{ url_for('cloud.production') }}") 'WORKSHOPS',
.triplet-card-thumbnail 'Enter the artist workshop and learn by example.',
img( "{{ url_for('cloud.workshops') }}",
alt="Production Lessons", "{{ url_for('static', filename='assets/img/features/training_minecraft_animation.jpg')}}")
src="{{ url_for('static', filename='assets/img/features/open_movies_02.jpg')}}")
.triplet-card-info hr
h3 Production Lessons
p. +category_list_item(
Tips and tricks by the open projects crew. 'PRODUCTION LESSONS',
a.triplet-cta(href="{{ url_for('cloud.production') }}") 'Tips and tricks by the Open Projects crew.',
| LEARN MORE "{{ url_for('cloud.production') }}",
"{{ url_for('static', filename='assets/img/features/open_movies_02.jpg')}}")
| {% endblock body %} | {% endblock body %}
| {% block footer_scripts %}
script.
$('.triplet-card').click(function(){
window.location.href = $(this).attr('data-url');
});
| {% endblock footer_scripts %}