Update to Including Base URLs in Asset References

Author: ngpaladi

_includes/head.html

@@ -16,8 +16,8 @@
         crossorigin="anonymous"></script>
 
     <!-- Custom CSS -->
-    <link rel="stylesheet" type="text/css" href="/css/style.css">
+    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/css/style.css">
 
     <!-- Custom JS -->
-    <script src="/js/main.js"></script>
+    <script src="{{ site.baseurl }}/js/main.js"></script>
 </head>

_includes/nav.html

@@ -1,7 +1,7 @@
 <nav id="navbar-global" class="navbar fixed-top navbar-expand-lg navbar-dark bg-primary">
 	<div class="container justify-content-between">
-		<a class="navbar-brand" href="/">
-			<img src="{{ site.navbar.logo }}" alt="" width="30" height="24" class="d-inline-block align-text-top">
+		<a class="navbar-brand" href="{{ site.baseurl }}/">
+			<img src="{{ site.baseurl }}{{ site.navbar.logo }}" alt="" width="30" height="24" class="d-inline-block align-text-top">
 			&nbsp;{{site.title}}
 		</a>
 		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
@@ -13,7 +13,7 @@
 				{% for navitem in site.navbar.links %}
 				<li class="nav-item">
 					{% if page.title != 'Home' && navitem.autoscroll %}
-					<a class="nav-link" href="/{{ navitem.link }}">{{ navitem.name }}</a>
+					<a class="nav-link" href="{{ site.baseurl }}/{{ navitem.link }}">{{ navitem.name }}</a>
 					{% else %}
 					<a class="nav-link" href="{{ navitem.link }}">{{ navitem.name }}</a>
 					{% endif %}

_posts/2019-01-01-xilinx.md

@@ -3,5 +3,5 @@ title: "Xilinx Case Study"
 external_link: https://www.xilinx.com/publications/powered-by-xilinx/cerncasestudy-final.pdf
 layout: post
 description: 'A story from Xilinx on how we use high level synthesis to find the best events at the Large Hadron Collider'
-image: /images/xilinx.png/images/xilinx.png
+image: /images/xilinx.png
 ---

index.html

@@ -10,7 +10,7 @@
         <div class="container col-xxl-8 px-4 py-5 " id="home">
             <div class="row flex-lg-row-reverse align-items-center justify-content-center g-5 py-5">
                 <div class="col-8 col-sm-8 col-lg-6">
-                    <img src="images/fml2.png" class="d-block mx-lg-auto img-fluid" alt="Test" width="350" height="250"
+                    <img src="{{ site.baseurl }}/images/fml2.png" class="d-block mx-lg-auto img-fluid" alt="Test" width="350" height="250"
                         loading="lazy">
                 </div>
                 <div class="col-lg-6 text-white">
@@ -35,7 +35,7 @@ <h1 class="display-5 fw-bold text-center">News</h1>
                     <div class="card m-2 post-preview">
                         <div class="row g-0">
                             <div class="col-md-4 d-flex align-items-center">
-                                <img src="{{post.image}}" class="img-fluid rounded-start" alt="{{post.title}}"
+                                <img src="{{ site.baseurl }}{{ post.image }}" class="img-fluid rounded-start" alt="{{post.title}}"
                                     style="max-width: 100%;">
                             </div>
                             <div class="col-md-8">
@@ -121,7 +121,7 @@ <h1 class="display-5 fw-bold">Collaboration</h1>
             <div class="col-lg-6 mx-auto">
                 <p class="lead mb-4">{{site.collaboration.byline}}</p>
                 <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
-                    <a href="/collaboration.html" class="btn btn-primary btn-lg px-4 gap-3">Code of Conduct</a>
+                    <a href="{{ site.baseurl }}/collaboration.html" class="btn btn-primary btn-lg px-4 gap-3">Code of Conduct</a>
                 </div>
             </div>
         </div>