☠️ RESET for v2
This commit is contained in:
25
src/components/Metas.svelte
Normal file
25
src/components/Metas.svelte
Normal file
@@ -0,0 +1,25 @@
|
||||
<script lang="ts">
|
||||
export let title: string = ''
|
||||
export let description: string = ''
|
||||
export let image: string = ''
|
||||
export let url: string = undefined
|
||||
export let type: string = 'website'
|
||||
export let card: string = 'summary_large_image'
|
||||
export let creator: string = '@flayks'
|
||||
</script>
|
||||
|
||||
<svelte:head>
|
||||
<title>{title}</title>
|
||||
<meta name="description" content={description}>
|
||||
|
||||
<meta property="og:title" content={title} />
|
||||
<meta property="og:description" content={description} />
|
||||
<meta property="og:image" content={image} />
|
||||
<meta property="og:type" content={type} />
|
||||
{#if url}
|
||||
<meta property="og:url" content={url} />
|
||||
{/if}
|
||||
|
||||
<meta property="twitter:card" content={card} />
|
||||
<meta property="twitter:creator" content={creator} />
|
||||
</svelte:head>
|
||||
3
src/components/molecules/Location.svelte
Normal file
3
src/components/molecules/Location.svelte
Normal file
@@ -0,0 +1,3 @@
|
||||
<script lang="ts">
|
||||
export let location
|
||||
</script>
|
||||
27
src/components/organisms/Locations.svelte
Normal file
27
src/components/organisms/Locations.svelte
Normal file
@@ -0,0 +1,27 @@
|
||||
<script>
|
||||
// Components
|
||||
import Button from '$components/atoms/Button.svelte'
|
||||
import Location from '$components/molecules/Location.svelte'
|
||||
|
||||
export let locations
|
||||
</script>
|
||||
|
||||
<div class="browse">
|
||||
<div class="browse__description">
|
||||
<p>Browse all the cities and countries</p>
|
||||
</div>
|
||||
|
||||
<ul class="browse__continents" id="continents">
|
||||
<li>
|
||||
<Button type="button" text="All" class="button-outline" />
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="browse__locations" id="locations_list" role="list">
|
||||
{#each locations as location (location.id)}
|
||||
<Location
|
||||
location={location}
|
||||
/>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user