intial rough layout for new comps page
parent
5fe7311457
commit
39c25bdfbd
|
@ -2,4 +2,11 @@
|
|||
layout: components
|
||||
title: Components
|
||||
bodyclass: components
|
||||
components:
|
||||
- name: button
|
||||
title: Button
|
||||
description: a button thingy
|
||||
- name: card
|
||||
title: Card
|
||||
description: a card thingy
|
||||
---
|
||||
|
|
|
@ -1,17 +1,17 @@
|
|||
{% extends 'layout.html' %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<h1>{{page.title}}</h1>
|
||||
|
||||
<ul>
|
||||
{% for page in site.components -%}
|
||||
<li><a href="{{ page.component }}">{{ page.component }}</a></li>
|
||||
{% for component in page.components -%}
|
||||
<section class="component component--{{ component.name }} mdl-grid mdl-cell mdl-cell--12-col">
|
||||
<div class="mdl-cell mdl-cell--2-col mdl-grid">
|
||||
<a href="/assets/button.png">
|
||||
<img class="mdl-cell" src="/assets/comp_{{ component.name }}.png">
|
||||
<h4 class="component mdl-cell">{{ component.title }}</h4>
|
||||
</a>
|
||||
</div>
|
||||
<div class="component mdl-cell mdl-cell--10-col">
|
||||
{{ component.name }} info goes here, this is a whole boring paragraph about a whole
|
||||
boring subject, wow, I already fell asleep while writing this useless prose.
|
||||
</div>
|
||||
</section>
|
||||
{%- endfor %}
|
||||
</ul>
|
||||
|
||||
{{content|safe}}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue