Skip to content
Commits on Source (6)
Hide whitespace changes
Inline Side-by-side
components/applications/ApplicationStats.vue
View file @ e52789fc
......@@ -51,7 +51,7 @@
3947 🗊
</div>
<div class="label">
pads coécrits sur Etherpad
pads coécrits sur CodiMD
</div>
</div>
</div>
......@@ -61,7 +61,6 @@
<p>Aliquam in scelerisque tortor. Etiam a tempus libero. Duis et dolor quam. Etiam tortor massa, imperdiet sit amet porta vitae, sodales in odio. Sed arcu nisi, interdum ac commodo at, tristique ut ipsum. Maecenas porttitor pretium tellus id pretium. Fusce vel malesuada lacus. Praesent pellentesque eros nec fringilla consectetur. Fusce posuere purus hendrerit aliquet hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium dolor ante, et semper quam aliquam ac. Integer interdum libero sit amet nibh blandit, quis pellentesque urna dictum. Morbi massa leo, pellentesque quis rhoncus eu, porttitor vel nisl.</p>
</div> -->
</div>
</div>
</template>
<script>
......@@ -72,38 +71,38 @@ export default {
default: null
}
}
}
};
</script>
<style lang="scss" scoped>
$font-color: $primary;
$font-color: $primary;
.application-stats__title,
.stats-section__number-item {
display: flex;
flex-direction: column;
align-items: center;
@include from($tablet) {
align-items: flex-start;
}
.application-stats__title,
.stats-section__number-item {
display: flex;
flex-direction: column;
align-items: center;
@include from($tablet) {
align-items: flex-start;
}
.stats-section__number-item {
display: flex;
padding: 1rem;
.label {
color: $font-color;
}
.big-number {
font-size: 2rem;
font-weight: bold;
color: $font-color;
}
}
.stats-section__number-item {
display: flex;
padding: 1rem;
.label {
color: $font-color;
}
.stats-section__text {
.big-number {
font-size: 2rem;
font-weight: bold;
color: $font-color;
p {
margin-bottom: 1rem;
}
}
</style>
\ No newline at end of file
}
.stats-section__text {
color: $font-color;
p {
margin-bottom: 1rem;
}
}
</style>
components/stats/StatsSection.vue
View file @ e52789fc
<template>
<div class="stats-section">
<container>
<h2 class="is-title is-large has-text-primary">
Les chiffres clefs des services @apps.education.fr
</h2>
<div class="stats-section__text">
<p>Aliquam in scelerisque tortor. Etiam a tempus libero. Duis et dolor quam. Etiam tortor massa, imperdiet sit amet porta vitae, sodales in odio. Sed arcu nisi, interdum ac commodo at, tristique ut ipsum. Maecenas porttitor pretium tellus id pretium. Fusce vel malesuada lacus. Praesent pellentesque eros nec fringilla consectetur. Fusce posuere purus hendrerit aliquet hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium dolor ante, et semper quam aliquam ac. Integer interdum libero sit amet nibh blandit, quis pellentesque urna dictum. Morbi massa leo, pellentesque quis rhoncus eu, porttitor vel nisl.</p>
</div>
<div class="stats-section__content">
<div class="columns is-multiline">
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
2498 📺
</div>
<div class="label">
vidéos mises en ligne sur Peertube
</div>
<div class="stats-section">
<container>
<h2 class="is-title is-large has-text-primary">
Les chiffres clefs des services @apps.education.fr
</h2>
<div class="stats-section__text">
<p>
Aliquam in scelerisque tortor. Etiam a tempus libero. Duis et dolor
quam. Etiam tortor massa, imperdiet sit amet porta vitae, sodales in
odio. Sed arcu nisi, interdum ac commodo at, tristique ut ipsum.
Maecenas porttitor pretium tellus id pretium. Fusce vel malesuada
lacus. Praesent pellentesque eros nec fringilla consectetur. Fusce
posuere purus hendrerit aliquet hendrerit. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Sed pretium dolor ante, et semper quam
aliquam ac. Integer interdum libero sit amet nibh blandit, quis
pellentesque urna dictum. Morbi massa leo, pellentesque quis rhoncus
eu, porttitor vel nisl.
</p>
</div>
<div class="stats-section__content">
<div class="columns is-multiline">
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
2498 📺
</div>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
13048 👤
</div>
<div class="label">
utilisateur mensuels sur LaBoîte
</div>
<div class="label">
vidéos mises en ligne sur Peertube
</div>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
239487 📁
</div>
<div class="label">
fichiers partagés sur Nextcloud
</div>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
13048 👤
</div>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
33900 📝
</div>
<div class="label">
tâches réalisées sur l'Atelier
</div>
<div class="label">
utilisateur mensuels sur LaBoîte
</div>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
3947 🗊
</div>
<div class="label">
pads coécrits sur Etherpad
</div>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
239487 📁
</div>
<div class="label">
fichiers partagés sur Nextcloud
</div>
</div>
</div>
<div class="columns is-multiline is-mt-4">
<div class="column is-half-tablet is-one-third-fullhd">
<fake-circle-chart
:title="`30%`"
:subtitle="`30% meilleur en plus`"
/>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<fake-circle-chart
:title="`120%`"
:subtitle="`120% encore mieux`"
/>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
33900 📝
</div>
<div class="label">
tâches réalisées sur l'Atelier
</div>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<div class="stats-section__number-item">
<div class="big-number">
3947 🗊
</div>
<div class="label">
pads coécrits sur CodiMD
</div>
</div>
</div>
<div class="stats-section__text">
<p>Aliquam in scelerisque tortor. Etiam a tempus libero. Duis et dolor quam. Etiam tortor massa, imperdiet sit amet porta vitae, sodales in odio. Sed arcu nisi, interdum ac commodo at, tristique ut ipsum. Maecenas porttitor pretium tellus id pretium. Fusce vel malesuada lacus. Praesent pellentesque eros nec fringilla consectetur. Fusce posuere purus hendrerit aliquet hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium dolor ante, et semper quam aliquam ac. Integer interdum libero sit amet nibh blandit, quis pellentesque urna dictum. Morbi massa leo, pellentesque quis rhoncus eu, porttitor vel nisl.</p>
</div>
<div class="columns is-multiline is-mt-4">
<div class="column is-half-tablet is-one-third-fullhd">
<fake-circle-chart
:title="`30%`"
:subtitle="`30% meilleur en plus`"
/>
</div>
<div class="column is-half-tablet is-one-third-fullhd">
<fake-circle-chart
:title="`120%`"
:subtitle="`120% encore mieux`"
/>
</div>
<div class="column is-half-tablet is-one-third-fullhd"></div>
<div class="column is-half-tablet is-one-third-fullhd"></div>
</div>
</container>
<div class="stats-section__text">
<p>
Aliquam in scelerisque tortor. Etiam a tempus libero. Duis et dolor
quam. Etiam tortor massa, imperdiet sit amet porta vitae, sodales in
odio. Sed arcu nisi, interdum ac commodo at, tristique ut ipsum.
Maecenas porttitor pretium tellus id pretium. Fusce vel malesuada
lacus. Praesent pellentesque eros nec fringilla consectetur. Fusce
posuere purus hendrerit aliquet hendrerit. Lorem ipsum dolor sit
amet, consectetur adipiscing elit. Sed pretium dolor ante, et semper
quam aliquam ac. Integer interdum libero sit amet nibh blandit, quis
pellentesque urna dictum. Morbi massa leo, pellentesque quis rhoncus
eu, porttitor vel nisl.
</p>
</div>
</div>
</container>
</div>
</template>
<script>
import FakeCircleChart from "@/components/charts/FakeCircleChart";
export default {
components: {
FakeCircleChart
}
import FakeCircleChart from "@/components/charts/FakeCircleChart";
export default {
components: {
FakeCircleChart
}
};
</script>
<style lang="scss">
$font-color: $primary;
.stats-section {
.stats-section__number-item {
padding: 1rem;
.label {
color: $font-color;
}
.big-number {
font-size: 2rem;
font-weight: bold;
color: $font-color;
}
$font-color: $primary;
.stats-section {
.stats-section__number-item {
padding: 1rem;
.label {
color: $font-color;
}
.stats-section__text {
.big-number {
font-size: 2rem;
font-weight: bold;
color: $font-color;
p {
margin-bottom: 1rem;
}
}
}
</style>
\ No newline at end of file
.stats-section__text {
color: $font-color;
p {
margin-bottom: 1rem;
}
}
}
</style>
data/applications.js
View file @ e52789fc
......@@ -107,7 +107,7 @@ export default [
icon: "etherpad",
texts: [
{
title: "La rédaction collaborative avec Etherpad",
title: "La rédaction collaborative avec CodiMD",
body: `<p>CodiMD est un éditeur collaboratif de notes et diaporama, écrits en Markdown.<p><p>Il s'inspire d'Etherpad et d'autres éditeurs collaboratifs similaires..<p>`
}
]
......
docs/CHANGELOG.md
View file @ e52789fc
# Changelog
### [2.0.5](https://gitlab.mim-libre.fr/alphabet/apps.education-front/compare/release/2.0.4...release/2.0.5) (2022-08-19)
### Bug Fixes
* **content:** replace etherpad references by codiMD ([c3173e0](https://gitlab.mim-libre.fr/alphabet/apps.education-front/commit/c3173e0d4d5b8eefc63330edce5025a28e18d398))
### [2.0.4](https://gitlab.mim-libre.fr/alphabet/apps.education-front/compare/release/2.0.3...release/2.0.4) (2022-08-19)
......
package.json
View file @ e52789fc
{
"name": "apps-education",
"version": "2.0.4",
"version": "2.0.5",
"description": "apps.education.fr",
"author": "",
"private": true,
......