30 lines
941 B
Vue
30 lines
941 B
Vue
<template>
|
|
<div class="container-fluid">
|
|
<section class="fullpage">
|
|
<div class="px-4">
|
|
<h1 class="title text-dark mb-4 font-display line-height-100">"C'est magique, ta gueule."</h1>
|
|
<div class="lead font-display font-weight-bold">— N'importe quel MJ, une fois dans sa vie</div>
|
|
<hr class="w-50">
|
|
<div class="lead"><span class="font-display" style="font-weight:700;">Auracle</span> est une base de données publique en ligne pour sortilèges, en soutien au jeu de rôle sur table <span class="font-weight-bold text-secondary">Leïm</span>.</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'index-page',
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.title {
|
|
font-size: 5rem;
|
|
font-weight: 900;
|
|
}
|
|
@media only screen and (max-width: 600px) {
|
|
.title {
|
|
font-size: 3.5rem;
|
|
}
|
|
}
|
|
</style> |