graphical fix, version bump

Author: MegapolisPlayer

src/lib/index.ts

@@ -794,3 +794,7 @@ export const asyncDelay = (time: number) => {
 		}, time)
 	);
 };
+
+export const PROGRAM_VERSION = "1.0.2";
+//own festive mix
+export const DEFAULT_PLAYLIST = "https://www.youtube.com/embed/videoseries?loop=1&si=9tV7jJed9H4lPkHr&list=PL5d1YE_8Im7Nh_4krlRdBNBsGJFioTzl5";

src/routes/+layout.server.ts

@@ -1,13 +1,14 @@
 import { locales } from '$lib/paraglide/runtime.js';
 import type { LanguageType } from '$lib/types.js';
+import { DEFAULT_PLAYLIST } from "$lib";
 
 export const load = async (event) => {
 	if (event.cookies.get('set') != 'true') {
 		event.cookies.set('background', '#460809', { path: '/' });
 		event.cookies.set('languages', JSON.stringify(locales), { path: '/' });
 		event.cookies.set(
 			'playlist',
-			'https://www.youtube.com/embed/videoseries?loop=1&si=9tV7jJed9H4lPkHr&list=PL5d1YE_8Im7Nh_4krlRdBNBsGJFioTzl5',
+			DEFAULT_PLAYLIST,
 			{ path: '/' }
 		);
 		event.cookies.set('millisecond', 'false', { path: '/' });

src/routes/BottomBar.svelte

@@ -5,6 +5,7 @@
 	import { fly } from 'svelte/transition';
 	import IconButton from './items/IconButton.svelte';
 	import type { LanguageType } from '$lib/types';
+	import { PROGRAM_VERSION } from "$lib";
 
 	let {
 		settingsModal = $bindable(false),
@@ -50,7 +51,7 @@
 		<span class="flex grow flex-row gap-2" id="bottom">
 			<p class="font-bold max-lg:text-xl lg:text-lg">
 				{m.nameShort({}, { locale: currentLocale as LanguageType })}
-				1.0.1
+				{PROGRAM_VERSION}
 			</p>
 
 			<p class="text-lg max-lg:hidden">

src/routes/items/TimezoneItem.svelte

@@ -55,7 +55,7 @@
 <div
 	class="flex max-h-6 min-h-6 w-full max-w-full min-w-0! flex-row items-center gap-2 overflow-hidden! **:text-nowrap"
 >
-	<div class="flex w-fit flex-row gap-0 overflow-hidden! **:overflow-hidden!">
+	<div class="flex w-fit flex-row gap-0 overflow-hidden!">
 		<span class={!reverse && countdown.days > 0 ? '' : 'text-neutral-500'}>
 			{Math.abs(countdown.days).toFixed().padStart(2, '0')}:
 		</span><span
@@ -70,7 +70,7 @@
 			{Math.abs(countdown.seconds).toFixed().padStart(2, '0')}
 		</span>
 	</div>
-	<div class="flex grow flex-row gap-2">
+	<div class="flex grow flex-row gap-2 items-center">
 		<div class="min-w-fit text-xl font-medium">
 			{mainCity}
 		</div>

src/routes/items/VersionItem.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	let {
+		version,
+		date,
+		children
+	}: {
+		version: string;
+		date: string;
+		children: Snippet;
+	} = $props();
+</script>
+
+<div class="flex w-full max-w-full min-w-full flex-col gap-0 text-white">
+	<div class="flex flex-row items-center gap-2">
+		<h2 class="text-xl">FestIES {version}</h2>
+		<p class="italic opacity-50">{date}</p>
+	</div>
+	<ul class="list-inside list-disc">
+		{@render children()}
+	</ul>
+</div>

src/routes/modals/ChangelogModal.svelte

@@ -1,33 +1,37 @@
 <script lang="ts">
 	import Modal from '../Modal.svelte';
 	import Button from '../items/Button.svelte';
+	import { PROGRAM_VERSION } from '$lib';
+	import VersionItem from '../items/VersionItem.svelte';
 
 	let { changelogModal = $bindable(false) } = $props();
 </script>
 
 <Modal bind:showModal={changelogModal}>
 	<div class="flex w-full grow flex-col gap-2 text-white">
-		<h2 class="text-xl font-medium">Changelog</h2>
-
-		<div class="flex w-full max-w-full min-w-full flex-col gap-0 text-white">
-			<h2 class="text-xl">FestIES 1.0.0</h2>
-			<p class="italic opacity-50">30.11.2025</p>
-			<ul class="list-inside list-disc">
-				<li>Original version</li>
-			</ul>
+		<div class="flex flex-row items-center gap-2">
+			<h2 class="text-xl font-medium">Changelog</h2>
+			<p class="italic opacity-50">Current version: {PROGRAM_VERSION}</p>
 		</div>
 
-		<div class="flex w-full max-w-full min-w-full flex-col gap-0 text-white">
-			<h2 class="text-xl">FestIES 1.0.1</h2>
-			<p class="italic opacity-50">20.12.2025</p>
-			<ul class="list-inside list-disc">
-				<li>
-					More effects on the bottom (ČD 680 Pendolino, PolRegio train, Forest growing and line of
-					buildings)
-				</li>
-				<li>Small style improvements</li>
-			</ul>
-		</div>
+		<VersionItem version="1.0.0" date="30.11.2025">
+			<li>Original version</li>
+		</VersionItem>
+
+		<VersionItem version="1.0.1" date="20.12.2025">
+			<li>
+				More effects on the bottom (ČD 680 Pendolino, PolRegio train, Forest growing and line of
+				buildings)
+			</li>
+			<li>Small style improvements</li>
+		</VersionItem>
+
+		<VersionItem version="1.0.2" date="23.12.2025">
+			<li>Removed extra scrollbars</li>
+			<li>Changelog modal improvements</li>
+			<li>Added option for dynamic snow amount</li>
+			<li>Added default playlist in form (bugfix)</li>
+		</VersionItem>
 
 		<Button
 			text="Close"

src/routes/modals/SettingsModal.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
-	import { dateToString } from '$lib';
+	import { dateToString, DEFAULT_PLAYLIST } from '$lib';
 	import { m } from '$lib/paraglide/messages';
 	import { locales } from '$lib/paraglide/runtime';
 	import Modal from '../Modal.svelte';
@@ -85,7 +85,7 @@
 							name="playlist"
 							class="rounded-lg bg-white p-2 text-gray-700"
 							placeholder="Enter link here..."
-							value={data.playlist}
+							value={data.playlist.length == 0 ? DEFAULT_PLAYLIST : data.playlist}
 							required
 						/>
 					{/if}