diff --git a/public/assets/temp/kar5.png b/public/assets/temp/kar5.png
new file mode 100644
index 0000000..bc223b9
Binary files /dev/null and b/public/assets/temp/kar5.png differ
diff --git a/public/assets/temp/kar6.png b/public/assets/temp/kar6.png
new file mode 100644
index 0000000..bc223b9
Binary files /dev/null and b/public/assets/temp/kar6.png differ
diff --git a/src/App.svelte b/src/App.svelte
index 82eae59..aacf0c4 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,12 +3,13 @@
import './main.scss'
import Game from './routes/game.svelte'
+ import Try from './routes/try.svelte'
-
+
@@ -16,6 +17,8 @@
diff --git a/src/lib/Ota/Bubble.svelte b/src/lib/Ota/Bubble.svelte
new file mode 100644
index 0000000..385819f
--- /dev/null
+++ b/src/lib/Ota/Bubble.svelte
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
diff --git a/src/lib/Ota/Heading.svelte b/src/lib/Ota/Heading.svelte
new file mode 100644
index 0000000..dd75e8a
--- /dev/null
+++ b/src/lib/Ota/Heading.svelte
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/Ota/Icons/Point.svelte b/src/lib/Ota/Icons/Point.svelte
new file mode 100644
index 0000000..91a8490
--- /dev/null
+++ b/src/lib/Ota/Icons/Point.svelte
@@ -0,0 +1,8 @@
+
diff --git a/src/lib/Ota/Icons/Share.svelte b/src/lib/Ota/Icons/Share.svelte
new file mode 100644
index 0000000..ce8515e
--- /dev/null
+++ b/src/lib/Ota/Icons/Share.svelte
@@ -0,0 +1,26 @@
+
diff --git a/src/lib/Ota/Icons/Star.svelte b/src/lib/Ota/Icons/Star.svelte
new file mode 100644
index 0000000..5c3531a
--- /dev/null
+++ b/src/lib/Ota/Icons/Star.svelte
@@ -0,0 +1,6 @@
+
diff --git a/src/lib/Ota/ImageSlider.svelte b/src/lib/Ota/ImageSlider.svelte
new file mode 100644
index 0000000..4bc3d87
--- /dev/null
+++ b/src/lib/Ota/ImageSlider.svelte
@@ -0,0 +1,48 @@
+
+
+
+ {#each images as image, i}
+ {#if Math.floor(windowsize / (94 + 10)) >= i + 1}
+
+
+ {#if Math.floor(windowsize / (94 + 10)) === i + 1 && images.length !== i + 1}
+ {`+${images.length - Math.floor(windowsize / (94 + 10))}`}
+ {/if}
+
+ {/if}
+ {/each}
+
+
+
diff --git a/src/lib/Ota/Map.svelte b/src/lib/Ota/Map.svelte
new file mode 100644
index 0000000..1899f4b
--- /dev/null
+++ b/src/lib/Ota/Map.svelte
@@ -0,0 +1,12 @@
+
diff --git a/src/lib/Ota/Sharebutton.svelte b/src/lib/Ota/Sharebutton.svelte
new file mode 100644
index 0000000..6e02849
--- /dev/null
+++ b/src/lib/Ota/Sharebutton.svelte
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
diff --git a/src/lib/Ota/Tab.svelte b/src/lib/Ota/Tab.svelte
new file mode 100644
index 0000000..117fbe1
--- /dev/null
+++ b/src/lib/Ota/Tab.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
diff --git a/src/lib/Overlay.svelte b/src/lib/Overlay.svelte
index b5d874a..ba920a1 100644
--- a/src/lib/Overlay.svelte
+++ b/src/lib/Overlay.svelte
@@ -1,10 +1,13 @@
+
@@ -15,16 +18,19 @@
position: relative;
height: 100%;
width: 100%;
+ max-width: 768px;
.overlay {
- height: 75%;
+ height: 75vh;
width: 100%;
+ overflow-y: auto;
position: absolute;
- bottom: 0;
+ top: 25%;
border-radius: 70px 70px 0 0;
- padding-left: 52px;
+ /*padding-left: 52px;
padding-right: 52px;
- padding-top: 52px;
+ padding-top: 52px;*/
+ padding: 52px; /*provedena změna-OtaProkopec*/
display: flex;
flex-direction: column;
row-gap: 35px;
diff --git a/src/routes/game.svelte b/src/routes/game.svelte
index 5e34c27..ae962ba 100644
--- a/src/routes/game.svelte
+++ b/src/routes/game.svelte
@@ -1,24 +1,51 @@
-
- Tůra po Karláku
-
- Vydejte se na napínavou pouť po zajímavostech největšího náměstí v Česku.
-
-
- {#each assets as asset}
-
- {/each}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/try.svelte b/src/routes/try.svelte
new file mode 100644
index 0000000..a85247e
--- /dev/null
+++ b/src/routes/try.svelte
@@ -0,0 +1,17 @@
+
+
+
+ Tůra po Karláku
+ Vydejte se na napínavou pouť po zajímavostech největšího náměstí v Česku.
+ 4.5
+ Praha
+