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">
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>
<svelte:head>
<script
async
defer
data-website-id={PUBLIC_UMAMI_ID}
src={`https://{PUBLIC_UMAMI_URL}/umami.js`}
do-not-track={PUBLIC_UMAMI_DO_NOT_TRACK}
/>
<script
async
defer
data-website-id={PUBLIC_UMAMI_ID}
data-do-not-track={PUBLIC_UMAMI_DO_NOT_TRACK}
src={analyticsURL}
></script>
</svelte:head>

View file

@ -30,7 +30,9 @@
{#if !minimal}
<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.playtime} minutes</p>
<p>Minimum Age: {game.min_age}</p>
@ -81,8 +83,10 @@
}
.game-container {
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-rows: repeat(3, minmax(50px, 200px));
place-items: center;
max-width: 100px;
@media (max-width: 650px) {
max-width: none;