diff options
| author | Minteck <contact@minteck.org> | 2022-03-27 21:38:10 +0200 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-03-27 21:38:10 +0200 |
| commit | 2328e5a5742c3fbdbcb4ded8f1d294b4a20e08e0 (patch) | |
| tree | 7b783f6206e6126192166a4c031617800ff5a275 /welcome/index.php | |
| parent | 4622ccde9cf34b8518dc9507382fcd2d7eafcb0c (diff) | |
| download | core-2328e5a5742c3fbdbcb4ded8f1d294b4a20e08e0.tar.gz core-2328e5a5742c3fbdbcb4ded8f1d294b4a20e08e0.tar.bz2 core-2328e5a5742c3fbdbcb4ded8f1d294b4a20e08e0.zip | |
Commit
Diffstat (limited to 'welcome/index.php')
| -rw-r--r-- | welcome/index.php | 806 |
1 files changed, 391 insertions, 415 deletions
diff --git a/welcome/index.php b/welcome/index.php index 01afad2..faf1df9 100644 --- a/welcome/index.php +++ b/welcome/index.php @@ -1,415 +1,391 @@ -<?php -/* - * 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. - * - */ - -require_once $_SERVER['DOCUMENT_ROOT'] . "/private/session-noconf.php"; - -/** @var string $_FULLNAME - * @var string $_USER - * @var array $_PROFILE - * @var boolean $_ADMIN - * @var array $_CONFIG - */ - -?> - -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Bienvenue sur Familine</title> - <link rel="icon" href="/favicon.svg"> - <link rel="stylesheet" href="/styles.css"> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> - <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> - <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> - <?= strpos($_SERVER['HTTP_USER_AGENT'], "+Familine/") !== false ? '<link rel="stylesheet" href="/native.css">' : "" ?> - <?= strpos($_SERVER['HTTP_USER_AGENT'], "+Familine/") !== false ? '<script>$ = require(\'jquery\');jQuery = require(\'jquery\');</script>' : '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>' ?> -</head> -<body> - <div class='progress' style="display:none;" id="progress_div"> - <div class='bar' id='bar1'></div> - <div class='percent' id='percent1'></div> - </div> - <input type="hidden" id="progress_width" value="0"> - <script src="/js/loading.js"></script> - <div id="loading"> - <img src="/loader.svg" style="filter:invert(1);width:96px;"> - </div> - - <div class="container" style="text-align: center;"> - <br><br> - <h1>Bienvenue <?php $p = explode(" ", $_FULLNAME); array_shift($p); echo(implode(" ", $p)) ?> !</h1> - <h3>Vous y êtes enfin ! Bienvenue sur Familine !</h3> - <hr> - <h5>Familine, c'est une multitude de services qui vous attend</h5> - <img class="welcome-intro-img" src="/icns/familine-docs.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Pages"> - <img class="welcome-intro-img" src="/icns/familine-help.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Aide"> - <img class="welcome-intro-img" src="/icns/familine-movies.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Films"> - <img class="welcome-intro-img" src="/icns/familine-photos.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Photos"> - <img class="welcome-intro-img" src="/icns/familine-planning.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Planning"> - <img class="welcome-intro-img" src="/icns/familine-recall.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Généalogie"> - <img class="welcome-intro-img" src="/icns/familine-share.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Partage"> - <img class="welcome-intro-img" src="/icns/familine-you.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Discussions"> - <p>Pages · Aide · Films · Photos · Planning · Généalogie · Partage · Discussions</p> - <br> - </div> - - <div class="welcome-box-0 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div> - <h2>Un compte... tout Familine</h2> - <p>Avec seulement votre compte Familine, vous avez accès à une multitude de services tous interconnectés les uns avec les autres.</p> - </div> - </div> - <div class="welcome-box-container--inner"> - <div> - <img id="01-account" alt="" src="01-account-dark.svg" style="width:100%;"> - </div> - </div> - </div> - </div> - - <div class="welcome-box-1 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div> - <img id="02-privacy" alt="" src="02-privacy-dark.svg" style="width:100%;"> - </div> - </div> - <div class="welcome-box-container--inner"> - <div> - <h2>Une sécurité sur tous les points</h2> - <p>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.</p> - <p>De plus, certaines données strictement personnelles sont accessibles par vous et seulement par vous.</p> - </div> - </div> - </div> - </div> - - <div class="welcome-box-2 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div> - <h2>N'importe où, n'importe quand</h2> - <p>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.</p> - <p class="text-muted small">(Familine n'est pas accessible en Chine)</p> - </div> - </div> - <div class="welcome-box-container--inner"> - <div> - <img id="03-devices" alt="" src="03-devices-dark.svg" style="width:100%;"> - </div> - </div> - </div> - </div> - - <div style="text-align:center;"> - <br> - <h3>Ce n'est pas tout ...</h3> - <h5>Voici ce qui vous attend sur Familine</h5> - <br> - </div> - - <div class="welcome-box-3 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div> - <img id="04-app-docs" class="screenshot" alt="" src="04-app-docs-dark.jpg" style="width:100%;"> - </div> - </div> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Pages</h2> - <p>En quelques clics, vous accédez à des centaines d'informations concernant les membres de notre famille, écrites par notre famille pour notre famille.</p> - </div> - </div> - </div> - </div> - - <div class="welcome-box-4 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Aide</h2> - <p>Vous obtenez de l'aide facilement et rapidement et pouvez même contacter un technicien au besoin ; vous ne serez jamais laissé à l'abandon.</p> - </div> - </div> - <div class="welcome-box-container--inner"> - <div> - <img id="05-app-help" class="screenshot" alt="" src="05-app-help-dark.jpg" style="width:100%;"> - </div> - </div> - </div> - </div> - - <div class="welcome-box-5 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div> - <img id="06-app-movies" class="screenshot" alt="" src="06-app-movies-dark.jpg" style="width:100%;"> - </div> - </div> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Films</h2> - <p>La famille produit des films depuis des années, et vous pouvez désormais les regarder en ligne, même sans le support original.</p> - </div> - </div> - </div> - </div> - - <div class="welcome-box-6 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Photos</h2> - <p>La photo est un moyen d'expression vivant et actif. Familine vous propose de consulter une énorme galerie de photos de grande qualité.</p> - </div> - </div> - <div class="welcome-box-container--inner"> - <div> - <img id="07-app-photos" class="screenshot" alt="" src="07-app-photos-dark.jpg" style="width:100%;"> - </div> - </div> - </div> - </div> - - <div class="welcome-box-7 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div> - <img id="08-app-planning" class="screenshot" alt="" src="08-app-planning-dark.jpg" style="width:100%;"> - </div> - </div> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Planning</h2> - <p>Organiser des événements et garder la trace des invités peut parfois être difficile. Familine rend ça plus facile, et vous permet aussi d'être à l'heure sur votre programme.</p> - </div> - </div> - </div> - </div> - - <div class="welcome-box-8 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Généalogie</h2> - <p>Un énorme travail de généalogie a été effectué par la famille, et Familine le met maintenant à disposition de toute la famille. Consultez facilement et rapidement des informations sur vos ancêtres.</p> - </div> - </div> - <div class="welcome-box-container--inner"> - <div> - <img id="09-app-recall" class="screenshot" alt="" src="09-app-recall-dark.jpg" style="width:100%;"> - </div> - </div> - </div> - </div> - - <div class="welcome-box-9 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div> - <img id="10-app-share" class="screenshot" alt="" src="10-app-share-dark.jpg" style="width:100%;"> - </div> - </div> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Partage</h2> - <p>Partager des fichiers s'avère complexe, n'est-ce pas ? Familine rend ça facile, rapide et sécurisé, que vous vouliez partager avec des membres de la famille ou avec d'autres personnes.</p> - </div> - </div> - </div> - </div> - - <div class="welcome-box-10 welcome-box"> - <div class="container welcome-box-container"> - <div class="welcome-box-container--inner"> - <div class="welcome-box-app"> - <h2>Discussions</h2> - <p>Discuter avec un membre de la famille dont nous n'avons aucun contact peut être compliqué. Familine vous propose de communiquer avec tous les utilisateurs dans un endroit centralisé.</p> - </div> - </div> - <div class="welcome-box-container--inner"> - <div> - <img id="11-app-yikes" class="screenshot" alt="" src="11-app-yikes-dark.jpg" style="width:100%;"> - </div> - </div> - </div> - </div> - - <div style="text-align:center;"> - <br> - <h3>Alors ?</h3> - <h5>Prêt à commencer l'aventure ?</h5> - <a href="/welcome/confirm/<?= isset($_GET['r']) ? "?r=" . urlencode($_GET['r']) : "?r=/" ?>" type="button" class="btn btn-success">Continuer vers l'accueil de Familine</a> - <p style="margin-top:5px;" class="small text-muted">En continuant, vous certifiez avoir lu et accepté les <a href="https://minteck.org/legal/#/terms" target="_blank">conditions générales d'utilisation</a> ainsi que la <a href="https://minteck.org/legal/#/privacy" target="_blank">politique de confidentialité</a>.</p> - <br> - </div> - - <script src="/js/iframe.js"></script> - <script src="/js/navigation.js"></script> - - <style> - .welcome-box-container { - display: grid; - grid-template-columns: 50% 50%; - } - - .welcome-box-container .welcome-box-container--inner { - display: flex; - align-items: center; - justify-content: center; - width: 100%; - } - - .welcome-box-container .welcome-box-container--inner > 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 (prefers-color-scheme: dark) { - .welcome-box-0 { - background-color: rgba(128, 128, 128, .25); - } - - .welcome-box-1 { - background-color: rgba(128, 128, 128, .17); - } - - .welcome-box-2 { - background-color: rgba(128, 128, 128, .09); - } - - .welcome-intro-img { - filter: contrast(0) brightness(200%) !important; - } - } - - @media (max-width: 700px) { - .welcome-box-container { - grid-template-columns: 1fr !important; - } - } - </style> - - <script> - function dark() { - return window.matchMedia("(prefers-color-scheme: dark)").matches; - } - - setInterval(() => { - if (dark()) { - document.getElementById("01-account").src = "01-account-dark.svg"; - document.getElementById("02-privacy").src = "02-privacy-dark.svg"; - document.getElementById("03-devices").src = "03-devices-dark.svg"; - document.getElementById("04-app-docs").src = "04-app-docs-dark.jpg"; - document.getElementById("05-app-help").src = "05-app-help-dark.jpg"; - document.getElementById("06-app-movies").src = "06-app-movies-dark.jpg"; - document.getElementById("07-app-photos").src = "07-app-photos-dark.jpg"; - document.getElementById("08-app-planning").src = "08-app-planning-dark.jpg"; - document.getElementById("09-app-recall").src = "09-app-recall-dark.jpg"; - document.getElementById("10-app-share").src = "10-app-share-dark.jpg"; - document.getElementById("11-app-yikes").src = "11-app-yikes-dark.jpg"; - } else { - document.getElementById("01-account").src = "01-account-light.svg"; - document.getElementById("02-privacy").src = "02-privacy-light.svg"; - document.getElementById("03-devices").src = "03-devices-light.svg"; - document.getElementById("04-app-docs").src = "04-app-docs-light.jpg"; - document.getElementById("05-app-help").src = "05-app-help-light.jpg"; - document.getElementById("06-app-movies").src = "06-app-movies-light.jpg"; - document.getElementById("07-app-photos").src = "07-app-photos-light.jpg"; - document.getElementById("08-app-planning").src = "08-app-planning-light.jpg"; - document.getElementById("09-app-recall").src = "09-app-recall-light.jpg"; - document.getElementById("10-app-share").src = "10-app-share-light.jpg"; - document.getElementById("11-app-yikes").src = "11-app-yikes-light.jpg"; - } - }, 100) - </script> -</body> -</html> +<?php
+
+require_once $_SERVER['DOCUMENT_ROOT'] . "/private/session-noconf.php";
+
+/** @var string $_FULLNAME
+ * @var string $_USER
+ * @var array $_PROFILE
+ * @var boolean $_ADMIN
+ * @var array $_CONFIG
+ */
+
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>Bienvenue sur Familine</title>
+ <link rel="icon" href="/app/cdn/favicon.svg">
+ <link rel="stylesheet" href="/app/cdn/styles.css">
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+ <?= strpos($_SERVER['HTTP_USER_AGENT'], "+Familine/") !== false ? '<link rel="stylesheet" href="/native.css">' : "" ?>
+ <?= strpos($_SERVER['HTTP_USER_AGENT'], "+Familine/") !== false ? '<script>$ = require(\'jquery\');jQuery = require(\'jquery\');</script>' : '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>' ?>
+</head>
+<body>
+ <div class='progress' style="display:none;" id="progress_div">
+ <div class='bar' id='bar1'></div>
+ <div class='percent' id='percent1'></div>
+ </div>
+ <input type="hidden" id="progress_width" value="0">
+ <script src="/js/loading.js"></script>
+ <div id="loading">
+ <img src="/loader.svg" style="filter:invert(1);width:96px;">
+ </div>
+
+ <div class="container" style="text-align: center;">
+ <br><br>
+ <h1>Bienvenue <?php $p = explode(" ", $_FULLNAME); array_shift($p); echo(implode(" ", $p)) ?> !</h1>
+ <h3>Vous y êtes enfin ! Bienvenue sur Familine !</h3>
+ <hr>
+ <h5>Familine, c'est une multitude de services qui vous attend</h5>
+ <img class="welcome-intro-img" src="/icns/familine-docs.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Pages">
+ <img class="welcome-intro-img" src="/icns/familine-help.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Aide">
+ <img class="welcome-intro-img" src="/icns/familine-movies.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Films">
+ <img class="welcome-intro-img" src="/icns/familine-photos.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Photos">
+ <img class="welcome-intro-img" src="/icns/familine-planning.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Planning">
+ <img class="welcome-intro-img" src="/icns/familine-recall.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Généalogie">
+ <img class="welcome-intro-img" src="/icns/familine-share.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Partage">
+ <img class="welcome-intro-img" src="/icns/familine-you.png" style="width:64px;filter:contrast(0) brightness(0%);" alt="Discussions">
+ <p>Pages · Aide · Films · Photos · Planning · Généalogie · Partage · Discussions</p>
+ <br>
+ </div>
+
+ <div class="welcome-box-0 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div>
+ <h2>Un compte... tout Familine</h2>
+ <p>Avec seulement votre compte Familine, vous avez accès à une multitude de services tous interconnectés les uns avec les autres.</p>
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="01-account" alt="" src="01-account-dark.svg" style="width:100%;">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-1 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="02-privacy" alt="" src="02-privacy-dark.svg" style="width:100%;">
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div>
+ <h2>Une sécurité sur tous les points</h2>
+ <p>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.</p>
+ <p>De plus, certaines données strictement personnelles sont accessibles par vous et seulement par vous.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-2 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div>
+ <h2>N'importe où, n'importe quand</h2>
+ <p>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.</p>
+ <p class="text-muted small">(Familine n'est pas accessible en Chine)</p>
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="03-devices" alt="" src="03-devices-dark.svg" style="width:100%;">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div style="text-align:center;">
+ <br>
+ <h3>Ce n'est pas tout ...</h3>
+ <h5>Voici ce qui vous attend sur Familine</h5>
+ <br>
+ </div>
+
+ <div class="welcome-box-3 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="04-app-docs" class="screenshot" alt="" src="04-app-docs-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Pages</h2>
+ <p>En quelques clics, vous accédez à des centaines d'informations concernant les membres de notre famille, écrites par notre famille pour notre famille.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-4 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Aide</h2>
+ <p>Vous obtenez de l'aide facilement et rapidement et pouvez même contacter un technicien au besoin ; vous ne serez jamais laissé à l'abandon.</p>
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="05-app-help" class="screenshot" alt="" src="05-app-help-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-5 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="06-app-movies" class="screenshot" alt="" src="06-app-movies-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Films</h2>
+ <p>La famille produit des films depuis des années, et vous pouvez désormais les regarder en ligne, même sans le support original.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-6 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Photos</h2>
+ <p>La photo est un moyen d'expression vivant et actif. Familine vous propose de consulter une énorme galerie de photos de grande qualité.</p>
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="07-app-photos" class="screenshot" alt="" src="07-app-photos-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-7 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="08-app-planning" class="screenshot" alt="" src="08-app-planning-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Planning</h2>
+ <p>Organiser des événements et garder la trace des invités peut parfois être difficile. Familine rend ça plus facile, et vous permet aussi d'être à l'heure sur votre programme.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-8 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Généalogie</h2>
+ <p>Un énorme travail de généalogie a été effectué par la famille, et Familine le met maintenant à disposition de toute la famille. Consultez facilement et rapidement des informations sur vos ancêtres.</p>
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="09-app-recall" class="screenshot" alt="" src="09-app-recall-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-9 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="10-app-share" class="screenshot" alt="" src="10-app-share-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Partage</h2>
+ <p>Partager des fichiers s'avère complexe, n'est-ce pas ? Familine rend ça facile, rapide et sécurisé, que vous vouliez partager avec des membres de la famille ou avec d'autres personnes.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="welcome-box-10 welcome-box">
+ <div class="container welcome-box-container">
+ <div class="welcome-box-container--inner">
+ <div class="welcome-box-app">
+ <h2>Discussions</h2>
+ <p>Discuter avec un membre de la famille dont nous n'avons aucun contact peut être compliqué. Familine vous propose de communiquer avec tous les utilisateurs dans un endroit centralisé.</p>
+ </div>
+ </div>
+ <div class="welcome-box-container--inner">
+ <div>
+ <img id="11-app-yikes" class="screenshot" alt="" src="11-app-yikes-dark.jpg" style="width:100%;">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div style="text-align:center;">
+ <br>
+ <h3>Alors ?</h3>
+ <h5>Prêt à commencer l'aventure ?</h5>
+ <a href="/welcome/confirm/<?= isset($_GET['r']) ? "?r=" . urlencode($_GET['r']) : "?r=/" ?>" type="button" class="btn btn-success">Continuer vers l'accueil de Familine</a>
+ <p style="margin-top:5px;" class="small text-muted">En continuant, vous certifiez avoir lu et accepté les <a href="https://minteck.org/legal/#/terms" target="_blank">conditions générales d'utilisation</a> ainsi que la <a href="https://minteck.org/legal/#/privacy" target="_blank">politique de confidentialité</a>.</p>
+ <br>
+ </div>
+
+ <script src="/js/iframe.js"></script>
+ <script src="/js/navigation.js"></script>
+
+ <style>
+ .welcome-box-container {
+ display: grid;
+ grid-template-columns: 50% 50%;
+ }
+
+ .welcome-box-container .welcome-box-container--inner {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ }
+
+ .welcome-box-container .welcome-box-container--inner > 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 (prefers-color-scheme: dark) {
+ .welcome-box-0 {
+ background-color: rgba(128, 128, 128, .25);
+ }
+
+ .welcome-box-1 {
+ background-color: rgba(128, 128, 128, .17);
+ }
+
+ .welcome-box-2 {
+ background-color: rgba(128, 128, 128, .09);
+ }
+
+ .welcome-intro-img {
+ filter: contrast(0) brightness(200%) !important;
+ }
+ }
+
+ @media (max-width: 700px) {
+ .welcome-box-container {
+ grid-template-columns: 1fr !important;
+ }
+ }
+ </style>
+
+ <script>
+ function dark() {
+ return window.matchMedia("(prefers-color-scheme: dark)").matches;
+ }
+
+ setInterval(() => {
+ if (dark()) {
+ document.getElementById("01-account").src = "01-account-dark.svg";
+ document.getElementById("02-privacy").src = "02-privacy-dark.svg";
+ document.getElementById("03-devices").src = "03-devices-dark.svg";
+ document.getElementById("04-app-docs").src = "04-app-docs-dark.jpg";
+ document.getElementById("05-app-help").src = "05-app-help-dark.jpg";
+ document.getElementById("06-app-movies").src = "06-app-movies-dark.jpg";
+ document.getElementById("07-app-photos").src = "07-app-photos-dark.jpg";
+ document.getElementById("08-app-planning").src = "08-app-planning-dark.jpg";
+ document.getElementById("09-app-recall").src = "09-app-recall-dark.jpg";
+ document.getElementById("10-app-share").src = "10-app-share-dark.jpg";
+ document.getElementById("11-app-yikes").src = "11-app-yikes-dark.jpg";
+ } else {
+ document.getElementById("01-account").src = "01-account-light.svg";
+ document.getElementById("02-privacy").src = "02-privacy-light.svg";
+ document.getElementById("03-devices").src = "03-devices-light.svg";
+ document.getElementById("04-app-docs").src = "04-app-docs-light.jpg";
+ document.getElementById("05-app-help").src = "05-app-help-light.jpg";
+ document.getElementById("06-app-movies").src = "06-app-movies-light.jpg";
+ document.getElementById("07-app-photos").src = "07-app-photos-light.jpg";
+ document.getElementById("08-app-planning").src = "08-app-planning-light.jpg";
+ document.getElementById("09-app-recall").src = "09-app-recall-light.jpg";
+ document.getElementById("10-app-share").src = "10-app-share-light.jpg";
+ document.getElementById("11-app-yikes").src = "11-app-yikes-light.jpg";
+ }
+ }, 100)
+ </script>
+</body>
+</html>
|