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

const YEAR = new Date().getFullYear();



---
<div class="footer">
  <RandomMsg client:only="react" />
  <div style="margin-top: 15px; bottom: 0%">
    <small>Build# {buildNumber}
      <br>
      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>