sync: Add partner's info

This commit is contained in:
nemunaire 2021-09-01 10:15:26 +02:00
parent f2bf07fd28
commit 74d77dce9f
6 changed files with 105 additions and 31 deletions

View file

@ -12,7 +12,13 @@
import {
Alert,
Badge,
Button,
Card,
CardBody,
CardTitle,
Col,
Icon,
Row,
} from 'sveltestrap';
import { goto } from '$app/navigation';
@ -23,12 +29,37 @@
</script>
{#if theme && theme.exercices}
<div class="card niceborder text-indent mt-2 mb-4">
<Card class="niceborder text-indent mt-2 mb-4">
<div class="card-body bg-dark text-light">
<p class="mt-4 mx-3 card-text lead text-justify">{@html theme.headline}</p>
<p class="mb-4 mx-3 card-text text-justify">{@html theme.intro}</p>
</div>
<CardBody class="bg-dark text-light">
<Row>
<Col>
<p class="mt-4 mx-3 card-text lead text-justify">{@html theme.headline}</p>
<p class="mb-4 mx-3 card-text text-justify">{@html theme.intro}</p>
</Col>
{#if theme.partner_txt || theme.partner_img || theme.partner_href}
<Col md="2" lg="3" class="d-none d-md-block">
<Card class="pt-3 px-3">
{#if theme.partner_img}
<img src="{theme.partner_img}" class="card-img-top">
{/if}
{#if theme.partner_txt || theme.partner_href}
<CardBody class="p-0 mt-3">
{#if theme.partner_txt}
{@html theme.partner_txt}
{/if}
{#if theme.partner_href}
<Button tag="a" color="primary" href="{theme.partner_href}">
Visiter le site
</Button>
{/if}
</CardBody>
{/if}
</Card>
</Col>
{/if}
</Row>
</CardBody>
<ul class="list-group">
{#each Object.keys(theme.exercices) as k, index}
@ -88,7 +119,7 @@
{/each}
</ul>
</div>
</Card>
{:else}
<Alert color="danger" fade={false}>
<Icon name="dash-circle-fill" />