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

Fix website transfer includes

Browse Source
This commit is contained in:
Jeremy Thomas
2024-03-21 16:39:38 +00:00
parent 69877a652c
commit ab5b308f88
29 changed files with 444 additions and 890 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
docs/_includes/book/book-banner.html Normal file
View File

@@ -0,0 +1,15 @@
<section id="bulma-book" class="bd-book-banner hero is-medium">
<!-- <div class="bd-book-pattern"></div> -->
<div class="hero-body">
<div class="container">
<div class="bd-book-columns">
<div class="bd-book-column bd-is-cover">
{% include book/book-cover.html %}
</div>
<div class="bd-book-column bd-is-content">
{% include book/book-content.html show_cover=false %}
</div>
</div>
</div>
</div>
</section>

59
docs/_includes/book/book-content.html Normal file
View File

@@ -0,0 +1,59 @@
<div class="bd-book-content">
<header class="block bd-book-header">
<strong class="tag is-success">New!</strong>
<h3 class="title">The official Bulma book! 😲</h3>
<p class="subtitle is-6 has-text-grey">by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,<br>Mikko Lauhakari, Aslam Shah and David Berning</p>
</header>
{% if include.show_cover %}
<div class="bd-book-inline-cover">
{% include book/book-cover.html %}
</div>
{% endif %}
<div class="block bd-book-description is-size-5">
<p>A <strong>step-by-step guide</strong> that teaches you how to build a <strong>web interface from scratch</strong> using Bulma.</p>
</div>
<div class="bd-book-tags">
<div class="field is-grouped is-grouped-multiline">
<div class="control">
<span class="tag is-white has-text-grey is-paddingless">Formats available:</span>
</div>
<div class="control">
<div class="tags has-addons">
<strong class="tag has-text-danger">PDF</strong>
<strong class="tag has-text-info">Epub</strong>
<strong class="tag has-text-success">Mobi</strong>
</div>
</div>
<div class="control">
<span class="tag is-white has-text-grey is-paddingless">or</span>
</div>
<div class="control">
<div class="tags has-addons">
<strong class="tag has-text-orange">Kindle</strong>
</div>
</div>
</div>
</div>
<div class="block bd-book-buttons">
<div class="buttons">
<a class="button bd-is-bleeding is-large" href="{{ site.data.meta.book_url }}" target="_blank" rel="nofollow">
<span>
<em>PDF + Epub + Mobi</em>
<strong>Buy</strong> from <img src="{{ site.url }}/images/book/bleedingedge-type.png">
</span>
</a>
<a class="button bd-is-amazon is-large" href="{{ site.data.meta.book_amazon }}" target="_blank" rel="nofollow">
<span>
<em>Kindle version</em>
<strong>Buy</strong> from <img src="{{ site.url }}/images/book/amazon-logo.png">
</span>
</a>
</div>
<div class="bd-book-sample">
Or <a href="{{ site.data.meta.book_sample }}" target="_blank" rel="nofollow">
download a free sample</a>!
</div>
</div>
</div>

12
docs/_includes/book/book-cover.html Normal file
View File

@@ -0,0 +1,12 @@
<div class="bd-book-cover">
<a href="{{ site.data.meta.book_url }}" target="_blank">
{%
include docs/elements/responsive-image-2x.html
path="book/book-cover"
extension="jpg"
alt="The official Bulma book cover"
width="504"
height="661"
%}
</a>
</div>

14
docs/_includes/book/book-modal.html Normal file
View File

@@ -0,0 +1,14 @@
<div id="bookModal" class="bd-book-modal modal">
<div class="bd-book-modal-background"></div>
<div class="modal-content">
<div class="bd-book-modal-columns">
<div class="bd-book-modal-column bd-is-cover">
{% include book/book-cover.html %}
</div>
<div class="bd-book-modal-column bd-is-content">
{% include book/book-content.html show_cover=true %}
</div>
</div>
</div>
<button class="bd-book-modal-close modal-close is-large" aria-label="close"></button>
</div>