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/Image.svelte b/src/lib/Image.svelte index 3b34331..8a60a99 100644 --- a/src/lib/Image.svelte +++ b/src/lib/Image.svelte @@ -13,5 +13,6 @@ background-size: cover; height: 94px; width: 94px; + min-width: 94px; } diff --git a/src/lib/Ota/Bubble.svelte b/src/lib/Ota/Bubble.svelte new file mode 100644 index 0000000..c7e5536 --- /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..3f2555d --- /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..ab52981 --- /dev/null +++ b/src/lib/Ota/Sharebutton.svelte @@ -0,0 +1,32 @@ + + +
+ + + +
+ + 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..5ed77ef 100644 --- a/src/lib/Overlay.svelte +++ b/src/lib/Overlay.svelte @@ -1,10 +1,13 @@
+
@@ -15,16 +18,18 @@ position: relative; height: 100%; width: 100%; + max-width: 768px; .overlay { - height: 75%; + height: max-content; width: 100%; 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 59a3e00..574c39e 100644 --- a/src/routes/game.svelte +++ b/src/routes/game.svelte @@ -1,24 +1,50 @@ - - 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..05846bc --- /dev/null +++ b/src/routes/try.svelte @@ -0,0 +1,16 @@ + + + + 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 +