Use relative URLs with language prefix

website/layouts/index.html

@@ -9,13 +9,13 @@
             <p>{{i18n "intro" | safeHTML}}</p>
             <div class="cta-block">
                 <div class="cta">
-                    <a href='{{.Site.BaseURL}}#about'><button>{{i18n "about"}}</button></a>
+                    <a href='{{"#about" | relLangURL}}'><button>{{i18n "about"}}</button></a>
                 </div>
                 <div class="dropdown cta">
                     <button onclick="myFunction()" class="dropbtn">{{i18n "apply"}}</button>
                     <div id="myDropdown" class="dropdown-content" style="padding: 5px;">
-                        <button style="padding: 0px;"><a href='{{.Site.BaseURL}}/learners'>{{i18n "as-learner"}}<br>({{i18n "not-opened"}})</a></button>
-                        <button style="padding: 0px;"><a href='{{.Site.BaseURL}}/mentors'>{{i18n "as-mentor"}}<br>({{i18n "not-opened"}})</a></button>
+                        <button style="padding: 0px;"><a href='{{"learners" | relLangURL}}'>{{i18n "as-learner"}}<br>({{i18n "not-opened"}})</a></button>
+                        <button style="padding: 0px;"><a href='{{"mentors" | relLangURL}}'>{{i18n "as-mentor"}}<br>({{i18n "not-opened"}})</a></button>
                     </div>
                 </div>
             </div>
@@ -94,7 +94,7 @@
             <h1 class="medium-heading" style="color:#469198">{{i18n "mentors-who"}}</h1>
             <p class="para">{{i18n "mentors-desc"}}</p>
             <div class="cta">
-                <a href='{{.Site.BaseURL}}/mentors'><button>{{i18n "about-mentorship"}}</button></a>
+                <a href='{{"mentors" | relLangURL}}'><button>{{i18n "about-mentorship"}}</button></a>
             </div>
         </div>
     </div>
@@ -103,7 +103,7 @@
             <h1 class="medium-heading" style="color:#469198">{{i18n "learners-who"}}</h1>
             <p class="para">{{i18n "learners-desc"}}</p>
             <div class="cta">
-                <a href='{{.Site.BaseURL}}/learners'><button>{{i18n "about-participation"}}</button></a>
+                <a href='{{"learners" | relLangURL}}'><button>{{i18n "about-participation"}}</button></a>
             </div>
         </div>
         <div class="about-cover" style="display:flex; margin:auto;">

website/layouts/partials/nav.html

 <div class="nav-container">
     <nav>
         <div class="logo">
-            <a href="{{.Site.BaseURL}}">{{i18n "sfcamp"}}</a>
+            <a href='{{"/" | relLangURL}}'>{{i18n "sfcamp"}}</a>
         </div>
         <input type="checkbox" id="chk">
         <label for="chk" class="show-menu-btn" style="align-items:center;">
             <i class="nav-icon fas fa-bars"></i>
         </label>
         <ul class="menu">
-            <li><a href="{{.Site.BaseURL}}#about">{{i18n "about"}}</a></li>
-            <li><a href="{{.Site.BaseURL}}/code-of-conduct">{{i18n "coc"}}</a></li>
-            <li><a href="{{.Site.BaseURL}}/news">{{i18n "news"}}</a></li>
-            <li><a href="{{.Site.BaseURL}}/sched">{{i18n "sched"}}</a></li>
-            <li><a href="{{.Site.BaseURL}}/projects">{{i18n "projects"}}</a></li>
-            <li><a href="{{.Site.BaseURL}}#contact">{{i18n "contact"}}</a></li>
+            <li><a href='{{"#about" | relLangURL}}'>{{i18n "about"}}</a></li>
+            <li><a href='{{"code-of-conduct" | relLangURL}}'>{{i18n "coc"}}</a></li>
+            <li><a href='{{"news" | relLangURL}}'>{{i18n "news"}}</a></li>
+            <li><a href='{{"sched" | relLangURL}}'>{{i18n "sched"}}</a></li>
+            <li><a href='{{"projects" | relLangURL}}'>{{i18n "projects"}}</a></li>
+            <li><a href='{{"#contact" | relLangURL}}'>{{i18n "contact"}}</a></li>
             {{if .IsTranslated}}
             <select class="langs">
                 <option onclick="window.location.href = {{.Permalink}}" value="{{.Site.Language}}" selected="selected">{{.Site.Language.LanguageName}}</option>