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

WIP React > Svelte

Browse Source 
Put most of the developed design into Svelte
This commit is contained in:
Félix Péault
2020-02-11 15:09:32 +01:00
parent 61e45cb171
commit 9b0c154f61
95 changed files with 3627 additions and 9464 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/organisms/Carousel.svelte Normal file
View File

@@ -0,0 +1,46 @@
<div class="carousel">
<div class="wrap">
<div class="gallery">
<div class="gallery__images">
<div class="gallery__images--photo prev">
<img src="/img/RyanStreet58.jpg" alt="">
</div>
<div class="gallery__images--photo front">
<img src="/img/TurinStreet33.jpg" alt="">
</div>
<div class="gallery__images--photo next">
<img src="/img/GrayRoad15.jpg" alt="">
</div>
</div>
<div class="carousel__controls">
<button class="button-control button-control--white prev">
<img src="/img/icons/arrow-pink.svg" alt="">
</button>
<button class="button-control button-control--white next">
<img src="/img/icons/arrow-pink.svg" alt="">
</button>
</div>
</div>
<div class="carousel__information">
<div class="carousel__information--location location">
<p class="street">Rogers Street, West End</p>
<p class="style-caps state">Queensland, Australia</p>
</div>
<!-- {viewer &&
<p class="carousel__information--date">
Apr 6th, 2019
</p>
} -->
</div>
<!-- {viewer &&
<div class="carousel__number">
05
</div>
} -->
<!-- {!viewer && pagination} -->
</div>
</div>