From 1bb3504d800ec5201023250261748484fcc14307 Mon Sep 17 00:00:00 2001 From: Romain de Laage Date: Fri, 8 May 2020 21:14:44 +0200 Subject: [PATCH] Added WhiteBoard portal --- index.html | 8 +++--- main.css | 70 ++++++++++++++++++++++++++++++++++++++++++++++++- whiteboard.html | 46 ++++++++++++++++++++++++++++++++ 3 files changed, 119 insertions(+), 5 deletions(-) create mode 100644 whiteboard.html diff --git a/index.html b/index.html index 2092552..d6af588 100644 --- a/index.html +++ b/index.html @@ -16,9 +16,9 @@ Nous vous proposons plusieurs outils de pads collaboratifs pouvant correspondre à vos besoins. Du simple néophite en informatique à l'expert en MarkDown et en LaTeX, chacun y trouvera son bonheur. Vous trouverez ci-dessous un petit guide afin de choisir quel outil est adapté à vos besoins. Vous pouvez aussi trouver un petit guide pour débuter avec la syntaxe MarkDown.

CodiMD screenshot @@ -33,7 +33,7 @@

Je souhaite rédiger en collaboration un compte-rendu ou une documentation

- J'ai besoin d'une mise en forme plus avancé et de fonctionnalités supplémentaires (tableaux, formules mathématiques, diagrammes, ...). J'ai toujours besoin de collaborer avec mes camarades mais nous sommes moins pressés et nous pouvons nous inscrire sur le service afin de faciliter la collaboration. Nous vous conseillons CodiMD. Ce logiciel permet d'accéder à une mise en forme avancée à l'aide d'une syntaxe MarkDown complétée de plusieurs fonctionnalités comme LaTeX pour des formules ou la possobilité de faire des diagramme (liste complète des fonctionnalités). L'inscription n'est pas obligatoire mais elle est tout de même recommandée. On peut mettre le pad en lecture-seule et accéder à un mode de publication.
+ J'ai besoin d'une mise en forme plus avancé et de fonctionnalités supplémentaires (tableaux, formules mathématiques, diagrammes, ...). J'ai toujours besoin de collaborer avec mes camarades mais nous sommes moins pressés et nous pouvons nous inscrire sur le service afin de faciliter la collaboration. Nous vous conseillons CodiMD. Ce logiciel permet d'accéder à une mise en forme avancée à l'aide d'une syntaxe MarkDown complétée de plusieurs fonctionnalités comme LaTeX pour des formules ou la possobilité de faire des diagramme (liste complète des fonctionnalités). L'inscription n'est pas obligatoire mais elle est tout de même recommandée. On peut mettre le pad en lecture-seule et accéder à un mode de publication.
Exemples : Compte-rendu de réunion, documentation d'un projet, tutoriel.

Je souhaite partager un tableau blanc afin de dessiner "à la main"

diff --git a/main.css b/main.css index e3fc136..51d28cf 100644 --- a/main.css +++ b/main.css @@ -2,11 +2,15 @@ margin: 0; box-sizing: border-box; } +html{ + height: 100%; +} body{ background-repeat: no-repeat; background-size: cover cover; background-attachment: fixed; font-family: sans-serif; + height: 100%; } #app-links{ display: flex; @@ -23,7 +27,7 @@ body{ font-weight: bold; text-decoration: none; transition: 0.5s; - width: 15%; + width: 20%; text-align: center; } #app-links a:hover{ @@ -56,6 +60,7 @@ h1{ } #content{ width: 80%; + min-height: 100%; margin: auto; background-color: white; padding-right: 40px; @@ -76,3 +81,66 @@ h2, h3{ padding-bottom: 10px; color: #080a4d; } +#link-wb #link{ + display: inline-block; + vertical-align: middle; + width: calc(40% - 40px); + text-align: center; +} +#link-wb form{ + display: inline-block; + vertical-align: middle; + width: calc(40% - 40px); + text-align: center; +} +#link-wb #or{ + display: inline-block; + vertical-align: middle; + width: 20%; + text-align: center; +} +#link a{ + background-color: #0e610e; + padding: 15px; + border-radius: 10px; + color: white; + font-weight: bold; + text-decoration: none; + transition: 0.5s; + display: inline-block; +} +#link a:hover{ + background-color: #1b8c1b; + transform: scale(1.1); +} +#link-wb input{ + display: inline-block; + width: 80%; + margin-bottom: 15px; +} +input[type="submit"]{ + background-color: #0e610e; + padding: 15px; + border-radius: 10px; + color: white; + font-weight: bold; + text-decoration: none; + transition: 0.5s; + text-align: center; + border: none; +} +input[type="submit"]:hover{ + background-color: #1b8c1b; + transform: scale(1.1); +} +input[type="text"]{ + padding: 10px; + border-radius: 10px; + text-decoration: none; + transition: 0.5s; + text-align: center; + border: solid #BFBFBF 3px; +} +input[type="text"]:hover, input[type="text"]:focus{ + border: solid #999999 3px; +} diff --git a/whiteboard.html b/whiteboard.html new file mode 100644 index 0000000..d1bbf48 --- /dev/null +++ b/whiteboard.html @@ -0,0 +1,46 @@ + + + + WhiteBoard - Picasoft + + + + + +
+
+ Logo de Picasoft +

WhiteBoard - Picasoft

+
+ + +
+ +