diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index f87acfe..a237254 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,6 +1,7 @@ <!-- If url contains "hideOnPrint" param, then detect if start printing then hide elements --> <script lang="ts"> import "../app.css"; + const buildTime = __BUILD_TIME__; import { fly } from 'svelte/transition'; import MediaQuery from 'svelte-media-queries'; @@ -93,40 +94,45 @@ <slot /> <!-- About footer --> - <div class="{hideOnPrint ? 'hide-on-print' : ''} flex justify-center p-8 bg-base-300 mt-8"> - <div class="about-container"> - <div class="credits"> - <span>© 2023-2024</span> - <br> - <span>Benjamin Dreyer</span> - <br> - <span>Oliver Schwenger</span> - <br> - <span>Sylvester Junge</span> - <br> - <span>Snorre Ettrup Altschul</span> - <br> - <span>Zhentao Wei</span> - </div> - <div> - <h3><b>About this website</b></h3> - <!-- <a href="/" target="_blank">Recursion</a> --> - <div class="flex justify-center"> - This website was made using <a class="grid place-content-center" target="_blank" href="https://kit.svelte.dev/"> - <img class="pl-2" src={svelteLogo} style="height: 2rem;" alt="SvelteKit logo"/></a> + <div class="{hideOnPrint ? 'hide-on-print' : ''} flex flex-col justify-center pt-8 bg-base-300 mt-8"> + <div class="flex justify-center"> + <div class="about-container"> + <div class="credits"> + <span>© 2023-2024</span> + <br> + <span>Benjamin Dreyer</span> + <br> + <span>Oliver Schwenger</span> + <br> + <span>Sylvester Junge</span> + <br> + <span>Snorre Ettrup Altschul</span> + <br> + <span>Zhentao Wei</span> </div> - <span>Website <a href="https://git.spoodythe.one/sveske-juice/deprived-main-website" target="_blank">source code</a></span> + <div> + <h3><b>About this website</b></h3> + <!-- <a href="/" target="_blank">Recursion</a> --> + <div class="flex justify-center"> + This website was made using <a class="grid place-content-center" target="_blank" href="https://kit.svelte.dev/"> + <img class="pl-2" src={svelteLogo} style="height: 2rem;" alt="SvelteKit logo"/></a> + </div> + <span>Website <a href="https://git.spoodythe.one/sveske-juice/deprived-main-website" target="_blank">source code</a></span> + </div> + <div class="contact"> + <h3><b>Contact</b></h3> + <a href="mailto:zhen@deprived.dev">zhen@deprived.dev</a> + <div class="mt-2"></div> + <a href="https://discord.gg/awatEEqc3M" target="_blank" class="social"> + <!-- <span>Discord</span> --> + <img src="/images/icons/discord.svg" alt="Discord"/> + </a> + </div> </div> - <div class="contact"> - <h3><b>Contact</b></h3> - <a href="mailto:zhen@deprived.dev">zhen@deprived.dev</a> - <div class="mt-2"></div> - <a href="https://discord.gg/awatEEqc3M" target="_blank" class="social"> - <!-- <span>Discord</span> --> - <img src="/images/icons/discord.svg" alt="Discord"/> - </a> - </div> + </div> + <div class="flex w-full justify-center border-t border-base-100 border-dashed"> + {buildTime} </div> </div> </div> diff --git a/vite.config.js b/vite.config.js index 7bc709f..2489ef0 100644 --- a/vite.config.js +++ b/vite.config.js @@ -2,6 +2,19 @@ import tailwindcss from "@tailwindcss/vite"; import { sveltekit } from '@sveltejs/kit/vite'; import { defineConfig } from 'vite'; +const buildTime = new Intl.DateTimeFormat('da-DK', { + day: '2-digit', + month: '2-digit', + year: 'numeric', + hour: '2-digit', + minute: '2-digit', + hour12: false, + timeZone: 'Europe/Copenhagen' +}).format(new Date()); + export default defineConfig({ plugins: [tailwindcss(), sveltekit()], + define: { + __BUILD_TIME__: JSON.stringify(buildTime) + } });