45 lines
859 B
Text
45 lines
859 B
Text
|
---
|
||
|
|
import Layout from '../layouts/Layout.astro';
|
||
|
|
import ServantCard from '../components/servantCard.astro';
|
||
|
|
---
|
||
|
|
|
||
|
|
<Layout title="Firq TA on Astro.">
|
||
|
|
<main>
|
||
|
|
<div class="servant-section">
|
||
|
|
<h1 class="section-title">Servant offering</h1>
|
||
|
|
<div class="servants-container container">
|
||
|
|
<ServantCard
|
||
|
|
name="Skadi"
|
||
|
|
level="120"
|
||
|
|
skills="10 / 10 / 10"
|
||
|
|
np="NP4"
|
||
|
|
asc="03"
|
||
|
|
ml="10"
|
||
|
|
bond10="true"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</Layout>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.servants-container {
|
||
|
|
row-gap: 1em;
|
||
|
|
column-gap: 1em;
|
||
|
|
justify-content: center;
|
||
|
|
align-self: center;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row wrap;
|
||
|
|
padding: 1em;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.servant-section {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style>
|