101 lines
1.8 KiB
PHP
101 lines
1.8 KiB
PHP
<div class="container">
|
|
<h1>Statut des Blocks </h1>
|
|
|
|
<ul>
|
|
<li class="block is_to-test">
|
|
<h2 class="block-title">Bloc Question</h2>
|
|
<p class="slug">questions-container</p>
|
|
<p class="status">statut:</p>
|
|
</li>
|
|
<li class="block is_wip">
|
|
<h2 class="block-title">Schéma + légende</h2>
|
|
<p class="slug">focused-schema</p>
|
|
<p class="status">statut:</p>
|
|
</li>
|
|
<li class="block is_wip">
|
|
<h2 class="block-title">En tête de thématique + Focus</h2>
|
|
<p class="slug">focused-thematique</p>
|
|
<p class="status">statut:</p>
|
|
</li>
|
|
<li class="block is_wip">
|
|
<h2 class="block-title">Image Bannière</h2>
|
|
<p class="slug">picture-bannner</p>
|
|
<p class="status">statut:</p>
|
|
</li>
|
|
<li class="block is_wip">
|
|
<h2 class="block-title">Vocabulaire de la fiche</h2>
|
|
<p class="slug">vocabulaire-summary</p>
|
|
<p class="status">statut:</p>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
|
|
|
|
* {
|
|
font-family: 'Open Sans', sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
h1 {
|
|
font-weight: 600;
|
|
text-align: center;
|
|
padding: 50px;
|
|
}
|
|
|
|
h2 {
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.slug {
|
|
color: #a9a9a9;
|
|
font-size: 12px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.container {
|
|
max-width: 400px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
padding-bottom: 200px;
|
|
}
|
|
|
|
li.block {
|
|
padding: 20px;
|
|
border-bottom: 1px solid #eaeaea;
|
|
}
|
|
|
|
li.block .status:after {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.is_ready {
|
|
color: green;
|
|
}
|
|
|
|
.is_to-test {
|
|
color: #4287f5;
|
|
}
|
|
|
|
.is_to-test .status:after {
|
|
content: " 🛃 À tester"
|
|
|
|
}
|
|
|
|
.is_wip {
|
|
color: #f5c242;
|
|
}
|
|
|
|
.is_wip .status:after {
|
|
content: "✴️ Work in Progress"
|
|
}
|
|
</style> |