Base for URLs.

_includes/footer.html

@@ -4,10 +4,10 @@
         <div>
             <h4>Navigation</h4>
             <ul>
-                <li><a href="/">Home</a></li>
+                <li><a href="{{ site.baseurl }}">Home</a></li>
-                <li><a href="/why.html">Why do I need it?</a></li>
+                <li><a href="{{ site.baseurl }}/why.html">Why do I need it?</a></li>
-                <li><a href="/what.html">What does it do?</a></li>
+                <li><a href="{{ site.baseurl }}/what.html">What does it do?</a></li>
-                <li><a href="/how.html">How do I use it?</a></li>
+                <li><a href="{{ site.baseurl }}/how.html">How do I use it?</a></li>
             </ul>
         </div>
 
@@ -37,13 +37,13 @@
 
     <p>
         Master Password is a security product and algorithm by <a href="http://www.lhunath.com/">Maarten Billemont</a>, Lyndir (&copy; 2011-2018).<br>
-        Usage implies agreement with our <a href="/privacy.html">privacy policy and disclaimer</a>.
+        Usage implies agreement with our <a href="{{ site.baseurl }}/privacy.html">privacy policy and disclaimer</a>.
     </p>
     <p><a href="http://guide.bash.academy/">The Bash Guide</a> ● <a href="http://gorillas.lyndir.com">Gorillas</a> ● <a href="https://github.com/Lyndir">GitHub</a> ● <a href="http://thanks.lhunath.com">Send Thanks</a></p>
 
 </footer>
 
-<script src="/js/jquery-3.3.1.min.js"></script>
+<script src="{{ site.baseurl }}/js/jquery-3.3.1.min.js"></script>
-<script src="/js/jquery.paroller.min.js"></script>
+<script src="{{ site.baseurl }}/js/jquery.paroller.min.js"></script>
-<script src="/js/main.js"></script>
+<script src="{{ site.baseurl }}/js/main.js"></script>
 

_includes/head.html

@@ -7,9 +7,8 @@
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
   <meta name="apple-itunes-app" content="app-id=510296984" />
 
-  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
   <link rel="shortcut icon" href="img/favicon.png" type="image/x-png" />
   <link rel="icon" href="img/favicon.png" type="image/x-png" />
 </head>

_includes/header.html

@@ -1,6 +1,6 @@
 <header class="{{ page.header }}">
     <nav>
-        <a href="/" data-hero="main">Master Password</a>
+        <a href="{{ site.baseurl }}" data-hero="main">Master Password</a>
         <div class="flex-auto">
             <a href="https://itunes.apple.com/app/id510296984" data-hero="ios">iOS.</a>
             <a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk" data-hero="android">Android.</a>
@@ -17,8 +17,8 @@
     <div class="flex-auto"></div>
 
     <nav>
-        <a href="why.html"{% if page.nav == "why" %} class="active"{% endif %}>Why</a>
+        <a href="{{ site.baseurl }}/why.html"{% if page.nav == "why" %} class="active"{% endif %}>Why</a>
-        <a href="what.html"{% if page.nav == "what" %} class="active"{% endif %}>What</a>
+        <a href="{{ site.baseurl }}/what.html"{% if page.nav == "what" %} class="active"{% endif %}>What</a>
-        <a href="how.html"{% if page.nav == "how" %} class="active"{% endif %}>How</a>
+        <a href="{{ site.baseurl }}/how.html"{% if page.nav == "how" %} class="active"{% endif %}>How</a>
     </nav>
 </header>

how.html

@@ -6,7 +6,7 @@ nav: how
 <section id="how">
     <h1>How do I use it?</h1>
 
-    <h2><img src="/img/password_offer_944292.svg" title="https://thenounproject.com/term/key-delivery/944292/" />
+    <h2><img src="{{ site.baseurl }}/img/password_offer_944292.svg" title="https://thenounproject.com/term/key-delivery/944292/" />
         One, two, enter.</h2>
 
     <p>Good security depends on ease of use.</p>
@@ -19,7 +19,7 @@ nav: how
     <hr>
     <p>Most browsers will then ask you to "save" the site's password. If you're comfortable with that, it's a good way of skipping the above steps and logging in even faster next time.</p>
 
-    <h2><img src="/img/getting_started_162761.svg" title="https://thenounproject.com/term/rocket/162761/" />
+    <h2><img src="{{ site.baseurl }}/img/getting_started_162761.svg" title="https://thenounproject.com/term/rocket/162761/" />
         Getting started.</h2>
 
     <p>As explained, Master Password is not a password manager or a vault.  It is not made to hold your existing site passwords &mdash; that would violate the principles it stands for and break the advantages it offers over ordinary password managers.</p>
@@ -30,28 +30,28 @@ nav: how
 
     <p>All right. Here's Robert on his iPhone:</p>
 
-    <img src="/img/howto-twitter-signup.png" />
+    <img src="{{ site.baseurl }}/img/howto-twitter-signup.png" />
 
     <p>He wants to sign up for Twitter. Robert filled in all the fields, except for password. Not wanting to worry about what his twitter secret is going to be, he switches to Master Password.</p>
 
-    <img src="/img/howto-mp-login.png" />
+    <img src="{{ site.baseurl }}/img/howto-mp-login.png" />
 
     <p>Of course, he begins by unlocking his user with his master password. Robert can skip this step by going into Master Password's preferences and setting it to either save his master key or remember his login, but he choses not to.</p>
 
-    <img src="/img/howto-mp-create.png" />
+    <img src="{{ site.baseurl }}/img/howto-mp-create.png" />
-    <img src="/img/howto-mp-create-confirm.png" />
+    <img src="{{ site.baseurl }}/img/howto-mp-create-confirm.png" />
 
     <p>He creates a password for Twitter by using its bare domain name: twitter.com. He knows not to use mobile.twitter.com or Twitter or anything non-standard, because that would be very difficult to remember correctly on a later date. If he has multiple twitter accounts, he could prefix the name with a user name and an @: rmitchell@twitter.com, superbob@twitter.com.</p>
 
-    <img src="/img/howto-mp-type-change.png" />
+    <img src="{{ site.baseurl }}/img/howto-mp-type-change.png" />
-    <img src="/img/howto-mp-type-basic.png" />
+    <img src="{{ site.baseurl }}/img/howto-mp-type-basic.png" />
 
     <p>If the account Robert's signing up for is with a website that prohibits symbols for some daft reason, Robert can change the type to Basic or something similar instead. Robert can also bump up the complexity to get an even more secure password if he wants.</p>
 
-    <img src="/img/howto-twitter-paste.png" />
+    <img src="{{ site.baseurl }}/img/howto-twitter-paste.png" />
-    <img src="/img/howto-twitter-done.png" />
+    <img src="{{ site.baseurl }}/img/howto-twitter-done.png" />
 
     <p>When Robert created the site in Master Password, it copied the password to his pasteboard. Now, Robert just switches back to Safari and pastes his brand-new password he doesn't care to remember in twitter's password field. All done!</p>
 
-    <h2><img src="http://masterpasswordapp.com/img/thumb-iphone-types.png"></h2>
+    <h2><img src="{{ site.baseurl }}/img/thumb-iphone-types.png"></h2>
 </section>

index.html

@@ -4,7 +4,7 @@ header: large
 ---
 
 <section id="intro">
-    <h2><img src="/img/password_forgot_882804.svg" title="https://thenounproject.com/term/forget/882804/" />
+    <h2><img src="{{ site.baseurl }}/img/password_forgot_882804.svg" title="https://thenounproject.com/term/forget/882804/" />
         What's your <input type="password" value="password" size="5">?</h2>
     <p>Passwords are regarded as a "necessary evil" to having accounts online.  We accept them as <q>the way things are done online</q> and try to adapt.<br>
     But upon reflection, we find that we've adapted quite poorly.<br>
@@ -12,7 +12,7 @@ header: large
     <p>Sites everywhere expect us to come up with a secure and unique password for them.  But we're not security professionals. We do our best to compensate for this unrealistic demand: to keep track of passwords, we reach for notebooks, our computers, apps, or we simplify them so we won't forget.<br>
     <b>We've become symptomatic</b>.</p>
 
-    <h2><img src="/img/thinking_882797.svg" title="https://thenounproject.com/term/thinking/882797/" />
+    <h2><img src="{{ site.baseurl }}/img/thinking_882797.svg" title="https://thenounproject.com/term/thinking/882797/" />
         The real issue.</h2>
     <p>Humans are no good at remembering lots of passwords.  But writing them down or saving them is dangerous, too.</p>
     <p>Master Password avoids all the pitfalls: a cryptographic algorithm calculates your site's password for you, only when you need it.<br>

what.html

@@ -7,7 +7,7 @@ nav: what
     <h1>What does it do?</h1>
 
 
-    <h2><img src="/img/password_generate_861293.svg" title="https://thenounproject.com/term/expert/861293/" />
+    <h2><img src="{{ site.baseurl }}/img/password_generate_861293.svg" title="https://thenounproject.com/term/expert/861293/" />
         Know one password.<br>
         Generate all the others.</h2>
 
@@ -86,5 +86,5 @@ nav: what
     <hr>
     <p>With Master Password you leave no passwords laying around.  You no longer store passwords in commercial, proprietory apps and no longer send them off to the cloud.  You are no longer tied to your laptop or the internet if you need to look one up.  Even if a personal or natural catastrophe causes you loss, you can never lose your account passwords &mdash; all you ever need is your one and only secret master password and anyone's Master Password calculator app.</p>
 
-    <h2><img src="http://masterpasswordapp.com/img/thumb-iphone-types.png"></h2>
+    <h2><img src="{{ site.baseurl }}/img/thumb-iphone-types.png"></h2>
 </section>

why.html

@@ -6,7 +6,7 @@ nav: why
 <section id="intro">
     <h1>Why do I need it?</h1>
 
-    <h2><img src="/img/frustrated_625996.svg" title="https://thenounproject.com/term/professor/625996/" />
+    <h2><img src="{{ site.baseurl }}/img/frustrated_625996.svg" title="https://thenounproject.com/term/professor/625996/" />
         Passwords are frustrating.</h2>
 
     <p>We all struggle so hard, trying to keep our accounts secure.</p>
@@ -19,9 +19,9 @@ nav: why
     <div class="widget_gallery">
         <h2>Where do <i>you</i> keep your passwords?</h2>
         <ul>
-            <li><label for="mp_keep_head"><img src="/img/password_head_336886.svg" title="https://thenounproject.com/term/password/336886/"></label></li>
+            <li><label for="mp_keep_head"><img src="{{ site.baseurl }}/img/password_head_336886.svg" title="https://thenounproject.com/term/password/336886/"></label></li>
-            <li><label for="mp_keep_notebook"><img src="/img/password_notebook_4740.svg" title="https://thenounproject.com/term/password/4740/"></label></li>
+            <li><label for="mp_keep_notebook"><img src="{{ site.baseurl }}/img/password_notebook_4740.svg" title="https://thenounproject.com/term/password/4740/"></label></li>
-            <li><label for="mp_keep_app"><img src="/img/password_app_667404.svg" title="https://thenounproject.com/term/password/667404/"></label></li>
+            <li><label for="mp_keep_app"><img src="{{ site.baseurl }}/img/password_app_667404.svg" title="https://thenounproject.com/term/password/667404/"></label></li>
         </ul>
 
         <input type="radio" name="mp_keep" checked>
@@ -32,7 +32,7 @@ nav: why
 
         <input type="radio" name="mp_keep" id="mp_keep_notebook">
         <div>
-            <h2><img src="/img/password_notebook_4740.svg" title="https://thenounproject.com/term/password/4740/">
+            <h2><img src="{{ site.baseurl }}/img/password_notebook_4740.svg" title="https://thenounproject.com/term/password/4740/">
                 The password notebook.</h2>
 
             <p>Have you considered?
@@ -50,7 +50,7 @@ nav: why
 
         <input type="radio" name="mp_keep" id="mp_keep_app">
         <div>
-            <h2><img src="/img/password_app_667404.svg" title="https://thenounproject.com/term/password/667404/">
+            <h2><img src="{{ site.baseurl }}/img/password_app_667404.svg" title="https://thenounproject.com/term/password/667404/">
                 The vault in an app.</h2>
 
             <p>Have you considered?
@@ -69,7 +69,7 @@ nav: why
 
         <input type="radio" name="mp_keep" id="mp_keep_head">
         <div>
-            <h2><img src="/img/password_head_336886.svg" title="https://thenounproject.com/term/password/336886/">
+            <h2><img src="{{ site.baseurl }}/img/password_head_336886.svg" title="https://thenounproject.com/term/password/336886/">
                 The privacy of memory.</h2>
 
             <p>Have you considered?
@@ -86,7 +86,7 @@ nav: why
         </div>
     </div>
 
-    <h2><img src="/img/head_key_336882.svg" title="https://thenounproject.com/term/password/336882/" />
+    <h2><img src="{{ site.baseurl }}/img/head_key_336882.svg" title="https://thenounproject.com/term/password/336882/" />
         A password is something you know,<br>
         not something you have.</h2>
 
@@ -100,5 +100,5 @@ nav: why
     <p>But this is a panicked reaction to a problem we simply don't know how to handle:<br>
     <b>The problem of passwords for everything</b>.</p>
 
-    <h2><img src="http://masterpasswordapp.com/img/thumb-iphone-types.png"></h2>
+    <h2><img src="{{ site.baseurl }}/img/thumb-iphone-types.png"></h2>
 </section>