Dockerfile

@@ -16,10 +16,12 @@ FROM build-deps AS build
 COPY . .
 
 ARG REPO_VERSION_HASH
+ARG BUILD_ENVIRONMENT
 ARG PROJECT_VERSION
 
-RUN echo $"PUBLIC_REPO_VERSION_HASH=${REPO_VERSION_HASH} \n\
+RUN echo "PUBLIC_REPO_VERSION_HASH=\"${REPO_VERSION_HASH}\" \n\
-    PUBLIC_PROJECT_VERSION=${PROJECT_VERSION}" >> .env
+    PUBLIC_BUILD_ENVIRONMENT=\"${BUILD_ENVIRONMENT}\" \n\
+    PUBLIC_PROJECT_VERSION=\"${PROJECT_VERSION}\"" >> .env
 RUN npm run build
 
 FROM httpd:latest AS runtime

src/components/Footer.astro

@@ -0,0 +1,5 @@
+---
+---
+<footer class="flex justify-center items-center text-center">
+    {import.meta.env.PUBLIC_BUILD_ENVIRONMENT || "development"} | {import.meta.env.PUBLIC_REPO_VERSION_HASH || "invalid"}@{import.meta.env.PUBLIC_PROJECT_VERSION || "0.0.0"}
+</footer>

src/env.d.ts

@@ -0,0 +1,9 @@
+interface ImportMetaEnv {
+    readonly PUBLIC_REPO_VERSION_HASH: string;
+    readonly PUBLIC_PROJECT_VERSION: string;
+    readonly PUBLIC_BUILD_ENVIRONMENT: string;
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}

src/layouts/BaseLayout.astro

@@ -1,6 +1,7 @@
 ---
 import '../styles/global.css'
 import Navbar from '../components/Navbar.astro';
+import Footer from '../components/Footer.astro';
 
 const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren` : "Corwin Perren";
 ---
@@ -16,5 +17,6 @@ const pageTitle = Astro.props.title ? `${Astro.props.title} - Corwin Perren`: "C
 <main style="padding: 2rem;">
     <slot/>
 </main>
+<Footer/>
 </body>
 </html>

src/styles/global.css

@@ -24,6 +24,10 @@ a {
     white-space: nowrap;
 }
 
+
+footer {
+    border-top: 2px solid var(--color-caperren-green);
+}
 /*.astronav-dropdown .group {*/
 /*    background-color: black;*/
 /*}*/