flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Code cleaning

Browse Source
This commit is contained in:
Félix Péault
2020-02-05 16:15:42 +01:00
parent 1521ab7b9c
commit 61e45cb171
6 changed files with 43 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Photo.svelte
View File

@@ -17,7 +17,7 @@
index = (index < 10 ? '0' : null) + index index = (index < 10 ? '0' : null) + index
</script> </script>
<div class="card" in:fade out:fade> <div class="card">
<a href="/viewer/{location.country.slug}/{location.slug}/{photo.slug}"> <a href="/viewer/{location.country.slug}/{location.slug}/{photo.slug}">
<div class="card-image"> <div class="card-image">
<figure class="image is-4by3"> <figure class="image is-4by3">

7
src/routes/about.svelte
View File

@@ -1,7 +0,0 @@
<svelte:head>
<title>About</title>
</svelte:head>
<h1>About this site</h1>
<p>This is the 'about' page. There's not much here.</p>

7
src/routes/choose.svelte
View File

@@ -1,14 +1,14 @@
<script> <script>
import { fade, slide } from 'svelte/transition' import { fade, slide } from 'svelte/transition'
import { site } from '../store' import { site } from '../store'
import Locations from '../components/Locations.svelte' import Locations from '../components/Locations'
</script> </script>
<svelte:head> <svelte:head>
<title>Houses Of - Beautiful houses of planet Earth</title> <title>Houses Of - Beautiful houses of planet Earth</title>
</svelte:head> </svelte:head>
<section class="hero is-medium is-danger has-text-centered" in:fade out:slide> <section class="hero is-medium is-danger has-text-centered">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h1 class="title">Houses Of The World</h1> <h1 class="title">Houses Of The World</h1>
@@ -16,7 +16,7 @@
</div> </div>
</section> </section>
<div class="container" in:fade out:slide> <div class="container">
<section class="section"> <section class="section">
<h2 class="title is-4">Choose on globe</h2> <h2 class="title is-4">Choose on globe</h2>
<div class="content"> <div class="content">
@@ -28,6 +28,7 @@
<div class="content"> <div class="content">
<p>{$site.explore_list}</p> <p>{$site.explore_list}</p>
</div> </div>
<Locations /> <Locations />
</section> </section>
</div> </div>

62
src/routes/index.svelte
View File

@@ -1,39 +1,43 @@
<script> <script>
// Svelte // Svelte
import { fade, slide } from 'svelte/transition' import { fade, slide } from 'svelte/transition'
import { site, currentLocation } from '../store' import { site, currentLocation } from '../store'
// Dependencies // Dependencies
// import anime from 'animejs/lib/anime.es.js' // import anime from 'animejs/lib/anime.es.js'
// Components // Components
import Locations from '../components/Locations.svelte' import Locations from '../components/Locations'
import Footer from '../parts/Footer'
// Reset current location // Reset current location
currentLocation.set(undefined) currentLocation.set(undefined)
</script> </script>
<section class="hero is-medium is-danger has-text-centered" in:fade out:slide> <section class="hero is-medium is-danger has-text-centered">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<h1 class="title">Houses Of</h1> <h1 class="title">Houses Of</h1>
<h2 class="subtitle">{$site.description}</h2> <h2 class="subtitle">{$site.description}</h2>
</div> </div>
</div> </div>
</section> </section>
<div class="section" in:fade out:slide> <div class="section">
<div class="container"> <div class="container">
<h2 class="title is-4">Choose on globe</h2> <h2 class="title is-4">Choose on globe</h2>
<div class="content"> <div class="content">
<p>{$site.explore_globe}</p> <p>{$site.explore_globe}</p>
<p>[globe]</p> <p>[globe]</p>
</div> </div>
<h2 class="title is-4">Choose from list</h2> <h2 class="title is-4">Choose from list</h2>
<div class="content"> <div class="content">
<p>{$site.explore_list}</p> <p>{$site.explore_list}</p>
</div> </div>
<Locations />
</div> <Locations />
</div>
</div> </div>
<Footer />

6
src/routes/location/[country]/[location].svelte
View File

@@ -28,8 +28,8 @@
dayjs.extend(relativeTime) dayjs.extend(relativeTime)
// Components // Components
import Photo from '../../../components/Photo.svelte' import Photo from '../../../components/Photo'
import SwitcherSide from '../../../components/SwitcherSide.svelte' import SwitcherSide from '../../../components/SwitcherSide'
// Update current location // Update current location
currentLocation.set({ currentLocation.set({
@@ -50,7 +50,7 @@
<title>Houses Of - Beautiful houses of {locationFull}</title> <title>Houses Of - Beautiful houses of {locationFull}</title>
</svelte:head> </svelte:head>
<div class="section container" in:fade out:slide> <div class="section container">
<div class="nav content"> <div class="nav content">
<SwitcherSide /> <SwitcherSide />
</div> </div>

3
src/store.js
View File

@@ -1,5 +1,6 @@
import { readable, writable } from 'svelte/store' import { writable } from 'svelte/store'
// Define environment
export const dev = process.env.NODE_ENV === 'development' export const dev = process.env.NODE_ENV === 'development'