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

@@ -0,0 +1,13 @@
<nav class="bd-categories">
{% for link_id in site.data.links.more %}
{% assign link = site.data.links.by_id[link_id] %}
<div class="bd-category">
<header class="bd-category-header">
<a class="bd-category-name" href="{{ site.url }}{{ link.path }}">
<strong>{{ link.name }}</strong>
</a>
</header>
</div>
{% endfor %}
</nav>

View File

@@ -10,6 +10,11 @@
</p>
<div class="bd-pro-content">
{{ include.content | markdownify }}
{% if include.title == 'No JavaScript' %}
{% assign tweet = site.data.love.tweetsById.860885116909998080 %}
{% include elements/tw.html tweet=tweet modifier='bd-is-grey' %}
{% endif %}
</div>
</div>
</article>

View File

@@ -1,12 +1,12 @@
{% assign boostrap_link = site.data.links.by_id['boostrap'] %}
{% assign bootstrap_link = site.data.links.by_id['bootstrap'] %}
{% assign expo_link = site.data.links.by_id['expo'] %}
{% assign love_link = site.data.links.by_id['love'] %}
<div class="bd-footer-stars">
<a class="bd-footer-star bd-is-bootstrap" href="{{ site.url }}{{ boostrap_link.path }}">
<a class="bd-footer-star bd-is-bootstrap" href="{{ site.url }}{{ bootstrap_link.path }}">
<header class="bd-footer-star-header">
<h4 class="bd-footer-title">
<strong>Coming from Bootstrap</strong>
<strong>{{ bootstrap_link.name }}</strong>
</h4>
<p class="bd-footer-subtitle">
An alternative to Bootstrap
@@ -21,10 +21,10 @@
<a class="bd-footer-star bd-is-expo" href="{{ site.url }}{{ expo_link.path }}">
<header class="bd-footer-star-header">
<h4 class="bd-footer-title">
<span class="icon has-text-star">
<i class="fas fa-star"></i>
<span class="icon has-text-{{ expo_link.color }}">
<i class="fas fa-{{ expo_link.icon }}"></i>
</span>
<strong>Expo</strong>
<strong>{{ expo_link.name }}</strong>
</h4>
<p class="bd-footer-subtitle">
See what you can build with Bulma
@@ -35,10 +35,10 @@
<a class="bd-footer-star bd-is-love" href="{{ site.url }}{{ love_link.path }}">
<header class="bd-footer-star-header">
<h4 class="bd-footer-title">
<span class="icon has-text-danger">
<i class="fas fa-heart"></i>
<span class="icon has-text-{{ love_link.color }}">
<i class="fas fa-{{ love_link.icon }}"></i>
</span>
<strong>Love</strong>
<strong>{{ love_link.name }}</strong>
</h4>
<p class="bd-footer-subtitle">
Fans of Bulma

View File

@@ -0,0 +1,13 @@
<p class="bd-footer-link bd-has-subtitle">
<a href="{{ site.url }}{{ link.path }}">
<span class="bd-footer-link-icon has-text-{{ link.color }}">
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
</span>
<strong>
{{ link.name }}
</strong>
<em>
{{ link.subtitle }}
</em>
</a>
</p>

View File

@@ -50,22 +50,15 @@
<a href="{{ site.url }}{{ more_link.path }}">More</a>
</p>
{% assign link = site.data.links.by_id['expo'] %}
{% include footer/link.html %}
{% assign link = site.data.links.by_id['love'] %}
{% include footer/link.html %}
{% for link_id in site.data.links.more %}
{% assign link = site.data.links.by_id[link_id] %}
<p class="bd-footer-link bd-has-subtitle">
<a href="{{ site.url }}{{ link.path }}">
<span class="bd-footer-link-icon has-text-{{ link.color }}">
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
</span>
<strong>
{{ link.name }}
</strong>
<em>
{{ link.subtitle }}
</em>
</a>
</p>
{% include footer/link.html %}
{% endfor %}
</div>
</div>

View File

@@ -7,7 +7,7 @@
<aside class="bd-side">
{% if include.show_categories %}
{% include elements/categories-nav.html %}
{% include components/categories.html %}
{% endif %}
</aside>
</div>