updated site to work with subdirectory deploys

config/_default/config.toml

@@ -1,4 +1,4 @@
-baseurl = "/"
+baseurl = "http://localhost:1313/score.dev"
 title = "Score"
 canonifyURLs = false
 disableAliases = false

content/community.md

@@ -2,10 +2,10 @@
 title: Community
 heading: Score community
 description: We are just getting started. Join our core contributors and community members to help us shape the future of cloud native config management.
-image: /svg/community.svg
+image: svg/community.svg
 secondary_button:
   text: Get started
-  url: /get-started
+  url: get-started
 layout: community
 dark: true
 ---

content/get-started.md

@@ -16,14 +16,14 @@ layout: get-started
 
 Score is community driven. New contributors are welcome and highly encouraged.
 
-{{< icon-link text="Give our project a star" icon="/svg/star_gradient.svg" url="https://github.com/score-spec/spec" >}}
+{{< icon-link text="Give our project a star" icon="svg/star_gradient.svg" url="https://github.com/score-spec/spec" >}}
 
-{{< icon-link text="Join us on Slack" icon="/svg/slack_logo.svg" url="https://join.slack.com/t/scorecommunity/shared_invite/zt-1i2glkqkl-EnjSWSCgYUyaEGwmDYBZZQ" >}}
+{{< icon-link text="Join us on Slack" icon="svg/slack_logo.svg" url="https://join.slack.com/t/scorecommunity/shared_invite/zt-1i2glkqkl-EnjSWSCgYUyaEGwmDYBZZQ" >}}
 
 **Contact us**
 
-{{< icon-link text="Follow us on twitter" icon="/svg/twitter_logo.svg" url="https://twitter.com/score_dev?s=21&t=WMiZwDJFfOf6Hzb9BvLQCg" >}}
+{{< icon-link text="Follow us on twitter" icon="svg/twitter_logo.svg" url="https://twitter.com/score_dev?s=21&t=WMiZwDJFfOf6Hzb9BvLQCg" >}}
 
-{{< icon-link text="team@score.dev" icon="/svg/chat.svg" url="mailto:team@score.dev" >}}
+{{< icon-link text="team@score.dev" icon="svg/chat.svg" url="mailto:team@score.dev" >}}
 
-{{< icon-link text="abuse@score.dev" icon="/svg/chat.svg" url="mailto:abuse@score.dev" >}}
+{{< icon-link text="abuse@score.dev" icon="svg/chat.svg" url="mailto:abuse@score.dev" >}}

content/why-score.md

@@ -12,15 +12,15 @@ We believe that developers shouldn’t have to fight a symphony orchestra of tec
 
 The Score specification was developed against a set of workload centric development principles:
 
-{{< icon-paragraph icon="/svg/flag.svg" >}}
+{{< icon-paragraph icon="svg/flag.svg" >}}
 **Establish a single source of truth for workload configuration** that serves as the main point of reference on how to run a workload, independently of target platform and environment. This allows to generate one directional configuration and combine it with environment specific parameters in the target environment.
 {{< /icon-paragraph >}}
 
-{{< icon-paragraph icon="/svg/key_visualizer.svg" >}}
+{{< icon-paragraph icon="svg/key_visualizer.svg" >}}
 **Provide a tightly scoped workload spec** that shields developers from the configurational complexity of container orchestrators and tooling. By exposing only core workload constructs, developers can keep their focus.
 {{< /icon-paragraph >}}
 
-{{< icon-paragraph icon="/svg/manage_history.svg" >}}
+{{< icon-paragraph icon="svg/manage_history.svg" >}}
 **Implement a declarative approach for infrastructure management** that allows developers to describe a workload’s resource dependancies without having to worry by whom, when, and how it will be provisioned in the target environment.
 {{< /icon-paragraph >}}
 

data/contributors.yaml

@@ -1,18 +1,18 @@
 title: Contributors
 contributors:
   - name: Chris Stephenson
-    image: /images/contributors/6358fafc7bda631d4d4bd9da_chris-stephenson.png
+    image: images/contributors/6358fafc7bda631d4d4bd9da_chris-stephenson.png
   - name: Susa Tünker
-    image: /images/contributors/637497ccb22bb332012077ad_susa-tunker.png
+    image: images/contributors/637497ccb22bb332012077ad_susa-tunker.png
   - name: Mathieu Benoit
-    image: /images/contributors/6690f9f0ecb8390f2ff83a3e_mathieu-benoit.png
+    image: images/contributors/6690f9f0ecb8390f2ff83a3e_mathieu-benoit.png
   - name: Sören Martius
-    image: /images/contributors/63590c11416341216a640b17_soeren-mariues.png
+    image: images/contributors/63590c11416341216a640b17_soeren-mariues.png
   - name: Eugene Yarshevich
-    image: /images/contributors/63590c11c537df72635ecf22_Eugene-Yarshevich.png
+    image: images/contributors/63590c11c537df72635ecf22_Eugene-Yarshevich.png
   - name: Ben Meier
-    image: /images/contributors/66744189819b4b5b4d7181f1_ben-meier-figma.png
+    image: images/contributors/66744189819b4b5b4d7181f1_ben-meier-figma.png
   - name: Taylor Dolezal
-    image: /images/contributors/63590c1109a240e5d2fa0fb4_Taylor-Dolezal.png
+    image: images/contributors/63590c1109a240e5d2fa0fb4_Taylor-Dolezal.png
   - name: Patrick Rachford
-    image: /images/contributors/635959c0e663cb58e1c1315a_rachford.png
+    image: images/contributors/635959c0e663cb58e1c1315a_rachford.png

data/home.yaml

@@ -3,50 +3,50 @@ hero:
   description: Score is a developer-centric and platform-agnostic workload specification. It ensures consistent configuration between local and remote environments. And it's open source.
   secondary_button:
     text: Get started
-    link: /get-started
+    link: get-started
 why_score:
   title: Why use Score?
   text: Score is loved by developers because they can run the same workload on completely different technology stacks, without needing to be an expert in any one of them.
   sections:
     - from:
         title: Cognitive load
         text: Developers are forced to become experts in a variety of tech and tools, just do deploy a simple change to their apps.
-        icon: /svg/icon-cognitive.svg
+        icon: svg/icon-cognitive.svg
       to:
         title: Features over Ops
         text: Score takes care of configs for developers so they can focus on shipping features instead of fighting with infrastructure.
-        icon: /svg/icon-checklist.svg
+        icon: svg/icon-checklist.svg
     - from:
         title: Config drift
         text: Multiple config rules, constructs and values across local and remote environments increase the risk of misconfiguration.
-        icon: /svg/icon-config-drift.svg
+        icon: svg/icon-config-drift.svg
       to:
         title: Local to prod
         text: With Score you can easily transition from local to to remote environments. Configs stay consistent, everywhere you deploy.
-        icon: /svg/icon-multiple_stop.svg
+        icon: svg/icon-multiple_stop.svg
     - from:
         title: YAML bloat
         text: Trying to keep many environment-specific config files in sync leads to repetitive configuration work and YAML bloat.
-        icon: /svg/icon-yaml-bloat.svg
+        icon: svg/icon-yaml-bloat.svg
       to:
         title: One file
         text: Score lets you use one specification file as the single source of truth, easily translatable across your delivery setup.
-        icon: /svg/icon-task.svg
+        icon: svg/icon-task.svg
 easily_integrates:
   title: Easily integrates in your existing workflows
   sections:
     - title: Extendable and customizable
       text: The <span class="highlight-code">score.yaml</span> file can be extended and customised according to your needs. The score spec leaves room for environment specific overrides as well as platform specific extensions that allow to list additional properties or requirements.
-      image: /images/home/6374bfdcaeb3b3355842b6bc_score-overrides-16nov22-p-500.png
+      image: images/home/6374bfdcaeb3b3355842b6bc_score-overrides-16nov22-p-500.png
     - title: Declarative by nature
       text: Score lets developers define the resources required by their workloads in a declarative way. You declare once that your workload needs to listen on a port to receive requests - and don’t not need to worry where and how the exact port is defined in e.g. a remote Kubernetes environment. By declaring what the workload needs to run, the “how” becomes an environment specific implementation detail that is taken care of by Score.
-      image: /images/home/635a8680ee487067a410b7e8_declarative-by-nature-score-p-800.png
+      image: images/home/635a8680ee487067a410b7e8_declarative-by-nature-score-p-800.png
     - title: Seamless tech stack and workflow integration
       text: Score introduces a single change to your setup by adding a <span class="highlight-code">score.yaml</span> file to your workloads’ repo. Everything else stays as is. Once Score is set up, you can continue using it even if the underlying tech stack changes.
-      image: /images/home/667d6c310c1a8dc606c3321d_seamless-yaml-score-docker-kubernetes-p-800.png
+      image: images/home/667d6c310c1a8dc606c3321d_seamless-yaml-score-docker-kubernetes-p-800.png
 single_spec:
   title: A single spec to rule them all
-  image: /images/home/667d6bd96a95417611bc96f5_score-yaml-docker-kubernetes-p-1600.png
+  image: images/home/667d6bd96a95417611bc96f5_score-yaml-docker-kubernetes-p-1600.png
 how_score_works:
   title: How Score works
   steps:

data/site.yaml

@@ -1,17 +1,17 @@
 call_to_action:
   text: Star us on GitHub
-  icon: /svg/star_rate.svg
+  icon: svg/star_rate.svg
   url: https://github.com/score-spec/spec
 footer:
   cta:
     text: Configure once. Deploy anywhere. From local to prod.
     secondary_button:
       text: Get started
-      url: /get-started
+      url: get-started
   navigation:
     title: Join the community
     text: Share best practices around config mgmt and learn how others integrate Score in their delivery workflows.
     button:
       text: Join Slack
       url: https://join.slack.com/t/scorecommunity/shared_invite/zt-2ly2l3vpg-zQCCtiEsQ7Tp3PdEWY07rA
-      icon: /svg/slack.svg
+      icon: svg/slack.svg

data/testimonials.yaml

@@ -1,15 +1,15 @@
 title: Loved by developers
-image: /images/testimonials_bg.svg
+image: images/testimonials_bg.svg
 testimonials:
   - name: Marius Tolzmann
     role: CTO at Mineiros
-    image: /images/testimonials/63594cc2419abbb766c6b6e5_marius-tolzmann.png
+    image: images/testimonials/63594cc2419abbb766c6b6e5_marius-tolzmann.png
     text: I love the idea of being able to describe everything my workload needs in one file.
   - name: Min Kim
     role: Cloud Architect at Frontside Software
-    image: /images/testimonials/min-kim.png
+    image: images/testimonials/min-kim.png
     text: It's just so simple. Score allows to describe what a workloads needs to run and can be utilized throughout the entire development lifecycle.
   - name: Marius Raesener
     role: Tech Lead at BAUHAUS Deutschland
-    image: /images/testimonials/testi-item-image.png
+    image: images/testimonials/testi-item-image.png
     text: Running my first transform was such a fun “aha”-moment, it actually worked! I ran everything locally on Docker and pushed it to Kubernetes, really cool.

layouts/_default/community.html

@@ -1,7 +1,7 @@
 {{ define "main" }}
   <section class="bg-dark py-20">
     <div class="container flex flex-col items-center px-5 py-10 lg:px-0 bg-center bg-no-repeat bg-contain"
-    style="background-image: url({{ .Params.image }});">
+    style="background-image: url({{ site.BaseURL }}{{ .Params.image }});">
       <h1 class="text-white text-center text-6xl font-medium">{{ .Params.heading }}</h1>
       <p class="text-white/70 max-w-3xl text-lg text-center leading-[26px] mt-4">
         {{ .Params.description }}

layouts/blog/single.html

@@ -3,9 +3,9 @@
     {{ partial "blog/header" . }}
     <div id="blog-post-content" class="max-w-3xl text-lg px-5 lg:px-0 my-16">
       {{ .Content | markdownify }}
-      <a class="flex group items-center gap-x-2 mt-8" href="/blog">
+      <a class="flex group items-center gap-x-2 mt-8" href="{{ site.BaseURL }}blog">
         <img 
-          src="/svg/arrow_forward_orange.svg" 
+          src="{{ site.BaseURL }}svg/arrow_forward_orange.svg" 
           alt="arrow"
           class="group-hover:-translate-x-2 transition-all rotate-180"
         >

layouts/partials/blog/header.html

@@ -1,8 +1,8 @@
 <section class="bg-lightgray py-16 w-full flex justify-center">
   <div class="w-full flex flex-col container">
-    <a class="flex group items-center gap-x-2 w-full" href="/blog">
+    <a class="flex group items-center gap-x-2 w-full" href="{{ site.BaseURL }}blog">
       <img 
-        src="/svg/arrow_forward_orange.svg" 
+        src="{{ site.BaseURL }}svg/arrow_forward_orange.svg" 
         alt="arrow"
         class="group-hover:-translate-x-2 transition-all rotate-180"
       >
@@ -15,11 +15,11 @@ <h1 class="text-black text-6xl font-medium mt-8">{{ .Title }}</h1>
       <div class="lg:w-1/2 w-full flex flex-col">
         <div class="flex gap-x-12">
           <p class="text-gray font-ibm-plex-mono uppercase flex items-center gap-x-2 h-fit">
-            <img src="/svg/calendar_month.svg" alt="date">
+            <img src="{{ site.BaseURL }}svg/calendar_month.svg" alt="date">
             {{ time.Format "January 2, 2006" .Date }}
           </p>
           <p class="text-gray font-ibm-plex-mono uppercase flex items-center gap-x-2 h-fit">
-            <img src="/svg/schedule.svg" alt="date">
+            <img src="{{ site.BaseURL }}svg/schedule.svg" alt="date">
             {{ .ReadingTime }} min read
           </p>
         </div>
@@ -47,13 +47,13 @@ <h1 class="text-black text-6xl font-medium mt-8">{{ .Title }}</h1>
           <div class="w-full h-[1px] bg-muted"></div>
           <p class="text-gray font-ibm-plex-mono">SHARE</p>
           <a target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url=https://score.dev/blog/score-joins-the-cncf-as-a-sandbox-project">
-            <img src="/svg/linkedin_logo.svg" alt="linkedin share" class="w-8 h-8">
+            <img src="{{ site.BaseURL }}svg/linkedin_logo.svg" alt="linkedin share" class="w-8 h-8">
           </a>
           <a target="_blank" href="https://x.com/intent/post?url={{ .Permalink }}&text={{ .Title }}">
-            <img src="/svg/twitter_logo.svg" alt="twitter share" class="w-8 h-8">
+            <img src="{{ site.BaseURL }}svg/twitter_logo.svg" alt="twitter share" class="w-8 h-8">
           </a>
           <a target="_blank" href="http://www.reddit.com/submit?url={{ .Permalink }}&title={{ .Title }}">
-            <img src="/svg/reddit_logo.svg" alt="reddit share" class="w-8 h-8">
+            <img src="{{ site.BaseURL }}svg/reddit_logo.svg" alt="reddit share" class="w-8 h-8">
           </a>
         </div>
       </div>

layouts/partials/blog/post-in-list-featured.html

@@ -22,7 +22,7 @@ <h2 class="lg:text-black text-4xl lg:text-5xl font-medium mt-2 leading-[1.2] hov
       Read more
     </span>
     <img 
-      src="/svg/arrow_forward_orange.svg" 
+      src="{{ site.BaseURL }}svg/arrow_forward_orange.svg" 
       alt="arrow"
       class="group-hover:translate-x-2 transition-all"
     >

layouts/partials/blog/post-in-list-regular.html

@@ -22,7 +22,7 @@ <h2 class="text-black text-3xl font-bold mt-2 leading-[1.2] hover:text-primary t
       Read more
     </span>
     <img 
-      src="/svg/arrow_forward_orange.svg" 
+      src="{{ site.BaseURL }}svg/arrow_forward_orange.svg" 
       alt="arrow"
       class="group-hover:translate-x-2 transition-all"
     >

layouts/partials/blog/post-in-list-side.html

@@ -20,7 +20,7 @@ <h2 class="text-black text-xl font-medium mt-1 leading-[1.2] hover:text-primary
         Read more
       </span>
       <img 
-        src="/svg/arrow_forward_orange.svg" 
+        src="{{ site.BaseURL }}svg/arrow_forward_orange.svg" 
         alt="arrow"
         class="group-hover:translate-x-2 transition-all"
       >

layouts/partials/buttons/cta-lg.html

@@ -5,7 +5,7 @@
     items-center" 
     href="{{ .url }}"
   >
-    <img src="{{ .icon }}" alt="{{ .text }}" class="mr-1">
+    <img src="{{ site.BaseURL }}{{ .icon }}" alt="{{ .text }}" class="mr-1">
     {{ .text }}
   </a>
 {{ end }}

layouts/partials/buttons/cta.html

@@ -5,7 +5,7 @@
     items-center" 
     href="{{ .url }}"
   >
-    <img src="{{ .icon }}" alt="{{ .text }}" class="mr-1">
+    <img src="{{ site.BaseURL }}{{ .icon }}" alt="{{ .text }}" class="mr-1">
     {{ .text }}
   </a>
 {{ end }}

layouts/partials/buttons/secondary-white.html

@@ -1,17 +1,17 @@
 <a 
-  href="{{ .url }}" 
+  href="{{ if not .external }}{{ site.BaseURL }}{{ end }}{{ .url }}" 
   class="flex items-center border border-orange rounded-[14px] 
 py-3 pl-5 pr-6 hover:bg-primary hover:border-transparent text-white font-graphik 
 font-medium text-lg w-fit"
   {{ with .external }} target="_blank" {{ end }}
 >
   {{ with .icon }}
-    <img src="{{ . }}" alt="Icon" class="mr-2">
+    <img src="{{ site.BaseURL }}{{ . }}" alt="Icon" class="mr-2">
   {{ end }}
   {{ .text }}
   {{ with .external }}
-    <img src="/svg/arrow_outward_white.svg" alt="Arrow outward" class="ml-2">
+    <img src="{{ site.BaseURL }}svg/arrow_outward_white.svg" alt="Arrow outward" class="ml-2">
   {{ else }}
-    <img src="/svg/arrow_forward_white.svg" alt="Arrow right" class="ml-2">
+    <img src="{{ site.BaseURL }}svg/arrow_forward_white.svg" alt="Arrow right" class="ml-2">
   {{ end }}
 </a>

layouts/partials/buttons/secondary.html

@@ -1,15 +1,15 @@
-<a href="{{ .url }}" class="flex items-center border border-orange rounded-[14px] 
+<a href="{{ if not .external }}{{ site.BaseURL }}{{ end }}{{ .url }}" class="flex items-center border border-orange rounded-[14px] 
 py-3 pl-5 pr-6 hover:bg-primary hover:text-white hover:border-transparent 
 text-dark font-graphik font-medium text-lg w-fit"
 {{ with .external }} target="_blank" {{ end }}
 >
   {{ with .icon }}
-    <img src="{{ . }}" alt="Icon" class="mr-2">
+    <img src="{{ site.BaseURL }}{{ . }}" alt="Icon" class="mr-2">
   {{ end }}
   {{ .text }}
   {{ with .external }}
-    <img src="/svg/arrow_outward.svg" alt="Arrow outward" class="ml-2">
+    <img src="{{ site.BaseURL }}svg/arrow_outward.svg" alt="Arrow outward" class="ml-2">
   {{ else }}
-    <img src="/svg/arrow_forward.svg" alt="Arrow right" class="ml-2">
+    <img src="{{ site.BaseURL }}svg/arrow_forward.svg" alt="Arrow right" class="ml-2">
   {{ end }}
 </a>

layouts/partials/community/contributors.html

@@ -4,7 +4,7 @@ <h2 class="text-white text-center text-5xl font-medium">{{ .title }}</h2>
       <div class="container mt-20 grid grid-cols-2 lg:grid-cols-4 gap-14">
         {{ range .contributors }}
           <div class="flex flex-col items-center">
-            <img src="{{ .image }}" alt="{{ .name }}" class="max-w-40">
+            <img src="{{ site.BaseURL }}{{ .image }}" alt="{{ .name }}" class="max-w-40">
             <h3 class="text-white font-medium text-lg lg:text-2xl">{{ .name }}</h3>
           </div>
         {{ end }}

layouts/partials/community/socials.html

@@ -3,7 +3,7 @@
       <div class="container grid grid-cols-1 lg:grid-cols-3 gap-20">
         {{ range . }}
           <div class="flex flex-col lg:gap-y-6 gap-y-4">
-            <img src="{{ .icon }}" alt="{{ .name }}" class="max-w-[160px]">
+            <img src="{{ site.BaseURL }}{{ .icon }}" alt="{{ .name }}" class="max-w-[160px]">
             <h3 class="text-white font-medium font-grostesk text-3xl">{{ .name }}</h3>
             <p class="text-white/70 text-lg leading-[26px] font-graphik">{{ .text }}</p>
             <a 
@@ -13,7 +13,7 @@ <h3 class="text-white font-medium font-grostesk text-3xl">{{ .name }}</h3>
               hover:text-primary hover:underline hover:bg-none group">
               {{ .link.text }}
               <img 
-                src="/svg/arrow_outward_orange.svg" 
+                src="{{ site.BaseURL }}svg/arrow_outward_orange.svg" 
                 alt="link" 
                 class="ml-2 mt-1 group-hover:translate-x-2 transition-all"
               >