Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Bulma v9 website (#3249)

Browse Source 
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
This commit is contained in:
Jeremy Thomas
2021-01-27 23:30:42 +00:00
committed by GitHub
parent c5edaea84f
commit 08ef4df2c0
1963 changed files with 157468 additions and 9452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
docs/_layouts/post.html
View File

@@ -8,90 +8,104 @@ breadcrumb:
{% include global/navbar.html id="Blog" %}
<main class="bd-main">
<div class="bd-side-background"></div>
<div class="bd-main-container container">
<div class="bd-duo">
<div class="bd-lead">
<div class="bd-breadcrumb">
<nav class="breadcrumb" aria-label="breadcrumbs">
<ul>
<li>
{% assign link = site.data.links.by_id['home'] %}
<a href="{{ site.url }}{{ link.path }}">{{ link.name }}</a>
</li>
<li>
{% assign link = site.data.links.by_id['blog'] %}
<a href="{{ site.url }}{{ link.path }}">{{ link.name }}</a>
</li>
<li class="is-active">
<a href="{{ page.url }}">{{ page.name }}</a>
</li>
</ul>
</nav>
{% assign title = page.title | markdownify %}
{% assign introduction = page.introduction | markdownify %}
{% assign m = page.date | date: "%B" %}
{% assign d = page.date | date: "%-d" %}
{% assign y = page.date | date: "%Y" %}
{% if page.previous.url or page.next.url %}
<nav class="bd-prev-next">
{% if page.previous.url %}
<a href="{{ site.url }}{{ page.previous.url }}">
←
</a>
{% else %}
<span>
←
</span>
{% endif %}
{% capture banner_title %}
<a href="{{ site.url }}/blog">
The <strong>official</strong> Bulma <strong>blog</strong>
</a>
{% endcapture %}
{% if page.next.url %}
<a href="{{ site.url }}{{ page.next.url }}">
→
</a>
{% else %}
<span>
→
</span>
{% endif %}
</nav>
{% endif %}
</div>
{% capture banner_more %}
{% include elements/rss-button.html %}
{% endcapture %}
<header class="bd-header">
<div class="bd-header-titles">
<h1 class="title">
{{ page.title | markdownify }}
</h1>
<p class="subtitle is-4">
{{ page.date | date_to_string }}
</p>
</div>
{% include
elements/banner.html
title=banner_title
more=banner_more
%}
<div class="bd-header-carbon">
{% include elements/carbon.html %}
</div>
</header>
<div class="bd-content">
<div class="bd-post-container">
<div class="bd-post content is-medium">
{{ content }}
</div>
</div>
</div>
<nav class="bd-prev-next-bis">
{% if page.previous.url %}
<a class="bd-prev-next-bis-previous" href="{{ page.previous.url }}">
← {{ page.previous.name }}
</a>
{% endif %}
{% if page.next.url %}
<a class="bd-prev-next-bis-next" href="{{ page.next.url }}">
{{ page.next.name }} →
</a>
{% endif %}
</nav>
<header class="bd-single-header">
<div class="container is-max-desktop">
<div class="bd-single-titles">
<h1 class="title">
{{ title }}
</h1>
<div class="subtitle">
{{ introduction }}
</div>
<div class="subtitle is-date">
{{ m }}
{% case d %}{% when "1" or "21" or "31" %}{{ d }}st{% when "2" or "22" %}{{ d }}nd{% when "3" or "23" %}{{ d }}rd{% else %}{{ d }}th{% endcase %},
{{ y }}
</div>
</div>
</div>
</main>
</header>
{% if page.image %}
<div class="bd-single-image">
<div>
<figure>
<img
src="https://source.unsplash.com/{{ page.image }}/800x450"
srcset="https://source.unsplash.com/{{ page.image }}/800x450 800w,
https://source.unsplash.com/{{ page.image }}/1600x900 1600w,
https://source.unsplash.com/{{ page.image }}/3200x1800 3200w
"
sizes="(max-width: 799px) 100vw, 1600px"
alt="{{ page.alt }}"
width="1600"
height="900"
>
</figure>
</div>
</div>
{% else %}
<div class="bd-single-hr">
<div class="container is-max-desktop">
<hr>
</div>
</div>
{% endif %}
<div class="bd-single-body">
<div class="container is-max-desktop">
<div class="bd-single-content content">
{{ content }}
</div>
</div>
</div>
<div class="bd-single-hr">
<div class="container is-max-desktop">
<hr>
</div>
</div>
<nav class="bd-pagination">
<div class="container is-max-desktop">
<div class="bd-pagination-body">
{% if page.previous.url %}
<a class="button bd-fat-button is-link is-light bd-pagination-previous" href="{{ page.previous.url }}">
← {{ page.previous.name }}
</a>
{% endif %}
{% if page.next.url %}
<a class="button bd-fat-button is-link is-light bd-pagination-next" href="{{ page.next.url }}">
{{ page.next.name }} →
</a>
{% endif %}
</div>
</div>
</nav>
<div class="bd-single-carbon">
{% include elements/carbon.html %}
</div>