mirror of
https://github.com/jgthms/bulma
synced 2026-03-19 20:04:30 -07:00
Add more layout
This commit is contained in:
13
docs/_includes/components/more.html
Normal file
13
docs/_includes/components/more.html
Normal 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>
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
13
docs/_includes/footer/link.html
Normal file
13
docs/_includes/footer/link.html
Normal 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>
|
||||
@@ -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>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
|
||||
<aside class="bd-side">
|
||||
{% if include.show_categories %}
|
||||
{% include elements/categories-nav.html %}
|
||||
{% include components/categories.html %}
|
||||
{% endif %}
|
||||
</aside>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user