diff options
Diffstat (limited to 'app/intro/index.php')
| -rw-r--r-- | app/intro/index.php | 153 |
1 files changed, 153 insertions, 0 deletions
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 @@ +<?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. + * + */ + +if (str_contains($_SERVER["HTTP_USER_AGENT"], "+AutomateCloud/")) { + header("Location: https://app.familine.minteck.org/"); + die(); +} +require_once $_SERVER["DOCUMENT_ROOT"] . "/session.php"; +global $loggedIn; +?> +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="shortcut icon" href="https://cdn.familine.minteck.org/favicon.svg" type="image/svg+xml"> + <title>Familine | Des outils fiables et puissants pour la famille</title> + <link rel="stylesheet" href="stylesheet.css"> +</head> +<body> + <header> + <nav id="main-nav" class="container"> + <a id="nav-logo" href="/"> + <img src="https://cdn.familine.minteck.org/favicon.svg" alt="Familine" id="nav-logo-img"> + </a> + + <span id="nav-links"> + <a class="nav-link" href="https://minteck.org/legal/#/privacy">Confidentialité</a> + <a class="nav-link" href="https://minteck.org/legal/#/terms">Conditions d'utilisation</a> + <a class="nav-link" href="/conditions">Conditions d'accès</a> + <a class="nav-link" href="https://gitlab.minteck.org/explore/projects/topics/Familine">Code source</a> + </span> + + <?php if (!$loggedIn): ?> + <a id="nav-aside" href="https://session.familine.minteck.org/login/?r=https%3A%2F%2Ffamiline.minteck.org%2F"> + <span id="loggedin-action">Se connecter avec Familine</span> + </a> + <?php else: ?> + <a id="nav-aside" href="https://app.familine.minteck.org"> + <img src="https://cdn.familine.minteck.org/me" id="loggedin-profile"> + <span id="loggedin-name"> <?= $_FULLNAME ?> ›</span> + </a> + <?php endif; ?> + </nav> + </header> + + <main> + <article id="hero"></article> + <div id="hero-content"> + <div> + <h1 id="hero-title-part-big"><span id="hero-stylized">Familine</span></h1> + <h1 id="hero-title-part-small">met votre famille est en sécurité</h1> + <?php if ($loggedIn): ?> + <a class="button button-main" href="https://app.familine.minteck.org">Ouvrir Familine</a> + <?php else: ?> + <a class="button button-main" href="https://session.familine.minteck.org/login/?r=https%3A%2F%2Fapp.familine.minteck.org%2F">Se connecter</a> + <a class="button button-secondary" href="https://docs.google.com/forms/d/e/1FAIpQLSeXkgy_-Dd1iQSdGjccCL96pdzNAOKcnqOPUUuzsLj-7NJ2Wg/viewform">Demander un compte</a> + <?php endif; ?> + </div> + </div> + + <div class="container" style="text-align: center;"> + <br><br> + <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="https://app.familine.minteck.org/welcome/01-account-light.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="https://app.familine.minteck.org/welcome/02-privacy-light.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="https://app.familine.minteck.org/welcome/03-devices-light.svg" style="width:100%;"> + </div> + </div> + </div> + </div> + </main> + + <script src="main.js"></script> +</body> +</html> |