diff --git a/src/App.svelte b/src/App.svelte index 40e425e..88013f6 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -11,6 +11,7 @@ import map from './routes/map.svelte' import LogIn from './routes/log_in.svelte' import Explore from './routes/explore/explore.svelte' + import Profile from './routes/profile/profile.svelte' if ('serviceWorker' in window.navigator) { window.navigator.serviceWorker.register('/serviceworker.js', { @@ -24,12 +25,11 @@ - - + diff --git a/src/lib/Components/Inputs/InputPicture.svelte b/src/lib/Components/Inputs/InputPicture.svelte new file mode 100644 index 0000000..61f6e87 --- /dev/null +++ b/src/lib/Components/Inputs/InputPicture.svelte @@ -0,0 +1,7 @@ + + +
+ +
diff --git a/src/lib/Components/Layouts/NavigationBarLayout.svelte b/src/lib/Components/Layouts/NavigationBarLayout.svelte index d704e3d..386f063 100644 --- a/src/lib/Components/Layouts/NavigationBarLayout.svelte +++ b/src/lib/Components/Layouts/NavigationBarLayout.svelte @@ -35,15 +35,18 @@ { name: 'Profile', active: false, - url: '', + url: '/profile', image_url: "data:image/svg+xml,%3Csvg width='19' height='24' viewBox='0 0 19 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1515_2027' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='14' width='19' height='10'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.166626 14.9121H18.6465V23.5151H0.166626V14.9121Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1515_2027)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.40767 16.6621C4.4365 16.6621 1.9165 17.5161 1.9165 19.2019C1.9165 20.9029 4.4365 21.7651 9.40767 21.7651C14.3777 21.7651 16.8965 20.9111 16.8965 19.2253C16.8965 17.5243 14.3777 16.6621 9.40767 16.6621ZM9.40767 23.5151C7.12217 23.5151 0.166504 23.5151 0.166504 19.2019C0.166504 15.3566 5.441 14.9121 9.40767 14.9121C11.6932 14.9121 18.6465 14.9121 18.6465 19.2253C18.6465 23.0706 13.3732 23.5151 9.40767 23.5151Z' fill='%2361646B'/%3E%3C/g%3E%3Cmask id='mask1_1515_2027' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='3' y='0' width='13' height='13'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.21143 0.333008H15.6015V12.7214H3.21143V0.333008Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_1515_2027)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.40763 1.99901C6.9098 1.99901 4.87746 4.03017 4.87746 6.52801C4.8693 9.01767 6.88646 11.0477 9.3738 11.057L9.40763 11.89V11.057C11.9043 11.057 13.9355 9.02467 13.9355 6.52801C13.9355 4.03017 11.9043 1.99901 9.40763 1.99901ZM9.40763 12.7218H9.3703C5.9613 12.7113 3.1998 9.93117 3.21146 6.52451C3.21146 3.11201 5.99046 0.333008 9.40763 0.333008C12.8236 0.333008 15.6015 3.11201 15.6015 6.52801C15.6015 9.94401 12.8236 12.7218 9.40763 12.7218Z' fill='%2361646B'/%3E%3C/g%3E%3C/svg%3E ", }, ] + + let className = '' + export { className as class }
-
+
{#each items as { active, name, url, image_url }} navigate(url)} {active} {name} {url}> diff --git a/src/lib/Components/common/Line.svelte b/src/lib/Components/common/Line.svelte new file mode 100644 index 0000000..60c295b --- /dev/null +++ b/src/lib/Components/common/Line.svelte @@ -0,0 +1,12 @@ + + +
+ + diff --git a/src/lib/Components/common/SettingRow.svelte b/src/lib/Components/common/SettingRow.svelte new file mode 100644 index 0000000..688673c --- /dev/null +++ b/src/lib/Components/common/SettingRow.svelte @@ -0,0 +1,8 @@ + + +
+ +
diff --git a/src/lib/svg/Earth.svelte b/src/lib/svg/Earth.svelte new file mode 100644 index 0000000..77432b9 --- /dev/null +++ b/src/lib/svg/Earth.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/lib/svg/Help.svelte b/src/lib/svg/Help.svelte new file mode 100644 index 0000000..f1272af --- /dev/null +++ b/src/lib/svg/Help.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/lib/svg/InputPicture.svelte b/src/lib/svg/InputPicture.svelte new file mode 100644 index 0000000..bb220c6 --- /dev/null +++ b/src/lib/svg/InputPicture.svelte @@ -0,0 +1,27 @@ + + + + + + + + + + + + diff --git a/src/lib/svg/Logout.svelte b/src/lib/svg/Logout.svelte new file mode 100644 index 0000000..4216c04 --- /dev/null +++ b/src/lib/svg/Logout.svelte @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/svg/PointSmall.svelte b/src/lib/svg/PointSmall.svelte new file mode 100644 index 0000000..8526886 --- /dev/null +++ b/src/lib/svg/PointSmall.svelte @@ -0,0 +1,19 @@ + + + + + + + + + diff --git a/src/lib/svg/Profile.svelte b/src/lib/svg/Profile.svelte new file mode 100644 index 0000000..806fa00 --- /dev/null +++ b/src/lib/svg/Profile.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/lib/svg/Setting2.svelte b/src/lib/svg/Setting2.svelte new file mode 100644 index 0000000..df15098 --- /dev/null +++ b/src/lib/svg/Setting2.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/lib/svg/Wallet.svelte b/src/lib/svg/Wallet.svelte new file mode 100644 index 0000000..69b4e8c --- /dev/null +++ b/src/lib/svg/Wallet.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/lib/svg/Warning.svelte b/src/lib/svg/Warning.svelte new file mode 100644 index 0000000..e9ec653 --- /dev/null +++ b/src/lib/svg/Warning.svelte @@ -0,0 +1,8 @@ + + + diff --git a/src/routes/explore/explore.svelte b/src/routes/explore/explore.svelte index 5450bda..2cc4603 100644 --- a/src/routes/explore/explore.svelte +++ b/src/routes/explore/explore.svelte @@ -1,91 +1,50 @@ -
- + +
+ -
- {#each search(Search) as result} - - {/each} +
+ {#each search(Search) as result} + + {/each} -
- -
-
-
- - +
+
+
+ \ No newline at end of file + .end { + width: 20px; + min-height: 10vh; + } + } + } + diff --git a/src/routes/profile/profile.svelte b/src/routes/profile/profile.svelte index f7e72ca..8c0d926 100644 --- a/src/routes/profile/profile.svelte +++ b/src/routes/profile/profile.svelte @@ -1,5 +1,64 @@ - + +
+ + User name + + + Prague, Czechia + +
+ + +
+ {#each items as { title, itms }} +
{title}
+ {#each itms as { icon, text }} + + + {text} + + + {/each} + {/each} +
+