some changes

johan-perso · Jun 19, 2022 · 775259e · 775259e
1 parent c789640
commit 775259e
Show file tree

Hide file tree

Showing 9 changed files with 518 additions and 6 deletions.
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<html class="bg-base-200" data-theme="dark">
+<head>
+	<!-- Quelques trucs -->
+	<title>FindApp</title>
+	<meta charset="UTF-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="manifest" href="/manifest.json">
+	<meta name="theme-color" content="#6200ee">
+
+	<!-- Favicons -->
+	<link href="/favicon.png" rel="icon">
+	<link href="/favicon.png" rel="apple-touch-icon">
+
+	<!-- Quelques scripts -->
+	<script src="/script/replaceLinkInPWA.js"></script>
+
+	<!-- Quelques libs -->
+	<link href="/style.css" rel="stylesheet">
+	<link href="https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@4cac1a6/css/all.css" rel="stylesheet" type="text/css"/>
+
+	<!-- Meta tag pour les réseaux -->
+	<meta property="og:title" content="FindApp">
+	<meta property="og:description" content="Trouver une application, parmis plusieurs stores d'applications.">
+</head>
+<body class="items-center flex flex-col justify-center" style="height: 92vh;">
+	<div class="text-center w-full mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 z-20">
+		<h2 class="text-6xl font-extrabold sm:text-7xl">
+			<span class="block text-base-content">
+				4 0 4
+			</span>
+		</h2>
+
+		<p class="text-xl mt-4 max-w-md mx-auto">
+			Impossible d'accèder à la page que vous souhaitez
+		</p>
+
+		<div class="mt-3">
+			<a role="button" href="/" class="btn btn-primary">Accueil</a>
+		</div>
+
+		<footer class="mt-10 max-w-md mx-auto p-1 footer">
+			<div class="grid-flow-col">
+				<p>Crée par <a href="https://johanstickman.com" class="underline">Johan</a> le stickman</p>	
+			</div>
+
+			<div class="items-center text-center grid-flow-col gap-4 md:place-self-center md:justify-self-end">
+				<a href="https://twitter.com/Johan_Stickman">
+					<span class="sr-only">Twitter @ Johan_Stickman</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fab fa-twitter"></i> </span>
+				</a>
+				<a href="https://github.com/johan-perso">
+					<span class="sr-only">GitHub @ johan-perso</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fab fa-github"></i> </span>
+				</a>
+				<a href="https://discord.gg/SWkh4mk">
+					<span class="sr-only">Discord</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fab fa-discord"></i> </span>
+				</a>
+				<a href="https://johanstickman.com">
+					<span class="sr-only">johanstickman.com</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fas fa-globe"></i> </span>
+				</a>
+			</div>
+		</footer>
+	</div>
+</body>
+</html>
diff --git a/public/down.html b/public/down.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<html class="bg-base-200" data-theme="dark">
+<head>
+	<!-- Quelques trucs -->
+	<title>FindApp</title>
+	<meta charset="UTF-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="manifest" href="/manifest.json">
+	<meta name="theme-color" content="#6200ee">
+
+	<!-- Favicons -->
+	<link href="/favicon.png" rel="icon">
+	<link href="/favicon.png" rel="apple-touch-icon">
+
+	<!-- Quelques scripts -->
+	<script src="/script/replaceLinkInPWA.js"></script>
+
+	<!-- Quelques libs -->
+	<link href="/style.css" rel="stylesheet">
+	<link href="https://cdn.jsdelivr.net/gh/hung1001/font-awesome-pro@4cac1a6/css/all.css" rel="stylesheet" type="text/css"/>
+
+	<!-- Meta tag pour les réseaux -->
+	<meta property="og:title" content="FindApp">
+	<meta property="og:description" content="Trouver une application, parmis plusieurs stores d'applications.">
+</head>
+<body class="items-center flex flex-col justify-center" style="height: 92vh;">
+	<div class="text-center w-full mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 z-20">
+		<h2 class="text-6xl font-extrabold sm:text-7xl">
+			<span class="block text-base-content">
+				Oups
+			</span>
+		</h2>
+
+		<p class="text-xl mt-4 max-w-md mx-auto">
+			FindApp est actuellement en maintenance.
+		</p>
+
+		<div class="mt-3">
+			<a role="button" href="https://uptime.johanstickman.com" class="btn btn-primary">Plus d'infos</a>
+		</div>
+
+		<footer class="mt-10 max-w-md mx-auto p-1 footer">
+			<div class="grid-flow-col">
+				<p>Crée par <a href="https://johanstickman.com" class="underline">Johan</a> le stickman</p>	
+			</div>
+
+			<div class="items-center text-center grid-flow-col gap-4 md:place-self-center md:justify-self-end">
+				<a href="https://twitter.com/Johan_Stickman">
+					<span class="sr-only">Twitter @ Johan_Stickman</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fab fa-twitter"></i> </span>
+				</a>
+				<a href="https://github.com/johan-perso">
+					<span class="sr-only">GitHub @ johan-perso</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fab fa-github"></i> </span>
+				</a>
+				<a href="https://discord.gg/SWkh4mk">
+					<span class="sr-only">Discord</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fab fa-discord"></i> </span>
+				</a>
+				<a href="https://johanstickman.com">
+					<span class="sr-only">johanstickman.com</span>
+					<span class="w-6 h-6" style="font-size: 1.25em;"><i class="fas fa-globe"></i> </span>
+				</a>
+			</div>
+		</footer>
+	</div>
+</body>
+</html>
diff --git a/public/help.html b/public/help.html
@@ -0,0 +1,139 @@
+<!doctype html>
+<html class="bg-base-200" data-theme="dark">
+<head>
+	<!-- Quelques trucs -->
+	<title>FindApp</title>
+	<meta charset="UTF-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="manifest" href="/manifest.json">
+	<meta name="theme-color" content="#6200ee">
+
+	<!-- Favicons -->
+	<link href="/favicon.png" rel="icon">
+	<link href="/favicon.png" rel="apple-touch-icon">
+
+	<!-- Importer des polices d'écriture (Roboto, Product Sans et Material icons) -->
+	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">
+	<link rel="stylesheet" href="https://egkoppel.github.io/product-sans/css/product-sans-500-all.css">
+
+	<!-- Quelques scripts/libs -->
+	<script src="/script/replaceLinkInPWA.js"></script>
+	<script src="/script/importSW.js"></script>
+	<link href="/style.css" rel="stylesheet">
+
+	<!-- Importer les composants Material Web -->
+	<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
+	<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
+
+	<!-- Meta tag pour les réseaux -->
+	<meta property="og:title" content="FindApp">
+	<meta property="og:description" content="Trouver une application, parmis plusieurs stores d'applications.">
+</head>
+<body>
+	<!-- Top bar de l'application -->
+	<header class="mdc-top-app-bar mdc-top-app-bar--fixed top-0">
+	    <div class="mdc-top-app-bar__row">
+			<!-- Titre -->
+	        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
+	            <a class="mdc-top-app-bar__title cursor-pointer" href="/" style="font-family: Product Sans;">FindApp</a>
+	        </section>
+
+			<!-- Liste des boutons -->
+	        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end">
+	            <a role="button" class="mdc-icon-button material-icons mdc-top-app-bar__action-item--unbounded" href="source" aria-label="Gestion des sources">shop_2</a>
+	            <a role="button" class="mdc-icon-button material-icons mdc-top-app-bar__action-item--unbounded" href="help" aria-label="Page d'aide">help</a>
+	        </section>
+	    </div>
+	</header>
+
+	<!-- Partie principale -->
+	<div style="margin-top: 4.2rem;" class="px-6 py-4 space-y-2">
+		<!-- Titre : Quésaco ? -->
+		<div>
+			<h1 style="font-size: 32px; letter-spacing: -1.25px; color: #ced4da; font-weight: 600;">Quésaco ?</h1>
+			<p>FindApp vous permet de trouver l'application que vous recherchez parmis plusieurs sources, que la communeauté peut créer. FindApp offre également 2 sources actives par défaut (avec environ 300 PWAs et 42400 applications natives).</p>
+		</div>
+
+		<!-- Titre : Version -->
+		<div>
+			<h1 style="font-size: 32px; letter-spacing: -1.25px; color: #ced4da; font-weight: 600;">Version</h1>
+			<p>La version la plus récente de FindApp est la version <code id="usedVersion" class="bg-gray-700 rounded-md p-1">.....</code>.</p>
+		</div>
+
+		<!-- Titre : Comment ça marche ? -->
+		<div>
+			<h1 style="font-size: 32px; letter-spacing: -1.25px; color: #ced4da; font-weight: 600;">Comment ça marche ?</h1>
+			<p>
+				Lorsque vous faites une recherche, l'ensemble des applications de toutes les sources que vous avez ajoutés seront analysés afin de trouver les applications que vous souhaiter.
+				<br>Pour obtenir des informations sur comment marche une source, rendez-vous sur la page de <a class="text-blue-400" href="/source">gestion des sources</a>.
+			</p>
+		</div>
+
+		<!-- Titre : Recherche avancé -->
+		<div>
+			<h1 style="font-size: 32px; letter-spacing: -1.25px; color: #ced4da; font-weight: 600;">Recherche avancé</h1>
+			<p>Il est possible d'utiliser certains termes de recherches afin de rendre les résultats plus précis.</p>
+			<div class="mt-4 mdc-data-table w-full" style="border: none; background-color: transparent;">
+				<div class="mdc-data-table__table-container rounded-md">
+					<table style="background-color: #495057; color: #ced4da;" class="mdc-data-table__table">
+						<thead>
+							<tr class="mdc-data-table__header-row">
+								<th class="mdc-data-table__header-cell" style="background-color: #212529; color:#ced4da;" role="columnheader" scope="col">Element</th>
+								<th class="mdc-data-table__header-cell" style="background-color: #212529; color:#ced4da;" role="columnheader" scope="col">Description</th>
+							</tr>
+						</thead>
+						<tbody class="mdc-data-table__content">
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">=name</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Application dont le nom est exacte à <code class="bg-gray-700 rounded-md p-1">name</code></td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">^name</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Applications qui commencent par <code class="bg-gray-700 rounded-md p-1">name</code></td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">!^name</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Applications qui ne commencent pas par <code class="bg-gray-700 rounded-md p-1">name</code></td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">'name</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Applications qui contiennent <code class="bg-gray-700 rounded-md p-1">name</code></td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">!name</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Applications qui ne contiennent pas <code class="bg-gray-700 rounded-md p-1">name</code></td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">name$</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Applications qui finissent par <code class="bg-gray-700 rounded-md p-1">name</code></td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">!name$</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Applications qui ne finissent pas par <code class="bg-gray-700 rounded-md p-1">name</code></td>
+							</tr>
+
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">_all</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Toutes les applications, ne prend pas en compte le terme à rechercher</td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">_random</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Toutes les applications, dans un ordre aléatoire</td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">_noIcons</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Toutes les applications n'ayant pas d'icônes</td>
+							</tr>
+							<tr class="mdc-data-table__row">
+								<th style="color: #dee2e6;" class="mdc-data-table__cell" scope="row"><code class="bg-gray-700 rounded-md p-1">_pwa</code></th>
+								<td style="color: #dee2e6;" class="mdc-data-table__cell">Toutes les PWAs (applications web)</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+</html>
diff --git a/public/icons/APK_defaultIcon.png b/public/icons/APK_defaultIcon.png
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,92 @@
+<!doctype html>
+<html class="bg-base-200" data-theme="dark">
+<head>
+	<!-- Quelques trucs -->
+	<title>FindApp</title>
+	<meta charset="UTF-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="manifest" href="/manifest.json">
+	<meta name="theme-color" content="#6200ee">
+
+	<!-- Favicons -->
+	<link href="/favicon.png" rel="icon">
+	<link href="/favicon.png" rel="apple-touch-icon">
+
+	<!-- Importer des polices d'écriture (Roboto, Product Sans et Material icons) -->
+	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet">
+	<link rel="stylesheet" href="https://egkoppel.github.io/product-sans/css/product-sans-500-all.css">
+
+	<!-- Quelques scripts/libs -->
+	<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
+	<script src="/script/replaceLinkInPWA.js"></script>
+	<script src="/script/main.js"></script>
+	<script src="/script/importSW.js"></script>
+	<script src="https://cdn.jsdelivr.net/gh/localForage/localForage@master/dist/localforage.min.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
+	<link href="/style.css" rel="stylesheet">
+
+	<!-- Importer les composants Material Web -->
+	<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
+	<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
+
+	<!-- Meta tag pour les réseaux -->
+	<meta property="og:title" content="FindApp">
+	<meta property="og:description" content="Trouver une application, parmis plusieurs stores d'applications.">
+</head>
+<body>
+	<!-- Top bar de l'application -->
+	<header class="mdc-top-app-bar mdc-top-app-bar--fixed top-0">
+		<!-- Barre de chargement progressif -->
+		<div id="loadingProgressContainer" class="w-full h-2 hidden" style="position: absolute; background-color: rgb(98, 0, 200);">
+			<div id="loadingProgress" class="bg-blue-800 h-2" style="width: 0%"></div>
+		</div>
+
+	    <div class="mdc-top-app-bar__row">
+			<!-- Titre -->
+	        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
+	            <a class="mdc-top-app-bar__title cursor-pointer" href="#home" style="font-family: Product Sans;">FindApp</a>
+	        </section>
+
+			<!-- Liste des boutons -->
+	        <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end">
+	            <a role="button" class="mdc-icon-button material-icons mdc-top-app-bar__action-item--unbounded" href="source" aria-label="Gestion des sources">shop_2</a>
+	            <a role="button" class="mdc-icon-button material-icons mdc-top-app-bar__action-item--unbounded" href="help" aria-label="Page d'aide">help</a>
+	        </section>
+	    </div>
+	</header>
+
+	<!-- Partie principale -->
+	<div style="margin-top: 4.75rem;" class="px-6">
+		<div class="form-control">
+			<!-- Input pour écrire un terme de recherche -->
+			<input onfocus="this.placeholder = ''" onfocusout="this.placeholder = 'Ecrivez ici pour effectuer une recherche'" id="searchTerm" type="text" class="input w-full text-center" placeholder="Ecrivez ici pour effectuer une recherche">
+
+			<!-- Bouton pour lancer la recherche -->
+			<button id="searchButton" class="mdc-button mdc-button--raised mt-2" onclick="window.location.hash = '#search-' + document.getElementById('searchTerm').value">
+				<span class="mdc-button__ripple"></span>
+				<span id="search_button_loadingIcon" class="material-icons animate-spin" style="display: none;">cached</span>
+				Rechercher
+			</button>
+		</div>
+	</div>
+
+	<!-- Liste des applications -->
+	<div id="appList_div" class="px-6 py-3 hidden">
+		<div class="p-4 bg-base-100 rounded-lg border shadow-md sm:p-8 border-base-300">
+			<div class="flex justify-between items-center mb-4">
+				<h3 id="text_searchResult" class="text-xl font-bold leading-none text-white">Résultats de recherche</h3>
+				<a id="text_reportSomething" href="javascript:void(0)" onclick="showReportForm()" class="text-sm font-medium hover:underline text-blue-500">
+					Il manque quelque chose ?
+				</a>
+			</div>
+			<div class="flow-root">
+				<ul id="appList" role="list"></ul>
+			</div>
+		</div>
+	</div>
+
+	<!-- Conteneur (vide, utilisé avec du JS) -->
+	<div id="app-container"></div>
+</body>
+</html>