From feba36a4675f996bf93b921bd6e6d8c5a9203ad1 Mon Sep 17 00:00:00 2001
From: Mike Linksvayer <mlinksva@github.com>
Date: Fri, 13 Aug 2021 11:42:54 -0700
Subject: [PATCH] Make css and js load correctly if site rendered in a
 subdirectory to make showig changes from {user}.github.io/choosealicense.com
 possible, as suggested by @waldyrious in
 https://github.com/github/choosealicense.com/pull/833#issuecomment-860777503

Note links within the site will still break in this scenario, would
need relative_url sprinkled in all internal links to avoid. Non-goal
for now.
---
 _includes/footer.html       | 8 ++++----
 _includes/header.html       | 4 ++--
 assets/css/application.scss | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 220b2e9..5c4d88d 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -16,9 +16,9 @@
     </div> <!-- /container -->
 
     {% if page.collection == "licenses" or page.class == "license-types" %}
-    <script src="/assets/vendor/jquery/jquery.min.js"></script>
-    <script src="/assets/vendor/qtip2/jquery.qtip.min.js"></script>
-    <script src="/assets/vendor/clipboard/dist/clipboard.min.js"></script>
+    <script src="{{ 'assets/vendor/jquery/jquery.min.js' | relative_url }}"></script>
+    <script src="{{ 'assets/vendor/qtip2/jquery.qtip.min.js' | relative_url }}"></script>
+    <script src="{{ 'assets/vendor/clipboard/dist/clipboard.min.js' | relative_url }}"></script>
     <script>
       window.annotations = {{ site.data.rules | jsonify }};
       {% if page.collection == "licenses" %}
@@ -32,7 +32,7 @@
       ];
       {% endif %}
     </script>
-    <script src="/assets/js/app.js"></script>
+    <script src="{{ 'assets/js/app.js' | relative_url }}"></script>
     {% endif %}
   </body>
 </html>
diff --git a/_includes/header.html b/_includes/header.html
index 06ee4e0..a3d4f57 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Chivo:900">
-    <link rel="stylesheet" href="/assets/css/application.css?v={{ site.github.build_revision }}">
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="{{ 'assets/css/application.css' | relative_url }}?v={{ site.github.build_revision }}">
+    <link rel="shortcut icon" href="{{ 'favicon.ico' | relative_url }}" type="image/x-icon">
     <!--[if lt IE 9]>
     <script src="/assets/vendor/html5shiv/dist/html5shiv.js"></script>
     <script src="/assets/vendor/selectivizr/selectivizr.js"></script>
diff --git a/assets/css/application.scss b/assets/css/application.scss
index 779b75c..b8257b0 100644
--- a/assets/css/application.scss
+++ b/assets/css/application.scss
@@ -1,8 +1,8 @@
 ---
 ---
 
-@import "/assets/vendor/normalize-css/normalize.css";
-@import "/assets/vendor/qtip2/jquery.qtip.min.css";
+@import "../vendor/normalize-css/normalize.css";
+@import "../vendor/qtip2/jquery.qtip.min.css";
 
 body {
   background: #fafafa;