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

Create Subscribe page

Browse Source 
Create issue css component for past newsletter
This commit is contained in:
Shelby Kay
2021-10-12 22:41:09 +02:00
parent dca8f112ed
commit 3ccfb63188
6 changed files with 188 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/routes/subscribe.svelte
View File

@@ -1 +1,96 @@
<h1>Subscribe</h1>
<script lang="ts">
// Components
import Metas from '$components/Metas.svelte'
import Heading from '$components/molecules/Heading.svelte'
import Shop from '$components/organisms/Shop.svelte'
import Newsletter from '$components/organisms/Newsletter.svelte'
export let photos: any
</script>
<Metas
title="Subscribe"
description=""
image=""
/>
<main class="subscribe">
<Heading
text="If you wish to be pinged when new photos are added to and limited prints become available on our shop, sign up below."
/>
<section class="subscribe__issues">
<h2 class="title-small">Past Issues</h2>
<ul>
<li class="issue">
<a href="#">
<img src="/images/issue-1.jpg" alt="">
<dl>
<dt>Issue #3</dt>
<dd>
<p>Adding Occitanie region to the mix!</p>
<time>24/08/2020</time>
</dd>
</dl>
</a>
</li>
<li class="issue">
<a href="#">
<img src="/images/issue-1.jpg" alt="">
<dl>
<dt>Issue #3</dt>
<dd>
<p>Adding Occitanie region to the mix!</p>
<time>24/08/2020</time>
</dd>
</dl>
</a>
</li>
<li class="issue">
<a href="#">
<img src="/images/issue-1.jpg" alt="">
<dl>
<dt>Issue #3</dt>
<dd>
<p>Adding Occitanie region to the mix!</p>
<time>24/08/2020</time>
</dd>
</dl>
</a>
</li>
</ul>
</section>
<section class="grid-modules grid">
<div class="wrap">
<Shop />
<Newsletter />
</div>
</section>
</main>
<script context="module" lang="ts">
import { fetchAPI } from '$utils/api'
export async function load ({ page, fetch, session, stuff }) {
const res = await fetchAPI(`
query {
photo (limit: 11, sort: ["-date_created"]) {
image {
id
title
}
}
}
`)
const { data } = res
return {
props: {
photos: data.photo,
}
}
}
</script>