library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix relative links

Browse Source
This commit is contained in:
Jeremy Thomas 2018-10-12 11:23:32 +01:00
parent 6fe3eb0b74
commit 957a45a50c
18 changed files with 57 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/_includes/book/book-content.html
View File

@ -41,13 +41,13 @@
<a class="button bd-is-bleeding is-large" href="{{ site.data.meta.book_url }}" target="_blank" rel="nofollow"> <a class="button bd-is-bleeding is-large" href="{{ site.data.meta.book_url }}" target="_blank" rel="nofollow">
<span> <span>
<em>PDF + Epub + Mobi</em> <em>PDF + Epub + Mobi</em>
<strong>Buy</strong> from <img src="/images/book/bleedingedge-type.png"> <strong>Buy</strong> from <img src="{{ site.url }}/images/book/bleedingedge-type.png">
</span> </span>
</a> </a>
<a class="button bd-is-amazon is-large" href="{{ site.data.meta.book_amazon }}" target="_blank" rel="nofollow"> <a class="button bd-is-amazon is-large" href="{{ site.data.meta.book_amazon }}" target="_blank" rel="nofollow">
<span> <span>
<em>Kindle version</em> <em>Kindle version</em>
<strong>Buy</strong> from <img src="/images/book/amazon-logo.png"> <strong>Buy</strong> from <img src="{{ site.url }}/images/book/amazon-logo.png">
</span> </span>
</a> </a>
</div> </div>

4
docs/_includes/examples/navbar-bottom.html
View File

@ -16,11 +16,11 @@
Home Home
</a> </a>
<div class="navbar-item has-dropdown has-dropdown-up is-hoverable"> <div class="navbar-item has-dropdown has-dropdown-up is-hoverable">
<a class="navbar-link" href="/documentation/overview/start/"> <a class="navbar-link" href="{{ site.url }}/documentation/overview/start/">
Docs Docs
</a> </a>
<div class="navbar-dropdown"> <div class="navbar-dropdown">
<a class="navbar-item" href="/documentation/overview/start/"> <a class="navbar-item" href="{{ site.url }}/documentation/overview/start/">
Overview Overview
</a> </a>
<a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/"> <a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/">

4
docs/_includes/examples/navbar-color.html
View File

@ -20,11 +20,11 @@
Home Home
</a> </a>
<div class="navbar-item has-dropdown is-hoverable"> <div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="/documentation/overview/start/"> <a class="navbar-link" href="{{ site.url }}/documentation/overview/start/">
Docs Docs
</a> </a>
<div class="navbar-dropdown"> <div class="navbar-dropdown">
<a class="navbar-item" href="/documentation/overview/start/"> <a class="navbar-item" href="{{ site.url }}/documentation/overview/start/">
Overview Overview
</a> </a>
<a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/"> <a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/">

4
docs/_includes/examples/navbar.html
View File

@ -16,11 +16,11 @@
Home Home
</a> </a>
<div class="navbar-item has-dropdown is-hoverable"> <div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="/documentation/overview/start/"> <a class="navbar-link" href="{{ site.url }}/documentation/overview/start/">
Docs Docs
</a> </a>
<div class="navbar-dropdown{% if include.boxed %} is-boxed{% endif %}"> <div class="navbar-dropdown{% if include.boxed %} is-boxed{% endif %}">
<a class="navbar-item" href="/documentation/overview/start/"> <a class="navbar-item" href="{{ site.url }}/documentation/overview/start/">
Overview Overview
</a> </a>
<a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/"> <a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/">

2
docs/_includes/global/deprecated.html
View File

@ -2,7 +2,7 @@
<div class="notification is-info" style="border-radius: 0; margin-bottom: 0;"> <div class="notification is-info" style="border-radius: 0; margin-bottom: 0;">
<p> <p>
You are viewing the deprecated <strong>{{site.data.meta.version}}</strong> version of the website. You are viewing the deprecated <strong>{{site.data.meta.version}}</strong> version of the website.
<a href="/">Click here to view the latest version</a> <a href="{{ site.url }}/">Click here to view the latest version</a>
</p> </p>
</div> </div>
{% endif %} {% endif %}

2
docs/_includes/global/native.html
View File

@ -27,7 +27,7 @@
} }
</style> </style>
<div class="native-main"> <div class="native-main">
<img class="native-img" src="/images/fortyfour-native.png"> <img class="native-img" src="{{ site.url }}/images/fortyfour-native.png">
<div class="native-details"> <div class="native-details">
<span class="native-company">CSS in 44 minutes</span> <span class="native-company">CSS in 44 minutes</span>
<span class="native-desc">Learn how to build your own webpage from scratch!</span> <span class="native-desc">Learn how to build your own webpage from scratch!</span>

4
docs/_posts/2017-08-03-list-of-tags.md
View File

@ -12,8 +12,8 @@ The [tag](/documentation/elements/tag/) is a small but useful element that can b
A tag rarely comes on its own though, so Bulma now supports [list of tags](/documentation/elements/tag/#list-of-tags). The same way you can [group controls](together), you can now **group tags together** to form a list that can span multiple lines. A tag rarely comes on its own though, so Bulma now supports [list of tags](/documentation/elements/tag/#list-of-tags). The same way you can [group controls](together), you can now **group tags together** to form a list that can span multiple lines.
<figure> <figure>
<a href="/documentation/elements/tag/#list-of-tags"> <a href="{{ site.url }}/documentation/elements/tag/#list-of-tags">
<img src="/images/blog/list-of-tags.png" alt="List of tags in CSS" width="660" height="401"> <img src="{{ site.url }}/images/blog/list-of-tags.png" alt="List of tags in CSS" width="660" height="401">
</a> </a>
</figure> </figure>

4
docs/_posts/2017-10-22-list-of-buttons.md
View File

@ -10,8 +10,8 @@ icon: "hand-pointer"
Similarly to the [list of tags](/2017/08/03/list-of-tags/) launched a few months ago, the [button](/documentation/elements/button/) has its own **list of buttons**: Similarly to the [list of tags](/2017/08/03/list-of-tags/) launched a few months ago, the [button](/documentation/elements/button/) has its own **list of buttons**:
<figure> <figure>
<a href="/documentation/elements/button/#list-of-buttons"> <a href="{{ site.url }}/documentation/elements/button/#list-of-buttons">
<img src="/images/blog/list-of-buttons.png" alt="List of buttons in CSS" width="660" height="550"> <img src="{{ site.url }}/images/blog/list-of-buttons.png" alt="List of buttons in CSS" width="660" height="550">
</a> </a>
</figure> </figure>

6
docs/_posts/2017-11-01-fixed-navbar.md
View File

@ -11,7 +11,7 @@ You can now fix a [navbar](/documentation/components/navbar/#fixed-navbar) to th
<figure> <figure>
<video width="602.5" height="360" autoplay muted loop> <video width="602.5" height="360" autoplay muted loop>
<source src="/images/blog/fixed-navbar.mp4" type="video/mp4"> <source src="{{ site.url }}/images/blog/fixed-navbar.mp4" type="video/mp4">
</video> </video>
</figure> </figure>
@ -20,7 +20,7 @@ You can now fix a [navbar](/documentation/components/navbar/#fixed-navbar) to th
As a added **bonus**, the bottom navbar required a new **dropup** feature which has also been implemented! As a added **bonus**, the bottom navbar required a new **dropup** feature which has also been implemented!
<figure> <figure>
<a href="/documentation/components/navbar/#fixed-navbar"> <a href="{{ site.url }}/documentation/components/navbar/#fixed-navbar">
<img src="/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239"> <img src="{{ site.url }}/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239">
</a> </a>
</figure> </figure>

2
docs/_posts/2017-11-14-bulma-is-on-patreon.md
View File

@ -12,7 +12,7 @@ icon_brand: true
<figure> <figure>
<a href="https://www.patreon.com/jgthms" target="_blank"> <a href="https://www.patreon.com/jgthms" target="_blank">
<img src="/images/blog/patreon-homepage.png" alt="Bulma Patreon homepage" width="840" height="525"> <img src="{{ site.url }}/images/blog/patreon-homepage.png" alt="Bulma Patreon homepage" width="840" height="525">
</a> </a>
</figure> </figure>

48
docs/_posts/2018-04-13-website-redesign.md
View File

@ -10,9 +10,9 @@ icon: "star"
The Bulma website has been widely redesigned! There's been a lot of work, to say the least: The Bulma website has been widely redesigned! There's been a lot of work, to say the least:
<figure> <figure>
<img src="/images/blog/v7/files.png" alt="files" width="312" height="37"> <img src="{{ site.url }}/images/blog/v7/files.png" alt="files" width="312" height="37">
<br> <br>
<img src="/images/blog/v7/diff.png" alt="diff" width="167" height="38"> <img src="{{ site.url }}/images/blog/v7/diff.png" alt="diff" width="167" height="38">
</figure> </figure>
Just see for yourself! Just see for yourself!
@ -20,14 +20,14 @@ Just see for yourself!
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<p class="has-text-centered has-text-grey-light">Before</p> <p class="has-text-centered has-text-grey-light">Before</p>
<a href="/images/blog/v7/before.png"> <a href="{{ site.url }}/images/blog/v7/before.png">
<img src="/images/blog/v7/before.png" alt="v7 website" width="1400" height="1200"> <img src="{{ site.url }}/images/blog/v7/before.png" alt="v7 website" width="1400" height="1200">
</a> </a>
</div> </div>
<div class="column"> <div class="column">
<p class="has-text-centered has-text-grey-light">After</p> <p class="has-text-centered has-text-grey-light">After</p>
<a href="/images/blog/v7/after.png"> <a href="{{ site.url }}/images/blog/v7/after.png">
<img src="/images/blog/v7/after.png" alt="v7 website" width="1400" height="1200"> <img src="{{ site.url }}/images/blog/v7/after.png" alt="v7 website" width="1400" height="1200">
</a> </a>
</div> </div>
</div> </div>
@ -37,8 +37,8 @@ Just see for yourself!
The **navbar** has been updated with a lighter markup and cleaner design: The **navbar** has been updated with a lighter markup and cleaner design:
<figure> <figure>
<a href="/images/blog/v7/navbar.png"> <a href="{{ site.url }}/images/blog/v7/navbar.png">
<img src="/images/blog/v7/navbar.png" alt="navbar" width="1080" height="84"> <img src="{{ site.url }}/images/blog/v7/navbar.png" alt="navbar" width="1080" height="84">
</a> </a>
</figure> </figure>
@ -49,16 +49,16 @@ This doesn't affect the current navbars. There's actually a new modifier called
On the homepage, there's a new [**customization** section with a live example](/#customize): On the homepage, there's a new [**customization** section with a live example](/#customize):
<figure> <figure>
<a href="/#customize"> <a href="{{ site.url }}/#customize">
<img src="/images/blog/v7/customize.png" alt="customize" width="492" height="582"> <img src="{{ site.url }}/images/blog/v7/customize.png" alt="customize" width="492" height="582">
</a> </a>
</figure> </figure>
{% include elements/anchor.html name="Breadcrumb" %} {% include elements/anchor.html name="Breadcrumb" %}
<figure> <figure>
<a href="/images/blog/v7/breadcrumb.png"> <a href="{{ site.url }}/images/blog/v7/breadcrumb.png">
<img src="/images/blog/v7/breadcrumb.png" alt="breadcrumb" width="422" height="24"> <img src="{{ site.url }}/images/blog/v7/breadcrumb.png" alt="breadcrumb" width="422" height="24">
</a> </a>
</figure> </figure>
@ -80,8 +80,8 @@ This has led to the creation of new **intermediate pages**:
These intermediate pages have new **link boxes** that help dive into each sub-category: These intermediate pages have new **link boxes** that help dive into each sub-category:
<figure> <figure>
<a href="/images/blog/v7/links.png"> <a href="{{ site.url }}/images/blog/v7/links.png">
<img src="/images/blog/v7/links.png" alt="footer links" width="664" height="468"> <img src="{{ site.url }}/images/blog/v7/links.png" alt="footer links" width="664" height="468">
</a> </a>
</figure> </figure>
@ -90,16 +90,16 @@ These intermediate pages have new **link boxes** that help dive into each sub-ca
Next to the breadcrumb, you can easily navigate to the **sibling** pages with the **previous** and **next** links: Next to the breadcrumb, you can easily navigate to the **sibling** pages with the **previous** and **next** links:
<figure> <figure>
<a href="/images/blog/v7/prevnext.png"> <a href="{{ site.url }}/images/blog/v7/prevnext.png">
<img src="/images/blog/v7/prevnext.png" alt="prevnext buttons" width="48" height="24"> <img src="{{ site.url }}/images/blog/v7/prevnext.png" alt="prevnext buttons" width="48" height="24">
</a> </a>
</figure> </figure>
These links are also available at the bottom: These links are also available at the bottom:
<figure> <figure>
<a href="/images/blog/v7/prevnextbis.png"> <a href="{{ site.url }}/images/blog/v7/prevnextbis.png">
<img src="/images/blog/v7/prevnextbis.png" alt="prevnextbis buttons" width="664" height="58"> <img src="{{ site.url }}/images/blog/v7/prevnextbis.png" alt="prevnextbis buttons" width="664" height="58">
</a> </a>
</figure> </figure>
@ -108,8 +108,8 @@ These links are also available at the bottom:
There's a new **sidebar** including a navigation menu with all the categories and sub-categories: There's a new **sidebar** including a navigation menu with all the categories and sub-categories:
<figure> <figure>
<a href="/images/blog/v7/categories.png"> <a href="{{ site.url }}/images/blog/v7/categories.png">
<img src="/images/blog/v7/categories.png" alt="categories menu" width="256" height="397"> <img src="{{ site.url }}/images/blog/v7/categories.png" alt="categories menu" width="256" height="397">
</a> </a>
</figure> </figure>
@ -118,8 +118,8 @@ There's a new **sidebar** including a navigation menu with all the categories an
On some pages below the categories, you'll find a new menu called "On this page" which is actually a **scroll spy**: On some pages below the categories, you'll find a new menu called "On this page" which is actually a **scroll spy**:
<figure> <figure>
<a href="/images/blog/v7/scrollspy.png"> <a href="{{ site.url }}/images/blog/v7/scrollspy.png">
<img src="/images/blog/v7/scrollspy.png" alt="scrollspy menu" width="199" height="341"> <img src="{{ site.url }}/images/blog/v7/scrollspy.png" alt="scrollspy menu" width="199" height="341">
</a> </a>
</figure> </figure>
@ -128,8 +128,8 @@ On some pages below the categories, you'll find a new menu called "On this page"
The footer has been redesigned as well. Among other things, there's a **sitemap** available: The footer has been redesigned as well. Among other things, there's a **sitemap** available:
<figure> <figure>
<a href="/images/blog/v7/footer.png"> <a href="{{ site.url }}/images/blog/v7/footer.png">
<img src="/images/blog/v7/footer.png" alt="footer links" width="984" height="302"> <img src="{{ site.url }}/images/blog/v7/footer.png" alt="footer links" width="984" height="302">
</a> </a>
</figure> </figure>

4
docs/_posts/2018-06-20-automatic-variables-documentation.md
View File

@ -14,11 +14,11 @@ More and more CSS values are transformed into Sass variables for easy customizat
While providing these variables is necessary, it's only useful if developers are aware they exist! Keeping **in sync** the documentation and the source files used to be a manual process. It is now **automatic**, thanks to a script that parses the source files and outputs the numerous Sass variables as JSON data. While providing these variables is necessary, it's only useful if developers are aware they exist! Keeping **in sync** the documentation and the source files used to be a manual process. It is now **automatic**, thanks to a script that parses the source files and outputs the numerous Sass variables as JSON data.
<figure> <figure>
<img src="/images/blog/variables/json.png" alt="JSON variables" width="275" height="775"> <img src="{{ site.url }}/images/blog/variables/json.png" alt="JSON variables" width="275" height="775">
</figure> </figure>
As an added bonus, each variable row in the docs comes with its **type** and its **computed value** (if applicable). As an added bonus, each variable row in the docs comes with its **type** and its **computed value** (if applicable).
<figure> <figure>
<img src="/images/blog/variables/variables-table.png" alt="Variables table" width="597" height="212"> <img src="{{ site.url }}/images/blog/variables/variables-table.png" alt="Variables table" width="597" height="212">
</figure> </figure>

4
docs/documentation/components/navbar.html
View File

@ -368,11 +368,11 @@ meta:
{% capture navbar_dropup_snippet %} {% capture navbar_dropup_snippet %}
<div class="navbar-item has-dropdown has-dropdown-up is-hoverable"> <div class="navbar-item has-dropdown has-dropdown-up is-hoverable">
<a class="navbar-link" href="/documentation/overview/start/"> <a class="navbar-link" href="{{ site.url }}/documentation/overview/start/">
Docs Docs
</a> </a>
<div class="navbar-dropdown"> <div class="navbar-dropdown">
<a class="navbar-item" href="/documentation/overview/start/"> <a class="navbar-item" href="{{ site.url }}/documentation/overview/start/">
Overview Overview
</a> </a>
</div> </div>

2
docs/documentation/elements/delete.html
View File

@ -74,7 +74,7 @@ meta:
<div class="content"> <div class="content">
<p> <p>
Bulma uses it for the <a href="/documentation/elements/tag/">tags</a>, the <a href="/documentation/elements/notification/">notifications</a>, and the <a href="/documentation/components/message/">messages</a>: Bulma uses it for the <a href="{{ site.url }}/documentation/elements/tag/">tags</a>, the <a href="{{ site.url }}/documentation/elements/notification/">notifications</a>, and the <a href="{{ site.url }}/documentation/components/message/">messages</a>:
</p> </p>
</div> </div>

2
docs/documentation/elements/icon.html
View File

@ -101,7 +101,7 @@ meta:
<div class="content"> <div class="content">
<p> <p>
Since icon fonts are simply <strong>text</strong>, you can use the <a href="/documentation/modifiers/typography-helpers/#colors">text color modifiers</a> to change the icon's color. Since icon fonts are simply <strong>text</strong>, you can use the <a href="{{ site.url }}/documentation/modifiers/typography-helpers/#colors">text color modifiers</a> to change the icon's color.
</p> </p>
</div> </div>

4
docs/documentation/overview/start.html
View File

@ -125,9 +125,9 @@ breadcrumb:
<div class="content"> <div class="content">
<p> <p>
<code><a href="/bulma-start/">bulma-start</a></code> is a tiny npm package that includes the <code>npm</code> dependencies you need to build your own website with Bulma. <code><a href="{{ site.url }}/bulma-start/">bulma-start</a></code> is a tiny npm package that includes the <code>npm</code> dependencies you need to build your own website with Bulma.
</p> </p>
<p> <p>
<a class="button is-link" href="/bulma-start/">Check it out</a> <a class="button is-link" href="{{ site.url }}/bulma-start/">Check it out</a>
</p> </p>
</div> </div>

4
docs/videos.html
View File

@ -102,10 +102,10 @@ videos:
<div class="column is-8 is-offset-1"> <div class="column is-8 is-offset-1">
<a class="image" href="{{ video.video_url }}" target="_blank" rel="nofollow"> <a class="image" href="{{ video.video_url }}" target="_blank" rel="nofollow">
{% if video.no_video %} {% if video.no_video %}
<img src="/images/videos/{{ video.id }}.png" alt="{{ video.title }} screenshot"> <img src="{{ site.url }}/images/videos/{{ video.id }}.png" alt="{{ video.title }} screenshot">
{% else %} {% else %}
<video autoplay loop muted> <video autoplay loop muted>
<source media="(min-width: 640px)" src="/images/videos/{{ video.id }}.mp4"> <source media="(min-width: 640px)" src="{{ site.url }}/images/videos/{{ video.id }}.mp4">
</video> </video>
{% endif %} {% endif %}
</a> </a>

6
package.json
View File

@ -2,7 +2,11 @@
"name": "bulma", "name": "bulma",
"version": "0.7.2", "version": "0.7.2",
"homepage": "https://bulma.io", "homepage": "https://bulma.io",
"author": "Jeremy Thomas <bbxdesign@gmail.com> (https://jgthms.com)", "author": {
"name": "Jeremy Thomas",
"email": "bbxdesign@gmail.com",
"url": "https://jgthms.com"
},
"description": "Modern CSS framework based on Flexbox", "description": "Modern CSS framework based on Flexbox",
"main": "bulma.sass", "main": "bulma.sass",
"unpkg": "css/bulma.css", "unpkg": "css/bulma.css",