Analytics component update env variable fetching and change game component.

This commit is contained in:
Bradley Shellnut 2022-10-29 17:08:58 -05:00
parent cfa9a71503
commit d2762b3e38
2 changed files with 16 additions and 11 deletions

View file

@ -1,13 +1,14 @@
<script lang="ts"> <script lang="ts">
import { PUBLIC_UMAMI_DO_NOT_TRACK, PUBLIC_UMAMI_URL, PUBLIC_UMAMI_ID } from '$env/static/public'; import { PUBLIC_UMAMI_DO_NOT_TRACK, PUBLIC_UMAMI_URL, PUBLIC_UMAMI_ID } from '$env/static/public';
const analyticsURL = `https://${PUBLIC_UMAMI_URL}/umami.js`;
</script> </script>
<svelte:head> <svelte:head>
<script <script
async async
defer defer
data-website-id={PUBLIC_UMAMI_ID} data-website-id={PUBLIC_UMAMI_ID}
src={`https://{PUBLIC_UMAMI_URL}/umami.js`} data-do-not-track={PUBLIC_UMAMI_DO_NOT_TRACK}
do-not-track={PUBLIC_UMAMI_DO_NOT_TRACK} src={analyticsURL}
/> ></script>
</svelte:head> </svelte:head>

View file

@ -30,7 +30,9 @@
{#if !minimal} {#if !minimal}
<div class="game-details"> <div class="game-details">
<p>{game.year_published}</p> {#if game.year_published}
<p>{game.year_published}</p>
{/if}
<p>{game.players} {game.max_players === 1 ? 'player' : 'players'}</p> <p>{game.players} {game.max_players === 1 ? 'player' : 'players'}</p>
<p>{game.playtime} minutes</p> <p>{game.playtime} minutes</p>
<p>Minimum Age: {game.min_age}</p> <p>Minimum Age: {game.min_age}</p>
@ -81,8 +83,10 @@
} }
.game-container { .game-container {
display: flex; display: grid;
flex-wrap: wrap; grid-template-rows: repeat(3, minmax(50px, 200px));
place-items: center;
max-width: 100px;
@media (max-width: 650px) { @media (max-width: 650px) {
max-width: none; max-width: none;