Fix relative links

diff --git a/docs/_includes/book/book-content.html b/docs/_includes/book/book-content.html
index 1c9c8db62847e0e101758d5b88b059da6a62a4e1..7931048c3ee05cd43e141edc1a80bf1661ec4c85 100644 (file)
--- a/docs/_includes/book/book-content.html
+++ b/docs/_includes/book/book-content.html
@@ -41,13 +41,13 @@
       <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="/images/book/bleedingedge-type.png">
+          <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="/images/book/amazon-logo.png">
+          <strong>Buy</strong> from <img src="{{ site.url }}/images/book/amazon-logo.png">
         </span>
       </a>
     </div>

diff --git a/docs/_includes/examples/navbar-bottom.html b/docs/_includes/examples/navbar-bottom.html
index 2d6b5edfdaf4d3b6ea1289a7e0b924089c437fe0..5556fba4c46f0cd4e9211d8d67fa2ed666d1850e 100644 (file)
--- a/docs/_includes/examples/navbar-bottom.html
+++ b/docs/_includes/examples/navbar-bottom.html
@@ -16,11 +16,11 @@
         Home
       </a>
       <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
         </a>
         <div class="navbar-dropdown">
-          <a class="navbar-item" href="/documentation/overview/start/">
+          <a class="navbar-item" href="{{ site.url }}/documentation/overview/start/">
             Overview
           </a>
           <a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/">

diff --git a/docs/_includes/examples/navbar-color.html b/docs/_includes/examples/navbar-color.html
index 86ab7a5ef2d3abe1c8b2dc3d7aa857ee2264f863..db07ead13de4024ca84f4a118310641cc67bb1db 100644 (file)
--- a/docs/_includes/examples/navbar-color.html
+++ b/docs/_includes/examples/navbar-color.html
@@ -20,11 +20,11 @@
         Home
       </a>
       <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
         </a>
         <div class="navbar-dropdown">
-          <a class="navbar-item" href="/documentation/overview/start/">
+          <a class="navbar-item" href="{{ site.url }}/documentation/overview/start/">
             Overview
           </a>
           <a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/">

diff --git a/docs/_includes/examples/navbar.html b/docs/_includes/examples/navbar.html
index 0a2b3d2443a5371f52ace693bfa392be9c49c29a..6a777e358a9fa34d75932663874c583dae4930a8 100644 (file)
--- a/docs/_includes/examples/navbar.html
+++ b/docs/_includes/examples/navbar.html
@@ -16,11 +16,11 @@
         Home
       </a>
       <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
         </a>
         <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
           </a>
           <a class="navbar-item" href="{{ site.url }}/documentation/modifiers/syntax/">

diff --git a/docs/_includes/global/deprecated.html b/docs/_includes/global/deprecated.html
index c307b3d0f1c501e16fdefc7f04298c91a44da75e..6346716e9a979916b2784fc3695373f21eae5ecf 100644 (file)
--- a/docs/_includes/global/deprecated.html
+++ b/docs/_includes/global/deprecated.html
@@ -2,7 +2,7 @@
   <div class="notification is-info" style="border-radius: 0; margin-bottom: 0;">
     <p>
       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>
   </div>
 {% endif %}

diff --git a/docs/_includes/global/native.html b/docs/_includes/global/native.html
index b8ceee2da00cc5249a693432551b109172012d7e..fce56dc581f3004cfe41d6ed153ef0a8cb70667a 100644 (file)
--- a/docs/_includes/global/native.html
+++ b/docs/_includes/global/native.html
@@ -27,7 +27,7 @@
         }
       </style>
       <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">
           <span class="native-company">CSS in 44 minutes</span>
           <span class="native-desc">Learn how to build your own webpage from scratch!</span>

diff --git a/docs/_posts/2017-08-03-list-of-tags.md b/docs/_posts/2017-08-03-list-of-tags.md
index 88794dcc85601c852b86f77d1b68d546f36f4e28..9078e8cfcd64d3f778a1f39b4dceaeae663c1ca4 100644 (file)
--- a/docs/_posts/2017-08-03-list-of-tags.md
+++ b/docs/_posts/2017-08-03-list-of-tags.md
@@ -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.
 
 <figure>
-  <a href="/documentation/elements/tag/#list-of-tags">
-    <img src="/images/blog/list-of-tags.png" alt="List of tags in CSS" width="660" height="401">
+  <a href="{{ site.url }}/documentation/elements/tag/#list-of-tags">
+    <img src="{{ site.url }}/images/blog/list-of-tags.png" alt="List of tags in CSS" width="660" height="401">
   </a>
 </figure>
 

diff --git a/docs/_posts/2017-10-22-list-of-buttons.md b/docs/_posts/2017-10-22-list-of-buttons.md
index 760ee2ec02b05777100852d855fa2eaef8c649fe..196826b302e7baf92a2902849eac0062a7e66887 100644 (file)
--- a/docs/_posts/2017-10-22-list-of-buttons.md
+++ b/docs/_posts/2017-10-22-list-of-buttons.md
@@ -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**:
 
 <figure>
-  <a href="/documentation/elements/button/#list-of-buttons">
-    <img src="/images/blog/list-of-buttons.png" alt="List of buttons in CSS" width="660" height="550">
+  <a href="{{ site.url }}/documentation/elements/button/#list-of-buttons">
+    <img src="{{ site.url }}/images/blog/list-of-buttons.png" alt="List of buttons in CSS" width="660" height="550">
   </a>
 </figure>
 

diff --git a/docs/_posts/2017-11-01-fixed-navbar.md b/docs/_posts/2017-11-01-fixed-navbar.md
index 16311c0ffb0a152f694e4082483996b8513ce07a..00103edd8f95995598b3ae2c048c8a43a7483304 100644 (file)
--- a/docs/_posts/2017-11-01-fixed-navbar.md
+++ b/docs/_posts/2017-11-01-fixed-navbar.md
@@ -11,7 +11,7 @@ You can now fix a [navbar](/documentation/components/navbar/#fixed-navbar) to th
 
 <figure>
   <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>
 </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!
 
 <figure>
-  <a href="/documentation/components/navbar/#fixed-navbar">
-    <img src="/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239">
+  <a href="{{ site.url }}/documentation/components/navbar/#fixed-navbar">
+    <img src="{{ site.url }}/images/blog/dropup.png" alt="Navbar dropup" width="660" height="239">
   </a>
 </figure>

diff --git a/docs/_posts/2017-11-14-bulma-is-on-patreon.md b/docs/_posts/2017-11-14-bulma-is-on-patreon.md
index 6c75c26994bb8a425d9163e33c65ee99867e21a8..6c4e38d1b0bea1bd5fd2e32000ec9139c32ff6df 100644 (file)
--- a/docs/_posts/2017-11-14-bulma-is-on-patreon.md
+++ b/docs/_posts/2017-11-14-bulma-is-on-patreon.md
@@ -12,7 +12,7 @@ icon_brand: true
 
 <figure>
   <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>
 </figure>
 

diff --git a/docs/_posts/2018-04-13-website-redesign.md b/docs/_posts/2018-04-13-website-redesign.md
index e70b4a607549abee42346856d4cf233b5b09582a..ff87dc56db238b93f1d217e1172564ca53c234d7 100644 (file)
--- a/docs/_posts/2018-04-13-website-redesign.md
+++ b/docs/_posts/2018-04-13-website-redesign.md
@@ -10,9 +10,9 @@ icon: "star"
 The Bulma website has been widely redesigned! There's been a lot of work, to say the least:
 
 <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>
-  <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>
 
 Just see for yourself!
@@ -20,14 +20,14 @@ Just see for yourself!
 <div class="columns">
   <div class="column">
     <p class="has-text-centered has-text-grey-light">Before</p>
-    <a href="/images/blog/v7/before.png">
-      <img src="/images/blog/v7/before.png" alt="v7 website" width="1400" height="1200">
+    <a href="{{ site.url }}/images/blog/v7/before.png">
+      <img src="{{ site.url }}/images/blog/v7/before.png" alt="v7 website" width="1400" height="1200">
     </a>
   </div>
   <div class="column">
     <p class="has-text-centered has-text-grey-light">After</p>
-    <a href="/images/blog/v7/after.png">
-      <img src="/images/blog/v7/after.png" alt="v7 website" width="1400" height="1200">
+    <a href="{{ site.url }}/images/blog/v7/after.png">
+      <img src="{{ site.url }}/images/blog/v7/after.png" alt="v7 website" width="1400" height="1200">
     </a>
   </div>
 </div>
@@ -37,8 +37,8 @@ Just see for yourself!
 The **navbar** has been updated with a lighter markup and cleaner design:
 
 <figure>
-  <a href="/images/blog/v7/navbar.png">
-    <img src="/images/blog/v7/navbar.png" alt="navbar" width="1080" height="84">
+  <a href="{{ site.url }}/images/blog/v7/navbar.png">
+    <img src="{{ site.url }}/images/blog/v7/navbar.png" alt="navbar" width="1080" height="84">
   </a>
 </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):
 
 <figure>
-  <a href="/#customize">
-    <img src="/images/blog/v7/customize.png" alt="customize" width="492" height="582">
+  <a href="{{ site.url }}/#customize">
+    <img src="{{ site.url }}/images/blog/v7/customize.png" alt="customize" width="492" height="582">
   </a>
 </figure>
 
 {% include elements/anchor.html name="Breadcrumb" %}
 
 <figure>
-  <a href="/images/blog/v7/breadcrumb.png">
-    <img src="/images/blog/v7/breadcrumb.png" alt="breadcrumb" width="422" height="24">
+  <a href="{{ site.url }}/images/blog/v7/breadcrumb.png">
+    <img src="{{ site.url }}/images/blog/v7/breadcrumb.png" alt="breadcrumb" width="422" height="24">
   </a>
 </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:
 
 <figure>
-  <a href="/images/blog/v7/links.png">
-    <img src="/images/blog/v7/links.png" alt="footer links" width="664" height="468">
+  <a href="{{ site.url }}/images/blog/v7/links.png">
+    <img src="{{ site.url }}/images/blog/v7/links.png" alt="footer links" width="664" height="468">
   </a>
 </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:
 
 <figure>
-  <a href="/images/blog/v7/prevnext.png">
-    <img src="/images/blog/v7/prevnext.png" alt="prevnext buttons" width="48" height="24">
+  <a href="{{ site.url }}/images/blog/v7/prevnext.png">
+    <img src="{{ site.url }}/images/blog/v7/prevnext.png" alt="prevnext buttons" width="48" height="24">
   </a>
 </figure>
 
 These links are also available at the bottom:
 
 <figure>
-  <a href="/images/blog/v7/prevnextbis.png">
-    <img src="/images/blog/v7/prevnextbis.png" alt="prevnextbis buttons" width="664" height="58">
+  <a href="{{ site.url }}/images/blog/v7/prevnextbis.png">
+    <img src="{{ site.url }}/images/blog/v7/prevnextbis.png" alt="prevnextbis buttons" width="664" height="58">
   </a>
 </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:
 
 <figure>
-  <a href="/images/blog/v7/categories.png">
-    <img src="/images/blog/v7/categories.png" alt="categories menu" width="256" height="397">
+  <a href="{{ site.url }}/images/blog/v7/categories.png">
+    <img src="{{ site.url }}/images/blog/v7/categories.png" alt="categories menu" width="256" height="397">
   </a>
 </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**:
 
 <figure>
-  <a href="/images/blog/v7/scrollspy.png">
-    <img src="/images/blog/v7/scrollspy.png" alt="scrollspy menu" width="199" height="341">
+  <a href="{{ site.url }}/images/blog/v7/scrollspy.png">
+    <img src="{{ site.url }}/images/blog/v7/scrollspy.png" alt="scrollspy menu" width="199" height="341">
   </a>
 </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:
 
 <figure>
-  <a href="/images/blog/v7/footer.png">
-    <img src="/images/blog/v7/footer.png" alt="footer links" width="984" height="302">
+  <a href="{{ site.url }}/images/blog/v7/footer.png">
+    <img src="{{ site.url }}/images/blog/v7/footer.png" alt="footer links" width="984" height="302">
   </a>
 </figure>
 

diff --git a/docs/_posts/2018-06-20-automatic-variables-documentation.md b/docs/_posts/2018-06-20-automatic-variables-documentation.md
index e6e40866dfef47d7a3d24ab3bc812077a4be18e0..dc4bdfa112c00b18330ee92fa2721052b31eaa08 100644 (file)
--- a/docs/_posts/2018-06-20-automatic-variables-documentation.md
+++ b/docs/_posts/2018-06-20-automatic-variables-documentation.md
@@ -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.
 
 <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>
 
 As an added bonus, each variable row in the docs comes with its **type** and its **computed value** (if applicable).
 
 <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>

diff --git a/docs/documentation/components/navbar.html b/docs/documentation/components/navbar.html
index b4cb86d99ee69bf370157973a4d95a8cb07cc6fc..a9b9d244423e0140584429fd558cff77ce0ff37f 100644 (file)
--- a/docs/documentation/components/navbar.html
+++ b/docs/documentation/components/navbar.html
@@ -368,11 +368,11 @@ meta:
 
 {% capture navbar_dropup_snippet %}
 <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
   </a>
   <div class="navbar-dropdown">
-    <a class="navbar-item" href="/documentation/overview/start/">
+    <a class="navbar-item" href="{{ site.url }}/documentation/overview/start/">
       Overview
     </a>
   </div>

diff --git a/docs/documentation/elements/delete.html b/docs/documentation/elements/delete.html
index 666904d8389c1686a5f4b4a816bf11be54a719d9..14a49b28d23566506712f52500fffd674618d2f2 100644 (file)
--- a/docs/documentation/elements/delete.html
+++ b/docs/documentation/elements/delete.html
@@ -74,7 +74,7 @@ meta:
 
 <div class="content">
   <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>
 </div>
 

diff --git a/docs/documentation/elements/icon.html b/docs/documentation/elements/icon.html
index 3ba2ff5b67a9ef3ea80a827b6a85d74b6de9ff4d..71b739d0a9beab4fd3a008ae409d44cb969fe2f6 100644 (file)
--- a/docs/documentation/elements/icon.html
+++ b/docs/documentation/elements/icon.html
@@ -101,7 +101,7 @@ meta:
 
 <div class="content">
   <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>
 </div>
 

diff --git a/docs/documentation/overview/start.html b/docs/documentation/overview/start.html
index 8ad3e9dfc5832946550cf5a025fb815d80f1f3b5..e94ba42fef8c656b3bffd00e69b9d94d17c51bd3 100644 (file)
--- a/docs/documentation/overview/start.html
+++ b/docs/documentation/overview/start.html
@@ -125,9 +125,9 @@ breadcrumb:
 
 <div class="content">
   <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>
-    <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>
 </div>

diff --git a/docs/videos.html b/docs/videos.html
index 2a119960fc8d0730098f510441b9aa2495c95c9b..1a8d6e4a209ca765852e16ce5d94e6b09e0d7748 100644 (file)
--- a/docs/videos.html
+++ b/docs/videos.html
@@ -102,10 +102,10 @@ videos:
               <div class="column is-8 is-offset-1">
                 <a class="image" href="{{ video.video_url }}" target="_blank" rel="nofollow">
                   {% 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 %}
                     <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>
                     {% endif %}
                 </a>

diff --git a/package.json b/package.json
index e72a8c5c17610740bae77c082f1f178a783fa6f6..71ae4f07d2eb5d639ba112d75a1813082a7af0dc 100644 (file)
--- a/package.json
+++ b/package.json
@@ -2,7 +2,11 @@
   "name": "bulma",
   "version": "0.7.2",
   "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",
   "main": "bulma.sass",
   "unpkg": "css/bulma.css",