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

Create Credits page

Browse Source
This commit is contained in:
Shelby Kay
2021-10-04 22:04:38 +02:00
parent 944871ae62
commit 7f5c74086f
3 changed files with 130 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/routes/credits.svelte
View File

@@ -15,16 +15,42 @@
<main class="credits">
<section class="credits__heading">
<SiteTitle />
<SiteTitle variant="large" />
<p>{data.credits.text}</p>
</section>
<section class="credits__list">
{#each data.credits.list as { title, credits }}
<div class="credits__category">
<h2>{title}</h2>
<div class="grid container">
{#each data.credits.list as { title, credits }}
<div class="credits__category grid">
<h2 class="title-small">{title}</h2>
<ul>
{#each credits as { name, role, website }}
<li>
<dl>
<dt>
{#if website}
<h3>
<a href={website} rel="noopener external" target="_blank">{name}</a>
</h3>
{:else}
<h3>{name}</h3>
{/if}
</dt>
<dd>
{role}
</dd>
</dl>
</li>
{/each}
</ul>
</div>
{/each}
<div class="credits__category grid">
<h2 class="title-small">Photography</h2>
<ul>
{#each credits as { name, role, website }}
{#each data.credit as { name, website, location }}
<li>
<dl>
<dt>
@@ -37,40 +63,21 @@
{/if}
</dt>
<dd>
{role}
<ul>
{#each location as { location_id: { name, slug: slugLocation, country: { slug: slugCountry }}}, index}
<li>
<a href="/{slugCountry}/{slugLocation}">{name}</a>
</li>
{/each}
</ul>
</dd>
</dl>
</li>
{/each}
</ul>
</div>
{/each}
<div class="credits__category">
<h2>Photography</h2>
<ul>
{#each data.credit as { name, website, location }}
<li>
<dl>
<dt>
{#if website}
<h3>
<a href={website} rel="noopener external" target="_blank">{name}</a>
</h3>
{:else}
<h3>{name}</h3>
{/if}
</dt>
<dd>
{#each location as { location_id: { name, slug: slugLocation, country: { slug: slugCountry } } }, index}
<a href="/{slugCountry}/{slugLocation}">{name}</a>{#if location.length > index + 1},&nbsp;{/if}
{/each}
</dd>
</dl>
</li>
{/each}
</ul>
</div>
</section>
</main>