From 2328e5a5742c3fbdbcb4ded8f1d294b4a20e08e0 Mon Sep 17 00:00:00 2001 From: Minteck Date: Sun, 27 Mar 2022 21:38:10 +0200 Subject: Commit --- app/intro/.DS_Store | Bin 0 -> 6148 bytes app/intro/conditions/index.php | 104 +++++++ app/intro/index.php | 153 +++++++++++ app/intro/intro.svg | 33 +++ app/intro/main.js | 90 ++++++ app/intro/session.php | 64 +++++ app/intro/statusbar.php | 28 ++ app/intro/stylesheet.css | 474 ++++++++++++++++++++++++++++++++ app/intro/webfonts/Lato-Black.ttf | Bin 0 -> 69500 bytes app/intro/webfonts/Lato-BlackItalic.ttf | Bin 0 -> 72000 bytes app/intro/webfonts/Lato-Bold.ttf | Bin 0 -> 73332 bytes app/intro/webfonts/Lato-BoldItalic.ttf | Bin 0 -> 77732 bytes app/intro/webfonts/Lato-Italic.ttf | Bin 0 -> 75792 bytes app/intro/webfonts/Lato-Light.ttf | Bin 0 -> 77208 bytes app/intro/webfonts/Lato-LightItalic.ttf | Bin 0 -> 49080 bytes app/intro/webfonts/Lato-Regular.ttf | Bin 0 -> 75152 bytes app/intro/webfonts/Lato-Thin.ttf | Bin 0 -> 69976 bytes app/intro/webfonts/Lato-ThinItalic.ttf | Bin 0 -> 48864 bytes 18 files changed, 946 insertions(+) create mode 100644 app/intro/.DS_Store create mode 100644 app/intro/conditions/index.php create mode 100644 app/intro/index.php create mode 100644 app/intro/intro.svg create mode 100644 app/intro/main.js create mode 100644 app/intro/session.php create mode 100644 app/intro/statusbar.php create mode 100644 app/intro/stylesheet.css create mode 100644 app/intro/webfonts/Lato-Black.ttf create mode 100644 app/intro/webfonts/Lato-BlackItalic.ttf create mode 100644 app/intro/webfonts/Lato-Bold.ttf create mode 100644 app/intro/webfonts/Lato-BoldItalic.ttf create mode 100644 app/intro/webfonts/Lato-Italic.ttf create mode 100644 app/intro/webfonts/Lato-Light.ttf create mode 100644 app/intro/webfonts/Lato-LightItalic.ttf create mode 100644 app/intro/webfonts/Lato-Regular.ttf create mode 100644 app/intro/webfonts/Lato-Thin.ttf create mode 100644 app/intro/webfonts/Lato-ThinItalic.ttf (limited to 'app/intro') diff --git a/app/intro/.DS_Store b/app/intro/.DS_Store new file mode 100644 index 0000000..c7faaef Binary files /dev/null and b/app/intro/.DS_Store differ diff --git a/app/intro/conditions/index.php b/app/intro/conditions/index.php new file mode 100644 index 0000000..ee0aa31 --- /dev/null +++ b/app/intro/conditions/index.php @@ -0,0 +1,104 @@ + + + + + + + + Conditions d'accès | Familine + + + +
+ +
+ +
+
+
+

Conditions d'accès aux services Familine hébergé par Minteck.org

+ +

Vous êtes déjà connecté·e à Familine, vous avez par conséquent déjà accès à Familine ; cela signifie que vous respectez l'intégralité des conditions décrites dans ce document.

+ + +

Préambule

+

Les suivantes conditions d'accès sont lues, comprises et acceptées par tous les utilisateurs de Familine, à partir du moment où ils et elles soumettent une demande de compte, et jusqu'à la révocation de leur accès à Familine (lorsqu'ils ou elles ne respectent plus les conditions requises).

+

Ces conditions ne s'appliquent que pour la version de Familine telle qu'elle est hébergée par Minteck.org. Familine est un logiciel libre que chacun peut héberger et utiliser librement et gratuitement, sous ses propres conditions, au sein de sa propre famille et avec son propre contenu ainsi que ses propres modifications.

+ +

Période d'accès

+

Votre accès à Familine vous est octroyé immédiatement après l'activation de votre compte par un administrateur. Certains services requièrent cependant un délai de jusqu'à 3 jours ouvrables avant de vous autoriser à effectuer des modifications ; mais votre accès en lecture uniquement est octroyé immédiatement.

+

Familine se réserve le droit, à n'importe quel moment, et sans donner de raison valable, de suspendre temporairement ou de façon permanente votre accès à Familine, occasionnant la suppression de toutes les données personelles présentes sur les différents services, et ce de façon irrémédiable. De plus, Familine se réserve le droit d'engager une procédure judiciaire dans l'éventualité d'un manquement aux lois en vigueur en France.

+ +

Familine et les enfants de moins de 15 ans

+

L'age de majorité numérique en France est 15 ans. C'est l'age à partir duquel un enfant devient responsable de ses donneés personnelles en ligne. De ce fait, sans autorisation parentale, un enfant de moins de 15 ans n'est pas autorisé à disposer de son propre compte Familine. Familine ne tient cependant pas compte de l'age de majorité numérique de votre pays de résidence, même s'il est supérieur à 15 ans.

+

Dans l'éventualité où Familine soupsconerait un utilisateur d'avoir moins de 15 ans et de ne pas disposer d'autorisation parentale, son compte pourrait être suspendu de façon permanente.

+ +

Placement au sein de la famille

+

Familine est réservé aux utilisateurs légalement ou usuellement proches des administrateurs de l'infrastructure Minteck.org, cela pourrait inclure les amis et membre de famille éloignée ou non biologique. Si aucun membre de la famille ne vous a dirigé vers Familine, il se pourrait que vous ne soyez pas autorisé·e à y accéder (cependant, il ne vous coûte rien d'essayer).

+

Afin de vérifier votre identité, Familine peut exiger que vous transmettiez une copie d'un document permettant de vérifier votre identité. Il vous est fortement déconseillé de transmettre une carte d'identité, et plutôt recommandé de transmettre un permis de conduire, une carte vitale, une carte de vote, un livret de Familine ou une carte bancaire dont vous masquez les numéros. Toute transmission de documents modifiés ou falsifiés fera l'objet de poursuites judiciaires.

+ +

Abonnement additionnels

+

Familine peut, par le biais de ses services, vous proposer des services additionnels payants qui permettent d'ajouter des fonctionnalités supplémentaires à la plateforme ou vous donner accès à du contenu supplémentaire exclusif.

+

Les personnes âgées de moins de 18 ans ne peuvent pas acheter d'abonnements payants sans autorisation préalable de leur·s parent·s ou responsable·s légal. De plus, le paiement ne peut s'effectuer uniquement en main propre pour des raisons personnelles ; il sera, à l'avenir, possible de procéder au paiement directement par le biais de Familine.

+ +

Potentiels problèmes

+

De part leur complexité, Familine ne saurait garantir le total bon fonctionnement de ses services. Cependant, il vous est conseillé de communiquer tout potentiel problème par courriel à support@familine.minteck.org.

+
+
+ + + + diff --git a/app/intro/index.php b/app/intro/index.php new file mode 100644 index 0000000..1748f31 --- /dev/null +++ b/app/intro/index.php @@ -0,0 +1,153 @@ + + + + + + + + Familine | Des outils fiables et puissants pour la famille + + + +
+ +
+ +
+
+
+
+

Familine

+

met votre famille est en sécurité

+ + Ouvrir Familine + + Se connecter + Demander un compte + +
+
+ +
+

+
Familine, c'est une multitude de services qui vous attend
+ Pages + Aide + Films + Photos + Planning + Généalogie + Partage + Discussions +

Pages · Aide · Films · Photos · Planning · Généalogie · Partage · Discussions

+
+
+ +
+
+
+
+

Un compte... tout Familine

+

Avec seulement votre compte Familine, vous avez accès à une multitude de services tous interconnectés les uns avec les autres.

+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+

Une sécurité sur tous les points

+

Ce qui est dans la famille doit le rester. Aucune des données présentes sur Familine n'est accessible au public, l'utilisation d'un compte est obligatoire.

+

De plus, certaines données strictement personnelles sont accessibles par vous et seulement par vous.

+
+
+
+
+ +
+
+
+
+

N'importe où, n'importe quand

+

Où que vous vous trouvez dans le monde, depuis n'importe quel appareil, et à n'importe quelle heure de la journée, Familine reste accessible pour vous et toute la famille.

+

(Familine n'est pas accessible en Chine)

+
+
+
+
+ +
+
+
+
+
+ + + + diff --git a/app/intro/intro.svg b/app/intro/intro.svg new file mode 100644 index 0000000..ab6606e --- /dev/null +++ b/app/intro/intro.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/intro/main.js b/app/intro/main.js new file mode 100644 index 0000000..0bf092c --- /dev/null +++ b/app/intro/main.js @@ -0,0 +1,90 @@ +/* + * MIT License + * + * Copyright (c) 2022- Minteck + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + * + */ + +function posY(elm) { + var test = elm, top = 0; + + while(!!test && test.tagName.toLowerCase() !== "body") { + top += test.offsetTop; + test = test.offsetParent; + } + + return top; +} + +function viewPortHeight() { + var de = document.documentElement; + + if(!!window.innerWidth) + { return window.innerHeight; } + else if( de && !isNaN(de.clientHeight) ) + { return de.clientHeight; } + + return 0; +} + +function scrollY() { + if( window.pageYOffset ) { return window.pageYOffset; } + return Math.max(document.documentElement.scrollTop, document.body.scrollTop); +} + +function checkvisible( elm ) { + var vpH = viewPortHeight(), // Viewport Height + st = scrollY(), // Scroll Top + y = posY(elm); + + return (y > (vpH + st)); +} + +document.body.innerHTML = document.body.innerHTML.replaceAll("\n", "").replace(/> *<").trim(); + +window.onscroll = () => { + if (window.innerWidth > 700) { + if (window.scrollY() > (window.innerHeight - 52)) { + document.getElementsByTagName("header")[0].classList.add("scrolled"); + } else { + document.getElementsByTagName("header")[0].classList.remove("scrolled"); + } + } else { + if (window.scrollY() > (window.innerHeight - 120)) { + document.getElementsByTagName("header")[0].classList.add("scrolled"); + } else { + document.getElementsByTagName("header")[0].classList.remove("scrolled"); + } + } +} + + + + + + + + + + + + + diff --git a/app/intro/session.php b/app/intro/session.php new file mode 100644 index 0000000..9a1fbaf --- /dev/null +++ b/app/intro/session.php @@ -0,0 +1,64 @@ + div { + width: 100%; +} + +.welcome-box { + padding-top: 20px; + padding-bottom: 20px; +} + +.welcome-box-app { + text-align: center; + padding: 10px; +} + +.screenshot { + border-radius: 5px; + box-shadow: 5px 8px 11px 2px rgba(0, 0, 0, 30%); +} + +.welcome-box-0 { + background-color: rgba(0, 0, 0, .25); +} + +.welcome-box-1 { + background-color: rgba(0, 0, 0, .17); +} + +.welcome-box-2 { + background-color: rgba(0, 0, 0, .09); +} + +.welcome-box-3 { + background-color: rgba(236, 88, 58, 25%); +} + +.welcome-box-4 { + background-color: rgba(234, 111, 58, 25%); +} + +.welcome-box-5 { + background-color: rgba(236, 206, 59, 25%); +} + +.welcome-box-6 { + background-color: rgba(59, 239, 59, 25%); +} + +.welcome-box-7 { + background-color: rgba(58, 233, 109, 25%); +} + +.welcome-box-8 { + background-color: rgba(53, 183, 255, 25%); +} + +.welcome-box-9 { + background-color: rgba(149, 59, 239, 25%); +} + +.welcome-box-10 { + background-color: rgba(237, 59, 211, 25%); +} + +@media (max-width: 700px) { + .welcome-box-container { + grid-template-columns: 1fr !important; + } +} + +.text-muted { + color: #6c757d !important; +} +.small, small { + font-size: 80%; + font-weight: 400; +} + +#skip-header { + margin-top: 52px; +} + +@media (max-width: 700px) { + #hero-content #hero-title-part-big { + font-size: 48px; + } + #hero-content #hero-title-part-small { + font-size: 28px; + } + .nav-link { + display: block; + text-align: center; + margin: 0; + } + #nav-aside { + float: initial; + display: block; + margin-left: auto; + max-width: fit-content; + margin-top: 5px; + } + header { + height: 100px; + } + #hero-content { + height: calc(100vh - 120px); + padding-top: 120px; + } + #skip-header { + margin-top: 120px; + } + #nav-links { + width: calc(100% - 32px); + padding-left: 0; + } +} \ No newline at end of file diff --git a/app/intro/webfonts/Lato-Black.ttf b/app/intro/webfonts/Lato-Black.ttf new file mode 100644 index 0000000..4340502 Binary files /dev/null and b/app/intro/webfonts/Lato-Black.ttf differ diff --git a/app/intro/webfonts/Lato-BlackItalic.ttf b/app/intro/webfonts/Lato-BlackItalic.ttf new file mode 100644 index 0000000..4df1555 Binary files /dev/null and b/app/intro/webfonts/Lato-BlackItalic.ttf differ diff --git a/app/intro/webfonts/Lato-Bold.ttf b/app/intro/webfonts/Lato-Bold.ttf new file mode 100644 index 0000000..016068b Binary files /dev/null and b/app/intro/webfonts/Lato-Bold.ttf differ diff --git a/app/intro/webfonts/Lato-BoldItalic.ttf b/app/intro/webfonts/Lato-BoldItalic.ttf new file mode 100644 index 0000000..a05d503 Binary files /dev/null and b/app/intro/webfonts/Lato-BoldItalic.ttf differ diff --git a/app/intro/webfonts/Lato-Italic.ttf b/app/intro/webfonts/Lato-Italic.ttf new file mode 100644 index 0000000..0d0f69e Binary files /dev/null and b/app/intro/webfonts/Lato-Italic.ttf differ diff --git a/app/intro/webfonts/Lato-Light.ttf b/app/intro/webfonts/Lato-Light.ttf new file mode 100644 index 0000000..dfa72ce Binary files /dev/null and b/app/intro/webfonts/Lato-Light.ttf differ diff --git a/app/intro/webfonts/Lato-LightItalic.ttf b/app/intro/webfonts/Lato-LightItalic.ttf new file mode 100644 index 0000000..12f2b6c Binary files /dev/null and b/app/intro/webfonts/Lato-LightItalic.ttf differ diff --git a/app/intro/webfonts/Lato-Regular.ttf b/app/intro/webfonts/Lato-Regular.ttf new file mode 100644 index 0000000..bb2e887 Binary files /dev/null and b/app/intro/webfonts/Lato-Regular.ttf differ diff --git a/app/intro/webfonts/Lato-Thin.ttf b/app/intro/webfonts/Lato-Thin.ttf new file mode 100644 index 0000000..ba58da1 Binary files /dev/null and b/app/intro/webfonts/Lato-Thin.ttf differ diff --git a/app/intro/webfonts/Lato-ThinItalic.ttf b/app/intro/webfonts/Lato-ThinItalic.ttf new file mode 100644 index 0000000..4d82766 Binary files /dev/null and b/app/intro/webfonts/Lato-ThinItalic.ttf differ -- cgit