From e970ebcf84661661ebe6e6d58286334d4a846b8b Mon Sep 17 00:00:00 2001 From: Minteck Date: Tue, 12 Apr 2022 11:51:52 +0200 Subject: Commit --- conditions/index.php | 104 +++++++++ index.php | 153 ++++++++++++++ intro.svg | 33 +++ main.js | 90 ++++++++ session.php | 64 ++++++ statusbar.php | 28 +++ stylesheet.css | 474 ++++++++++++++++++++++++++++++++++++++++++ webfonts/Lato-Black.ttf | Bin 0 -> 69500 bytes webfonts/Lato-BlackItalic.ttf | Bin 0 -> 72000 bytes webfonts/Lato-Bold.ttf | Bin 0 -> 73332 bytes webfonts/Lato-BoldItalic.ttf | Bin 0 -> 77732 bytes webfonts/Lato-Italic.ttf | Bin 0 -> 75792 bytes webfonts/Lato-Light.ttf | Bin 0 -> 77208 bytes webfonts/Lato-LightItalic.ttf | Bin 0 -> 49080 bytes webfonts/Lato-Regular.ttf | Bin 0 -> 75152 bytes webfonts/Lato-Thin.ttf | Bin 0 -> 69976 bytes webfonts/Lato-ThinItalic.ttf | Bin 0 -> 48864 bytes 17 files changed, 946 insertions(+) create mode 100644 conditions/index.php create mode 100644 index.php create mode 100644 intro.svg create mode 100644 main.js create mode 100644 session.php create mode 100644 statusbar.php create mode 100644 stylesheet.css create mode 100644 webfonts/Lato-Black.ttf create mode 100644 webfonts/Lato-BlackItalic.ttf create mode 100644 webfonts/Lato-Bold.ttf create mode 100644 webfonts/Lato-BoldItalic.ttf create mode 100644 webfonts/Lato-Italic.ttf create mode 100644 webfonts/Lato-Light.ttf create mode 100644 webfonts/Lato-LightItalic.ttf create mode 100644 webfonts/Lato-Regular.ttf create mode 100644 webfonts/Lato-Thin.ttf create mode 100644 webfonts/Lato-ThinItalic.ttf diff --git a/conditions/index.php b/conditions/index.php new file mode 100644 index 0000000..ee0aa31 --- /dev/null +++ b/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/index.php b/index.php new file mode 100644 index 0000000..1748f31 --- /dev/null +++ b/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/intro.svg b/intro.svg new file mode 100644 index 0000000..ab6606e --- /dev/null +++ b/intro.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/main.js b/main.js new file mode 100644 index 0000000..0bf092c --- /dev/null +++ b/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/session.php b/session.php new file mode 100644 index 0000000..9a1fbaf --- /dev/null +++ b/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/webfonts/Lato-Black.ttf b/webfonts/Lato-Black.ttf new file mode 100644 index 0000000..4340502 Binary files /dev/null and b/webfonts/Lato-Black.ttf differ diff --git a/webfonts/Lato-BlackItalic.ttf b/webfonts/Lato-BlackItalic.ttf new file mode 100644 index 0000000..4df1555 Binary files /dev/null and b/webfonts/Lato-BlackItalic.ttf differ diff --git a/webfonts/Lato-Bold.ttf b/webfonts/Lato-Bold.ttf new file mode 100644 index 0000000..016068b Binary files /dev/null and b/webfonts/Lato-Bold.ttf differ diff --git a/webfonts/Lato-BoldItalic.ttf b/webfonts/Lato-BoldItalic.ttf new file mode 100644 index 0000000..a05d503 Binary files /dev/null and b/webfonts/Lato-BoldItalic.ttf differ diff --git a/webfonts/Lato-Italic.ttf b/webfonts/Lato-Italic.ttf new file mode 100644 index 0000000..0d0f69e Binary files /dev/null and b/webfonts/Lato-Italic.ttf differ diff --git a/webfonts/Lato-Light.ttf b/webfonts/Lato-Light.ttf new file mode 100644 index 0000000..dfa72ce Binary files /dev/null and b/webfonts/Lato-Light.ttf differ diff --git a/webfonts/Lato-LightItalic.ttf b/webfonts/Lato-LightItalic.ttf new file mode 100644 index 0000000..12f2b6c Binary files /dev/null and b/webfonts/Lato-LightItalic.ttf differ diff --git a/webfonts/Lato-Regular.ttf b/webfonts/Lato-Regular.ttf new file mode 100644 index 0000000..bb2e887 Binary files /dev/null and b/webfonts/Lato-Regular.ttf differ diff --git a/webfonts/Lato-Thin.ttf b/webfonts/Lato-Thin.ttf new file mode 100644 index 0000000..ba58da1 Binary files /dev/null and b/webfonts/Lato-Thin.ttf differ diff --git a/webfonts/Lato-ThinItalic.ttf b/webfonts/Lato-ThinItalic.ttf new file mode 100644 index 0000000..4d82766 Binary files /dev/null and b/webfonts/Lato-ThinItalic.ttf differ -- cgit