material-design-lite/docs/_templates/templates.html
Nicolas Garnier 8529d117f1 Simplify the templates zip file so they are easier to grasp.
- Now generating a zip file for each template
 - Removed the generated MDL libs that were included and now referencing the hosted versions
 - Removed the bower.json and packages.json files.

Fixes #1284
2015-08-17 21:25:12 +02:00

29 lines
1.5 KiB
HTML

{% extends 'layout.html' %}
{% block content %}
{% for template in page.templates %}
<section class="template template--{{ template.name }} docs-text-styling mdl-grid mdl-cell mdl-cell--12-col">
<img src="{{page.include_prefix}}assets/templates/{{ template.name }}.jpg"
srcset="{{page.include_prefix}}assets/templates/{{ template.name }}.jpg 1x, {{page.include_prefix}}assets/templates/{{ template.name }}_2x.jpg 2x"
class="template__preview mdl-cell mdl-cell--8-col">
<div class="template__meta mdl-cell mdl-cell--4-col mdl-grid mdl-grid--no-spacing">
<h3 class="template__header mdl-cell mdl-cell--12-col mdl-typography--body-2">{{ template.title }}</h3>
<p class="mdl-cell mdl-cell--12-col">
{{ template.description }}
</p>
<a href="$$hosted_libs_prefix$$/$$version$$/$$template_archive_prefix$${{ template.name }}.zip" class="mdl-cell mdl-cell--6-col-desktop mdl-cell--4-col-tablet mdl-cell--2-col-phone">
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons">file_download</i>
</button>
Download
</a>
<a href="{{page.include_prefix}}templates/{{ template.name }}/index.html" target="_blank" class="mdl-cell mdl-cell--6-col-desktop mdl-cell--4-col-tablet mdl-cell--2-col-phone">
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons">arrow_forward</i>
</button>
Preview
</a>
</div>
</section>
{% endfor %}
{% endblock %}