Merge pull request #2711 from FoothillSolutions/fix-website-assets

Fix website assets

Author: yazeedobaid

RELEASE_NOTES.md

@@ -1,5 +1,8 @@
 # Release Notes
 
+## 6.0.0-alpha001 - 2022-11-02
+* ENHANCEMENT: Fix website assets loading
+
 ## 6.0.0-alpha001 - 2022-11-01
 * ENHANCEMENT: Update dependencies of repository, thanks @yazeedobaid - https://fake.build/articles/fake-v6-release-announcement.html
 * ENHANCEMENT: Remove obsolete APIs and replace their usage with alternative suggested API's, thanks @yazeedobaid - https://fake.build/articles/fake-v6-release-announcement.html

docs/_template.html

@@ -5,24 +5,24 @@
     <title>{{fsdocs-page-title}}</title>
     <meta charset="utf-8">
     <meta name="description" content="FAKE - F# Make - A DSL for build tasks - guide page">
-    <link rel="apple-touch-icon" sizes="180x180" href="{{root}}content/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="{{root}}content/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="{{root}}content/favicon-16x16.png">
-    <link rel="manifest" href="{{root}}content/site.webmanifest">
-    <link rel="mask-icon" href="{{root}}content/safari-pinned-tab.svg" color="#5bbad5">
+    <link rel="apple-touch-icon" sizes="180x180" href="/content/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/content/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/content/favicon-16x16.png">
+    <link rel="manifest" href="/content/site.webmanifest">
+    <link rel="mask-icon" href="/content/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#2d89ef">
     <meta name="theme-color" content="#ffffff">
 
     <meta name="author" content="{{fsdocs-authors}}">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-    <link type="text/css" rel="stylesheet" href="{{root}}content/fsdocs-{{fsdocs-theme}}.css">
-    <script type="text/javascript" src="{{root}}content/fsdocs-tips.js"></script>
+    <link type="text/css" rel="stylesheet" href="/content/fsdocs-{{fsdocs-theme}}.css">
+    <script type="text/javascript" src="/content/fsdocs-tips.js"></script>
 
-    <link type="text/css" rel="stylesheet" href="{{root}}content/assets/css/style.css">
-    <link type="text/css" rel="stylesheet" href="{{root}}content/assets/css/prism.css">
-    <link type="text/css" rel="stylesheet" href="{{root}}content/assets/css/tailwind.css">
+    <link type="text/css" rel="stylesheet" href="/content/assets/css/style.css">
+    <link type="text/css" rel="stylesheet" href="/content/assets/css/prism.css">
+    <link type="text/css" rel="stylesheet" href="/content/assets/css/tailwind.css">
     <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>
 
     {{fsdocs-watch-script}}
@@ -35,8 +35,8 @@
     lg:border-t-0 lg:border-r-0 lg:border-l-0 lg:shadow border-b-[#d4b43c]/50 mx-4 lg:mx-0"
         :class="{'bg-white': open === false}">
         <div class="flex gap-2 items-center block">
-            <a class="flex items-center gap-2" href="{{root}}index.html">
-                <img src="{{root}}content/assets/img/logo.svg" alt="FAKE - F# Make - A DSL for build tasks and more"
+            <a class="flex items-center gap-2" href="/index.html">
+                <img src="/content/assets/img/logo.svg" alt="FAKE - F# Make - A DSL for build tasks and more"
                     width="28" height="28" class="w-10 h-10">
                 <span class="text-lg text-slate-900 font-bold hover:text-[#d4b43c]">FAKE</span>
             </a>
@@ -59,10 +59,10 @@
         <div class="flex items-center pt-10 md:pt-0">
             <div class="md:mr-5">
                 <ul class="flex space-x-4">
-                    <li><a class="font-medium hover:text-[#d4b43c]" href="{{root}}reference/index.html">API Docs</a>
+                    <li><a class="font-medium hover:text-[#d4b43c]" href="/reference/index.html">API Docs</a>
                     </li>
                     <li class="md:hidden">|</li>
-                    <li><a class="font-medium hover:text-[#d4b43c]" href="{{root}}guide.html">Guide</a></li>
+                    <li><a class="font-medium hover:text-[#d4b43c]" href="/guide.html">Guide</a></li>
                 </ul>
             </div>
             <button
@@ -128,8 +128,8 @@
             <div class=" sticky inset-0 flex justify-between items-center bg-[#f9f9f9] py-4 border-b border-[#d4b43c]/50
             lg:hidden">
                 <div class="flex gap-2 items-center">
-                    <a class="flex items-center gap-2" href="{{root}}index.html">
-                        <img src="{{root}}content/assets/img/logo.svg"
+                    <a class="flex items-center gap-2" href="/index.html">
+                        <img src="/content/assets/img/logo.svg"
                             alt="FAKE - F# Make - A DSL for build tasks and more" width="28" height="28"
                             class="w-10 h-10">
                         <span class="text-lg text-slate-900 font-bold hover:text-[#d4b43c]">FAKE</span>
@@ -369,7 +369,7 @@ <h4 class="text-lg">Get in touch</h4>
             </div>
         </div>
     </footer>
-    <script type="text/javascript" src="{{root}}content/assets/js/prism.js"></script>
+    <script type="text/javascript" src="/content/assets/js/prism.js"></script>
 </body>
 
 </html>

docs/articles/api-slack.md

@@ -3,7 +3,7 @@
 In this article you will learn how to create a [Slack](https://slack.com) webhook integration and 
 send a notification to it. This article assumes that you already have a Slack team setup.
 
-To see the available Slack APIs in FAKE, please see the [`API-Reference`]({{root}}reference/fake-api-slack.html) for the Slack module.
+To see the available Slack APIs in FAKE, please see the [`API-Reference`](/reference/fake-api-slack.html) for the Slack module.
 
 ## Adding a Webhook Integration to a Channel
 
@@ -51,6 +51,6 @@ Slack.sendNotification webhookUrl (fun p ->
 
 The result should look something like this:
 
-![alt text]({{root}}content/img/slacknotification/slacknotification.png "Slack Notification Result")
+![alt text](/content/img/slacknotification/slacknotification.png "Slack Notification Result")
 
 For additional information on the parameters, check out Slack's [Webhook Documentation](https://api.slack.com/incoming-webhooks)

docs/articles/core-vault.md

@@ -3,7 +3,7 @@
 The Vault module in FAKE provide a way to secure sensitive information from the build logs. It works in a way similar
 to secret variables in VSTS.
 
-To see the available Vault APIs in FAKE, please see the [`API-Reference`]({{root}}reference/fake-core-vault.html) for the Vault module.
+To see the available Vault APIs in FAKE, please see the [`API-Reference`](/reference/fake-core-vault.html) for the Vault module.
 
 ## Goals and non-goals
 

docs/articles/dotnet-assemblyinfo.md

@@ -2,7 +2,7 @@
 
 In this article the `AssemblyInfo` task is used in order to set specific version information to .NET assemblies.
 
-If you succeeded with the [Getting Started tutorial]({{root}}guide/getting-started.html), then you just have to modify your 
+If you succeeded with the [Getting Started tutorial](/guide/getting-started.html), then you just have to modify your 
 `BuildApp` target to the following:
 
 ```fsharp
@@ -36,7 +36,7 @@ Target.create "BuildApp" (fun _ ->
 ```
 
 As you can see generating an `AssemblyInfo.fs` file is pretty easy with FAKE. You can read more about the C# and F# `AssemblyInfo` tasks 
-in the [API docs]({{root}}reference/fake-dotnet-assemblyinfofile.html).
+in the [API docs](/reference/fake-dotnet-assemblyinfofile.html).
 
 ## Setting the version Number
 
@@ -49,7 +49,7 @@ let version =
   | _ -> "0.2"
 ```
 
-![alt text]({{root}}/content/img/assemblyinfo/result.png "The file version is set by FAKE")
+![alt text](//content/img/assemblyinfo/result.png "The file version is set by FAKE")
 
 ## Storing the `githash` in the `AssemblyInfo` File
 
@@ -70,18 +70,18 @@ AssemblyInfo.Metadata("githash", commitHash)
 
 One of the easiest ways to retrieve this hash is to load and use a reflector program, like [<ins>ILSpy</ins>](https://github.com/icsharpcode/ILSpy):
 
-![alt text]({{root}}/content/img/assemblyinfo/assemblymetadata.png "Checking the git hash of an assembly")
+![alt text](//content/img/assemblyinfo/assemblymetadata.png "Checking the git hash of an assembly")
 
 ## Using the `SolutionInfo` Approach
 
 Some companies split their `AssemblyInfo` into a `SolutionInfo.cs` which is shared by all projects and a specific `AssemblyInfo.cs` per 
 project which contains the product data. All versioning data is generated by the `AssemblyInfo` task into the `SolutionInfo.cs` and the 
 `AssemblyInfo.cs` files are edited manually. This could look like this:
 
-![alt text]({{root}}/content/img/assemblyinfo/solutioninfo.png "SolutionInfo.cs is shared between projects")
+![alt text](//content/img/assemblyinfo/solutioninfo.png "SolutionInfo.cs is shared between projects")
 
 > The above picture and code within is from FAKE v4 (but the concept is very similar with fake 5 and above)
 
 The generated `SolutionInfo.cs` looks like this:
 
-![alt text]({{root}}/content/img/assemblyinfo/generated.png "Generated SolutionInfo.cs")
+![alt text](//content/img/assemblyinfo/generated.png "Generated SolutionInfo.cs")

docs/articles/dotnet-nuget.md

@@ -3,7 +3,7 @@
 If you are using a source control system like [*Git*](http://git-scm.com/) you probably don't want to store all binary dependencies in it.
 With FAKE you can use [*NuGet*](http://nuget.org/) to download all dependent packages during the build.
 
-To see the available NuGet APIs in FAKE, please see the [`API-Reference`]({{root}}reference/fake-dotnet-nuget.html) for the NuGet module.
+To see the available NuGet APIs in FAKE, please see the [`API-Reference`](/reference/fake-dotnet-nuget.html) for the NuGet module.
 
 ## Setting the Stage for NuGet
 

docs/articles/dotnet-testing-coverlet.md

@@ -3,7 +3,7 @@
 [Coverlet](https://github.com/tonerdo/coverlet) is a cross platform code coverage framework for .NET, with support for line, 
 branch and method coverage. It works with .NET Framework on Windows and .NET Core on all supported platforms.
 
-To see the available Coverlet APIs in FAKE, please see the [`API-Reference`]({{root}}reference/fake-dotnet-testing-coverlet.html) 
+To see the available Coverlet APIs in FAKE, please see the [`API-Reference`](/reference/fake-dotnet-testing-coverlet.html) 
 for the Coverlet module.
 
 ## Minimal working example

docs/articles/dotnet-testing-specflow.md

@@ -8,7 +8,7 @@ and supports the .NET framework, Xamarin and Mono.
 
 The package `Fake.DotNet.Testing.SpecFlow` is a bridge to the [*SpecFlow*](specflow.exe) CLI.
 
-To see the available SpecFlow APIs in FAKE, please see the [`API-Reference`]({{root}}reference/fake-dotnet-testing-specflow.html) 
+To see the available SpecFlow APIs in FAKE, please see the [`API-Reference`](/reference/fake-dotnet-testing-specflow.html) 
 for the SpecFlow module.
 
 ## Minimal working example

docs/articles/fake-v6-release-announcement.md

@@ -3,7 +3,7 @@ and move a step closer to complete the transition that started in FAKE v5. We ha
 obsolete API's and replaced there usages with alternatives, updated dependencies, polished some
 API's, and refreshed the website!
 
-![FAKE v6 Home Page Hero Section]({{root}}content/img/fakev6-release/fake-v6-hero-section.png)
+![FAKE v6 Home Page Hero Section](/content/img/fakev6-release/fake-v6-hero-section.png)
 
 The above screenshot is from the new FAKE website!
 

docs/articles/installer-squirrel.md

@@ -3,7 +3,7 @@
 [*Squirrel.Windows*](https://github.com/Squirrel/Squirrel.Windows) is an installation tool with an auto-update system 
 for Windows desktop apps.
 
-To see the available Squirrel APIs in FAKE, please see the [`API-Reference`]({{root}}reference/fake-installer-squirrel.html) for the Squirrel module.
+To see the available Squirrel APIs in FAKE, please see the [`API-Reference`](/reference/fake-installer-squirrel.html) for the Squirrel module.
 
 ## `Squirrel.exe` CLI tool