Attention ! Gitlab fournissant maintenant nativement des certificats Let’s Encrypt aux domaines personnalisés des Gitlab Pages, nous avons coupé notre service qui le faisait automatiquement pour vous.

Il est impératif, pour que votre domaine personnalisé continue à avoir un certificat Let’s Encrypt à jour, d’activer la fonctionnalité native dans les paramètres de votre projet. Cette activation remplacera votre certificat actuel par un nouveau certificat Let’s Encrypt géré par Gitlab.

Voir les détails sur https://docs.framasoft.org/fr/gitlab/gitlab-pages-le.html

Commit 52829601 authored by Emmanuel Raviart's avatar Emmanuel Raviart

Improve topics rendering.

parent f7ed22db
<article class="card topic-screen">
{#if topicEmbed.image_url}
<img class="card-img-top image" src="{topicEmbed.image_url}" alt="logo de la fiche">
{/if}
<div class="card-body">
<h1 class="card-title display-3">
<article class="d-flex flex-column pb-1 topic-screen">
<div class="head">
{#if topicEmbed.image_url}
<img class="image ml-3 mb-3" src="{topicEmbed.image_url}" alt="logo de la fiche">
{/if}
<h1 class="display-2 mb-3">
{#if topicEmbed.showId}
<span class="badge badge-primary">#{topicEmbed.id}</span>
{/if}
{topicEmbed.title}
</h1>
<p class="card-text">{@html topicEmbed.excerpt}</p>
<div>
<div class="d-flex footer justify-content-between">
{#if duration !== null && seconds !== null}
<span class="display-1{duration < seconds ? " bg-danger text-white" : duration - 10 < seconds ? " bg-warning text-dark" : ""} pl-1 pr-1">{toMinutesSeconds(duration - seconds)}
</span>
<audio id="ring_sound" src="/ring.mp3"></audio>
{#if duration < seconds}
<script>
if (document !== undefined) { // eslint-disable-line no-undef
document.getElementById("ring_sound").play() // eslint-disable-line no-undef
}
</script>
{/if}
<br class="mt-4 mb-4">
<p class="body h1"><i>{@html topicEmbed.excerpt}</i></p>
</div>
<div class="mt-auto pt-5">
<div class="d-flex foot justify-content-between">
{#if duration !== null && seconds !== null}
<span class="display-1{duration < seconds ? " bg-danger text-white" : duration - 10 < seconds ? " bg-warning text-dark" : ""} pl-1 pr-1">{toMinutesSeconds(duration - seconds)}
</span>
<audio id="ring_sound" src="/ring.mp3"></audio>
{#if duration < seconds}
<script>
if (document !== undefined) { // eslint-disable-line no-undef
document.getElementById("ring_sound").play() // eslint-disable-line no-undef
}
</script>
{/if}
<a class="card-link display-4" href="{urlResolve(config.apiUrl, `/t/${topicEmbed.slug}/${topicEmbed.id}`)}">{urlResolve(config.apiUrl, `/t/${topicEmbed.id}`)}</a>
</div>
{#if nextTopicEmbed !== null}
<hr>
<div class="bg-secondary lead text-right text-white">
Suivant :
{#if nextTopicEmbed.showId}
<b>#{nextTopicEmbed.id}</b>
{/if}
{nextTopicEmbed.title}
</div>
{:else}
<span> </span>
{/if}
<a class="card-link display-2" href="{urlResolve(config.apiUrl, `/t/${topicEmbed.slug}/${topicEmbed.id}`)}">{urlResolve(config.apiUrl, `/t/${topicEmbed.id}`)}</a>
</div>
{#if nextTopicEmbed !== null}
<div class="bg-secondary display-4 mt-1 text-left text-white">
Suivant :
{#if nextTopicEmbed.showId}
<b>#{nextTopicEmbed.id}</b>
{/if}
{nextTopicEmbed.title}
</div>
{/if}
</div>
</article>
<style type="text/scss">
.foot {
align-items: baseline;
}
.head {
overflow: auto
}
.image {
max-height: 360px;
float: right;
height: 480px;
object-fit: contain;
}
.footer {
align-items: baseline;
}
.topic-screen {
height: 100vh;
}
......
......@@ -14,6 +14,7 @@
<img class="image mr-3" src="{topicEmbed.image_url}" alt="logo de la fiche">
<div class="media-body">
<h5 class="mt-0 mb-1">
<span class="badge badge-primary">#{topicEmbed.id}</span>
{topicEmbed.title}
<i class="delete-button material-icons ml-3" on:click="removeRejectedProject(topicEmbed.id)">delete</i>
</h5>
......@@ -38,7 +39,10 @@
<li class="draggable{dragSourceTopicId === topicEmbed.id ? ' dragging' : ''} media" draggable="true" id="{topicEmbed.id}" on:dragend="dragEnd(event)" on:dragstart="dragStart(event, topicEmbed.id)">
<img class="image mr-3" src="{topicEmbed.image_url}" alt="logo de la fiche">
<div class="media-body">
<h5 class="mt-0 mb-1">{topicEmbed.title}</h5>
<h5 class="mt-0 mb-1">
<span class="badge badge-primary">#{topicEmbed.id}</span>
{topicEmbed.title}
</h5>
<div>
{@html topicEmbed.excerpt}
</div>
......@@ -56,6 +60,7 @@
<img class="image mr-3" src="{topicEmbed.image_url}" alt="logo de la fiche">
<div class="media-body">
<h5 class="mt-0 mb-1">
<span class="badge badge-primary">#{topicEmbed.id}</span>
{topicEmbed.title}
<i class="delete-button material-icons ml-3" on:click="removeAcceptedProject(topicEmbed.id)">delete</i>
</h5>
......
......@@ -14,6 +14,7 @@
<img class="image mr-3" src="{topicEmbed.image_url}" alt="logo de la fiche">
<div class="media-body">
<h5 class="mt-0 mb-1">
<span class="badge badge-primary">#{topicEmbed.id}</span>
{topicEmbed.title}
<i class="delete-button material-icons ml-3" on:click="removeRejectedMessage(topicEmbed.id)">delete</i>
</h5>
......@@ -38,7 +39,10 @@
<li class="draggable{dragSourceTopicId === topicEmbed.id ? ' dragging' : ''} media" draggable="true" id="{topicEmbed.id}" on:dragend="dragEnd(event)" on:dragstart="dragStart(event, topicEmbed.id)">
<img class="image mr-3" src="{topicEmbed.image_url}" alt="logo de la fiche">
<div class="media-body">
<h5 class="mt-0 mb-1">{topicEmbed.title}</h5>
<h5 class="mt-0 mb-1">
<span class="badge badge-primary">#{topicEmbed.id}</span>
{topicEmbed.title}
</h5>
<div>
{@html topicEmbed.excerpt}
</div>
......@@ -61,6 +65,7 @@
{/if}
<div class="media-body">
<h5 class="mt-0 mb-1">
<span class="badge badge-primary">#{topicEmbed.id}</span>
{topicEmbed.title}
<i class="delete-button material-icons ml-3" on:click="removeAcceptedMessage(topicEmbed.id)">delete</i>
</h5>
......
......@@ -24,6 +24,7 @@
{/if}
<div class="media-body">
<h5 class="mt-0 mb-1">
<span class="badge badge-primary">#{topicEmbed.id}</span>
{topicEmbed.title}
<i class="delete-button material-icons ml-3" on:click="removeAcceptedProject(topicEmbed.id)">delete</i>
</h5>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment