Support the use of a <base> element

davorg · book · commit c003e77c16d0 · 2025-02-06T17:38:27.000+01:00
diff --git a/.github/workflows/buildsite.yml b/.github/workflows/buildsite.yml
@@ -22,15 +22,19 @@ jobs:
 
     - name: Install modules
       run: |
-          cpanm --installdeps --notest .
+        cpanm --installdeps --notest .
+
+    - name: Get repo name into environment
+      run: |
+        echo "REPO_NAME=${GITHUB_REPOSITORY#$GITHUB_REPOSITORY_OWNER/}" >> $GITHUB_ENV
 
     - name: Create pages
       env:
         PERL5LIB: lib
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       run: |
         mkdir -p web
-        perl bin/build
+        perl bin/build $REPO_NAME
 
     - name: Update pages artifact
       uses: actions/upload-pages-artifact@v3
diff --git a/CNAME b/CNAME
diff --git a/bin/build b/bin/build
@@ -17,6 +17,11 @@ my %status;
 my $outpath = './web';
 my $template_path = [ './ppcs', './docs', './in', './ttlib' ];
 
+my $base = shift || $outpath;
+$base =~ s/^\.//;
+$base = "/$base" if $base !~ m|^/|;
+$base = "$base/" if $base !~ m|/$|;
+
 my $provider = Template::Provider::Pandoc->new({
   INCLUDE_PATH => $template_path,
 });
@@ -27,6 +32,9 @@ my $tt = Template->new({
   OUTPUT_PATH => $outpath,
   RELATIVE => 1,
   WRAPPER => 'page.tt',
+  VARIABLES => {
+    base => $base,
+  }
 });
 
 for (<ppcs/*.md>) {
diff --git a/in/index.tt b/in/index.tt
@@ -20,7 +20,7 @@
       <td>[% ppc.status | html %]</td>
       <td>[% ppc.author | html %]</td>
       <td>[% ppc.sponsor | html %]</td>
-      <td><a href="/[% ppc.slug %]/">[% ppc.title | html %]</a></td>
+      <td><a href="./[% ppc.slug %]/">[% ppc.title | html %]</a></td>
     </tr>
 [% END -%]
   </tbody>
diff --git a/ttlib/page.tt b/ttlib/page.tt
@@ -1,6 +1,9 @@
 <!doctype html>
 <html lang="en" class="h-100">
   <head>
+[% IF base -%]
+    <base href="[% base %]">
+[% END -%]
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="">
@@ -43,29 +46,29 @@
   <!-- Fixed navbar -->
   <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
     <div class="container-fluid">
-      <a class="navbar-brand" href="/">PPCs</a>
+      <a class="navbar-brand" href="./">PPCs</a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>
       <div class="collapse navbar-collapse" id="navbarCollapse">
         <ul class="navbar-nav me-auto mb-2 mb-md-0">
           <li class="nav-item">
-            <a class="nav-link active" href="/">Home</a>
+            <a class="nav-link active" href="./">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="/process/">Process</a>
+            <a class="nav-link" href="./process/">Process</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="/motivation/">Motivation</a>
+            <a class="nav-link" href="./motivation/">Motivation</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="/template/">Template</a>
+            <a class="nav-link" href="./template/">Template</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="/others/">Others</a>
+            <a class="nav-link" href="./others/">Others</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="/future/">Future</a>
+            <a class="nav-link" href="./future/">Future</a>
           </li>
         </ul>
       </div>
