fix: modify configuration to handle /developers URL for production

astro.config.mjs

@@ -6,6 +6,7 @@ import overrideIntegration from "./src/overrideIntegration.mjs";
 
 // https://astro.build/config
 export default defineConfig({
+  base: "/developers",
   integrations: [
     overrideIntegration(),
     starlight({

src/components/lander/TopBanner.astro

@@ -7,7 +7,7 @@ import FoundationLogo from "../FoundationLogo.astro";
       <FoundationLogo />
     </a>
     <a href="https://github.com/interledger" class="icon--github">
-      <img src="/img/lander/icon-github.svg" alt="Interledger Github" />
+      <img src="/developers/img/lander/icon-github.svg" alt="Interledger Github" />
     </a>
   </div>
 </header>

src/content/docs/community.mdx

@@ -12,7 +12,7 @@ Interledger is developed by an open group of companies and individual contributo
 Here’s where you can find us and get involved:
 
 <div class="community">
-  <img src="/img/icon-github.svg" alt="Github Logo" />
+  <img src="/developers/img/icon-github.svg" alt="Github Logo" />
   <div>
     ### Github
     {/* prettier-ignore */}
@@ -26,7 +26,7 @@ Here’s where you can find us and get involved:
 </div>
 
 <div class="community">
-  <img src="/img/icon-forum.svg" alt="Forum Logo" />
+  <img src="/developers/img/icon-forum.svg" alt="Forum Logo" />
   <div>
     ### Community Forem
     {/* prettier-ignore */}
@@ -38,7 +38,7 @@ Here’s where you can find us and get involved:
 </div>
 
 <div class="community">
-  <img src="/img/icon-calls.svg" alt="Monthly Calls Logo" />
+  <img src="/developers/img/icon-calls.svg" alt="Monthly Calls Logo" />
   <div>
     ### Monthly Calls
     We have open community calls **once a month, on the second Wednesday of the month at 4pm UTC** to discuss the latest in the Interledger ecosystem, and to answer any questions people have. Agendas are published on the Interledger forum and anyone can suggest an agenda item by adding to the [topic](https://forum.interledger.org/tags/community-call-agenda) created for that purpose in the forum.
@@ -49,7 +49,7 @@ Here’s where you can find us and get involved:
 </div>
 
 <div class="community">
-  <img src="/img/icon-slack.svg" alt="Slack Logo" />
+  <img src="/developers/img/icon-slack.svg" alt="Slack Logo" />
   <div>
     ### Slack
     {/* prettier-ignore */}
@@ -59,7 +59,7 @@ Here’s where you can find us and get involved:
 </div>
 
 <div class="community">
-  <img src="/img/icon-twitter.svg" alt="Twitter Logo" />
+  <img src="/developers/img/icon-twitter.svg" alt="Twitter Logo" />
   <div>
     ### Twitter
     {/* prettier-ignore */}

src/content/docs/get-started.md

@@ -10,21 +10,21 @@ Interledger Protocol (ILP) is an open protocol suite for sending payments across
 
 <div class="overview-grid">
   <div class="overview-item">
-    <img src="/img/code.svg" alt="">
+    <img src="/developers/img/code.svg" alt="">
     <div>
       <p><strong>Code with Money</strong></p>
       <p>Add payments without being tied to a single currency or payment provider.</p>
     </div>
   </div>
   <div class="overview-item">
-    <img src="/img/routing.svg" alt="">
+    <img src="/developers/img/routing.svg" alt="">
     <div>
       <p><strong>Multi-Hop Routing</strong></p>
       <p>Send payments to other ledgers, even if they are multiple hops away.</p>
     </div>
   </div>
   <div class="overview-item">
-    <img src="/img/protocol.svg" alt="">
+    <img src="/developers/img/protocol.svg" alt="">
     <div>
       <p><strong>Simple Protocol</strong></p>
       <p>Inspired by TCP/IP, Interledger is easy to implement and use.</p>

src/content/docs/index.mdx

@@ -6,7 +6,7 @@ hero:
   tagline: Enable seamless exchange of value across payment networks.
   actions:
     - text: Read the documentation
-      link: /get-started
+      link: /developers/get-started
       icon: right-arrow
       variant: primary
     - text: Contribute on Github
@@ -18,19 +18,18 @@ import { LinkCard, CardGrid } from "@astrojs/starlight/components";
 
 <CardGrid stagger>
   <LinkCard
-    href="/rfcs/interledger-protocol"
+    href="/developers/rfcs/interledger-protocol"
     title="Specifications"
     description="Interledger specifications"
   />
-  <LinkCard href="/tools" title="Tools" description="Libraries and tools" />
   <LinkCard
-    href="/community"
-    title="Community"
-    description="Get involved with our community"
+    href="/developers/tools"
+    title="Tools"
+    description="Libraries and tools"
   />
   <LinkCard
-    href="/resources"
-    title="Resources"
-    description="Learn more about Interledger"
+    href="/developers/community"
+    title="Community"
+    description="Get involved with our community"
   />
 </CardGrid>

src/styles/interledger.css

@@ -1,22 +1,22 @@
 @font-face {
   font-family: "Titillium Web";
-  src: url("/fonts/titilliumweb-regular.woff2") format("woff2");
+  src: url("/developers/fonts/titilliumweb-regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Titillium Web";
-  src: url("/fonts/titilliumweb-bold.woff2") format("woff2");
+  src: url("/developers/fonts/titilliumweb-bold.woff2") format("woff2");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: "Titillium Web";
-  src: url("/fonts/titilliumweb-italic.woff2") format("woff2");
+  src: url("/developers/fonts/titilliumweb-italic.woff2") format("woff2");
   font-weight: normal;
   font-style: italic;
   font-display: swap;
@@ -58,7 +58,7 @@ body::before {
   top: 0;
   left: 0;
   z-index: 0;
-  background-image: url(/img/bg-swirl.svg);
+  background-image: url(/developers/img/bg-swirl.svg);
   background-repeat: repeat;
   background-size: 150%;
   filter: blur(150px) opacity(0.1);

src/styles/lander.css

@@ -1,20 +1,20 @@
 @font-face {
   font-family: "Titillium";
-  src: url("/fonts/titilliumweb-regular.woff2") format("woff2");
+  src: url("/developers/fonts/titilliumweb-regular.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Titillium";
-  src: url("/fonts/titilliumweb-bold.woff2") format("woff2");
+  src: url("/developers/fonts/titilliumweb-bold.woff2") format("woff2");
   font-weight: bold;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Titillium";
-  src: url("/fonts/titilliumweb-italic.woff2") format("woff2");
+  src: url("/developers/fonts/titilliumweb-italic.woff2") format("woff2");
   font-weight: normal;
   font-style: italic;
 }