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

Init v1

Browse Source
This commit is contained in:
Jeremy Thomas
2024-03-21 16:11:54 +00:00
parent 16f1b76881
commit 69877a652c
3261 changed files with 255369 additions and 108913 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
docs/made-with-bulma.html
View File

@@ -1,6 +1,7 @@
---
fulltitle: Made with Bulma badges
layout: default
theme: expo
route: made-with-bulma
breadcrumb:
- home
@@ -18,35 +19,32 @@ images:
- name: "Semi white"
description: "Transparent white and turquoise"
type: "--semiwhite"
bg: "url(/images/various/tom-levold-260373.jpg) center center/cover no-repeat"
bg: "url(/assets/images/various/tom-levold-260373.jpg) center center/cover no-repeat"
- name: "White"
description: "Transparent white"
type: "--white"
bg: "url(/images/various/sven-scheuermeier-34477.jpg) center center/cover no-repeat"
bg: "url(/assets/images/various/sven-scheuermeier-34477.jpg) center center/cover no-repeat"
- name: "Semiblack"
description: "Transparent black and turquoise"
type: "--semiblack"
bg: "url(/images/various/rodion-kutsaev-24833.jpg) center top/cover no-repeat"
bg: "url(/assets/images/various/rodion-kutsaev-24833.jpg) center top/cover no-repeat"
- name: "Black"
description: "Transparent black"
type: "--black"
bg: "url(/images/various/dmitri-popov-265077.jpg) center center/cover no-repeat"
bg: "url(/assets/images/various/dmitri-popov-265077.jpg) center center/cover no-repeat"
---
{% include global/navbar.html id="MadeWithBulma" %}
{% include global/header.html %}
{%
include components/hero.html
color="expo"
icon="fas fa-certificate"
title="**Made** with Bulma badges"
subtitle="The official community badge"
include docs/hero.html
title="Made with Bulma"
subtitle="The official community badge."
%}
{% capture image_example %}
<a href="https://bulma.io">
<img
src="{{ site.url }}/images/made-with-bulma.png"
src="{{ site.url }}/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="128"
height="24">
@@ -56,7 +54,7 @@ images:
{% capture image_bigger_example %}
<a href="https://bulma.io">
<img
src="{{ site.url }}/images/made-with-bulma.png"
src="{{ site.url }}/assets/images/made-with-bulma.png"
alt="Made with Bulma"
width="256"
height="48">
@@ -83,26 +81,26 @@ images:
</thead>
<tbody>
{% for image in page.images %}
{% assign imageUrl = "/images/made-with-bulma" | prepend: site.url | append: image.type | append: ".png" %}
{% assign imageUrl = "/assets/images/made-with-bulma" | prepend: site.url | append: image.type | append: ".png" %}
<tr>
<td>{{ image.name }}</td>
<td style="background: {{ image.bg }};"><img src="{{ imageUrl }}" alt="Made with Bulma" width="128" height="24"></td>
<td>{{ image.description }}</td>
<td>
<a class="button bd-fat-button is-link is-light is-small" href="{{ imageUrl }}">Download image</a>
<td style="vertical-align: middle;">{{ image.name }}</td>
<td style="background: {{ image.bg }}; vertical-align: middle;"><img src="{{ imageUrl }}" alt="Made with Bulma" width="128" height="24"></td>
<td style="vertical-align: middle;">{{ image.description }}</td>
<td style="vertical-align: middle;">
<a class="button is-link is-soft" href="{{ imageUrl }}">Download image</a>
</td>
</tr>
{% endfor %}
<tr>
<td style="vertical-align: middle;">All 6</td>
<td style="vertical-align: middle;" colspan="2"><code>made-with-bulma-badges.zip</code></td>
<td><a class="button bd-fat-button is-primary is-light is-small" href="{{ site.url }}/images/made-with-bulma-badges.zip"><span><strong>Download</strong> all 6 badges</span></a></td>
<td><a class="button is-primary" href="{{ site.url }}/assets/images/made-with-bulma-badges.zip"><span><strong>Download</strong> all 6 badges</span></a></td>
</tr>
</tbody>
</table>
</div>
{% include elements/anchor.html name="Usage" %}
{% include docs/elements/anchor.html name="Usage" %}
<div class="content">
<p>
@@ -110,7 +108,7 @@ images:
</p>
</div>
{% include elements/snippet.html content=image_example horizontal=true %}
{% include docs/elements/snippet.html content=image_example horizontal=true %}
<div class="content">
<p>
@@ -118,9 +116,9 @@ images:
</p>
</div>
{% include elements/snippet.html content=image_bigger_example horizontal=true %}
{% include docs/elements/snippet.html content=image_bigger_example horizontal=true %}
{% include elements/anchor.html name="Badge snippets" %}
{% include docs/elements/anchor.html name="Badge snippets" %}
<div class="content">
<p>
@@ -130,13 +128,13 @@ images:
{% for image in page.images %}
<div class="bd-snippet bd-is-vertical bd-is-one-fifth">
<div class="bd-snippet-preview bd-is-mwb">
<div class="bd-snippet-mwb" style="background: {{ image.bg }};">
{{ image_example }}
</div>
</div>
<div class="bd-snippet-preview bd-is-mwb">
<div class="bd-snippet-mwb" style="background: {{ image.bg }};">
{{ image_example }}
</div>
</div>
<div class="bd-snippet-code bd-is-mwb"><div class="bd-snippet-highlight bd-highlight-full">{% highlight html %}{{ image_example }}{% endhighlight %}</div></div>
<div class="bd-snippet-code bd-is-mwb"><div class="bd-snippet-highlight bd-highlight-full">{% highlight html %}{{ image_example }}{% endhighlight %}</div></div>
</div>
{% endfor %}
</div>