add more routes

src/routes/+page.svelte

@@ -4,5 +4,5 @@
 </script>
 
 <AbstractContent showBottomNavbar={false}>
-	<Frontpage getStarted={'/dummydropdown'} />
+	<Frontpage getStarted={'/firstdropdown'} />
 </AbstractContent>

src/routes/firstdropdown/+page.svelte

@@ -0,0 +1,32 @@
+<script>
+	import AbstractContent from '$lib/components/AbstractContent.svelte';
+	import AbstractDropdown from '$lib/components/AbstractDropdown.svelte';
+	import { DropdownDataElement } from '$lib/js/dropdowndata.js';
+
+	const letteroptions = ['a', 'b', 'c', 'd'];
+	const defaultOptions = ['gar nicht', 'ansatzweise', 'weitgehend', 'zuverlässig'];
+
+	const dropdownData = [
+		new DropdownDataElement(
+			'standing up',
+			letteroptions,
+			'How well can the child stand up from sitting or crawling around and how readily is it able to do so'
+		),
+		new DropdownDataElement(
+			'gripping a pen the right way',
+			defaultOptions,
+			'How well can the child hold a pen or pencil and how coordinated can it use it'
+		),
+		new DropdownDataElement(
+			'talking in full sentences',
+			letteroptions,
+			'How well articulated is the child in its speech and how well can it express itself'
+		)
+	];
+
+	const heading = 'some initial dummy dropdown page';
+</script>
+
+<AbstractContent showBottomNavbar={true} lastPage="/" nextPage="/nextdropdown" infoPage="/info">
+	<AbstractDropdown {dropdownData} {heading} />
+</AbstractContent>

src/routes/nextdropdown/+layout.svelte

@@ -0,0 +1,5 @@
+<script>
+	import '../../app.css';
+</script>
+
+<slot></slot>

src/routes/nextdropdown/+layout.ts

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/dummydropdown/+page.svelte → src/routes/nextdropdown/+page.svelte

@@ -28,9 +28,9 @@
 		)
 	];
 
-	const heading = 'some dummy dropdown page';
+	const heading = 'the second dummy dropdown page';
 </script>
 
-<AbstractContent showBottomNavbar={true} lastPage="/" nextPage="/" infoPage="/info">
+<AbstractContent showBottomNavbar={true} lastPage="/firstdropdown" nextPage="/" infoPage="/info">
 	<AbstractDropdown {dropdownData} {heading} />
 </AbstractContent>