mirror of
https://github.com/BradNut/boredgame
synced 2025-09-08 17:40:22 +00:00
Analytics component update env variable fetching and change game component.
This commit is contained in:
parent
cfa9a71503
commit
d2762b3e38
2 changed files with 16 additions and 11 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue