Add more layout

This commit is contained in:
Jeremy Thomas
2018-04-10 18:50:19 +01:00
parent a8c0805988
commit 999c284dcc
17 changed files with 460 additions and 557 deletions

View File

@@ -1,7 +1,12 @@
---
title: Extensions
layout: default
layout: more
route: extensions
route: backers
breadcrumb:
- home
- more
- extensions
extensions:
- name: bulma-accordion
url: https://wikiki.github.io/components/accordion
@@ -110,65 +115,39 @@ extensions:
height: 469
---
{% include global/navbar.html id="Extensions" %}
{% for extension in page.extensions %}
<a class="box" href="{{ extension.url }}">
<div class="columns">
<div class="column is-one-third">
<h3 class="title is-4">
<strong>{{ extension.name }}</strong>
</h3>
<h4 class="subtitle is-6">
{{ extension.url | remove:'http://' | remove:'https://' | remove:'www.' }}
</h4>
</div>
<div class="column">
<img src="{{site.url}}/images/extensions/{{ extension.slug }}.png" width="{{ extension.width }}" height="{{ extension.height }}">
</div>
</div>
</a>
{% endfor %}
<section class="hero is-danger">
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column">
<h1 class="title">
<a href="{{ site.url }}/blog">Extensions</a>
</h1>
<p class="subtitle">
Side projects to enhance Bulma
</p>
<div class="message">
<div class="message-body">
<div class="level">
<div class="level-left">
<div class="level-item">
<p>Have an extension to share with the community?</p>
</div>
<div class="column is-narrow">
{% include elements/carbon.html %}
</div>
<div class="level-right">
<div class="level-item">
<a class="button is-primary" href="https://github.com/jgthms/bulma/pulls">
Submit a Pull Request
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
{% for extension in page.extensions %}
<a class="box" href="{{ extension.url }}">
<div class="columns">
<div class="column is-one-third">
<h3 class="title is-4">
<strong>{{ extension.name }}</strong>
</h3>
<h4 class="subtitle is-6">
{{ extension.url | remove:'http://' | remove:'https://' | remove:'www.' }}
</h4>
</div>
<div class="column">
<img src="{{site.url}}/images/extensions/{{ extension.slug }}.png" width="{{ extension.width }}" height="{{ extension.height }}">
</div>
</div>
</a>
{% endfor %}
<div class="message">
<div class="message-body">
<div class="level">
<div class="level-left">
<div class="level-item">
<p>Have an extension to share with the community?</p>
</div>
</div>
<div class="level-right">
<div class="level-item">
<a class="button is-primary" href="https://github.com/jgthms/bulma/pulls">
Submit a Pull Request
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>