---
import { metaData, API_URL } from "../config";
import RandomMsg from "../components/RandomMsg";
import { buildTime } from '../utils/buildTime.js';

const YEAR = new Date().getFullYear();
var ENVIRONMENT = (Astro.url.hostname === "localhost") ? "Dev": "Prod";


---
<div class="footer">
  <small class="block lg:mt-24 mt-16 text-[#1C1C1C] dark:text-[#D4D4D4] footer-text">
    <time>© {YEAR}</time>{" "}
      {metaData.owner}
    </a>
  </small>
  <RandomMsg client:only="react" />
  <div style="margin-top: 15px; bottom: 0%">
    <small>Built: {buildTime} UTC</small>
  </div>
  <span style="font-size: 0.75rem; font-style: italic; margin-left: 100%">{ENVIRONMENT}</span>
</div>
<style>
  @media screen and (max-width: 480px) {
    article {
      padding-top: 2rem;
      padding-bottom: 4rem;
    }
  }
</style>