271 lines
8.8 KiB
HTML
271 lines
8.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>flip-flip-flip</title>
|
|
<meta property="og:title" content="flip-flip-flip" />
|
|
<meta
|
|
name="description"
|
|
content="une app pour exercer sa mémoire grâce à la répétition espacée"
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
content="une app pour exercer sa mémoire grâce à la répétition espacée"
|
|
/>
|
|
<meta property="og:locale" content="fr_FR" />
|
|
<meta
|
|
property="og:image"
|
|
content="https://flip-flip-flip.fr/assets/fff_512.png"
|
|
/>
|
|
<meta property="og:image:width" content="512" />
|
|
<meta property="og:image:height" content="512" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="/style.css" />
|
|
<link rel="icon" href="/assets/fff_192.png" />
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<script type="importmap" nonce="nonce-00000000-0000-0000-0000-000000000000">
|
|
{ "imports": { "lit": "/3rd-party/lit-core.min.js" } }
|
|
</script>
|
|
<script
|
|
type="module"
|
|
src="/3rd-party/temporal-polyfill.min.js"
|
|
nonce="nonce-00000000-0000-0000-0000-000000000000"
|
|
></script>
|
|
<script
|
|
type="module"
|
|
src="/lib/script.js"
|
|
nonce="nonce-00000000-0000-0000-0000-000000000000"
|
|
></script>
|
|
</head>
|
|
<body>
|
|
<dialog id="global-modal" closedby="any"></dialog>
|
|
|
|
<f-app>
|
|
Ce site web nécessite un navigateur à jour avec JavaScript activé pour
|
|
fonctionner.
|
|
</f-app>
|
|
|
|
<template id="icon-add">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path d="M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z" />
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-arrow-back">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="m313-440 224 224-57 56-320-320 320-320 57 56-224 224h487v80H313Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-check">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z" />
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-close">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-content-copy">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-data-object">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M560-160v-80h120q17 0 28.5-11.5T720-280v-80q0-38 22-69t58-44v-14q-36-13-58-44t-22-69v-80q0-17-11.5-28.5T680-720H560v-80h120q50 0 85 35t35 85v80q0 17 11.5 28.5T840-560h40v160h-40q-17 0-28.5 11.5T800-360v80q0 50-35 85t-85 35H560Zm-280 0q-50 0-85-35t-35-85v-80q0-17-11.5-28.5T120-400H80v-160h40q17 0 28.5-11.5T160-600v-80q0-50 35-85t85-35h120v80H280q-17 0-28.5 11.5T240-680v80q0 38-22 69t-58 44v14q36 13 58 44t22 69v80q0 17 11.5 28.5T280-240h120v80H280Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-delete">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm80-160h80v-360h-80v360Zm160 0h80v-360h-80v360Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-edit">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M120-120v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm584-528 56-56-56-56-56 56 56 56Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-home">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path d="M160-120v-480l320-240 320 240v480H560v-280H400v280H160Z" />
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-login">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M480-120v-80h280v-560H480v-80h280q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H480Zm-80-160-55-58 102-102H120v-80h327L345-622l55-58 200 200-200 200Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-logout">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h280v80H200Zm440-160-55-58 102-102H360v-80h327L585-622l55-58 200 200-200 200Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-menu">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-person">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M367-527q-47-47-47-113t47-113q47-47 113-47t113 47q47 47 47 113t-47 113q-47 47-113 47t-113-47ZM160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440q66 0 130 15.5T736-378q29 15 46.5 43.5T800-272v112H160Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-question-mark">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M424-320q0-81 14.5-116.5T500-514q41-36 62.5-62.5T584-637q0-41-27.5-68T480-732q-51 0-77.5 31T365-638l-103-44q21-64 77-111t141-47q105 0 161.5 58.5T698-641q0 50-21.5 85.5T609-475q-49 47-59.5 71.5T539-320H424Zm56 240q-33 0-56.5-23.5T400-160q0-33 23.5-56.5T480-240q33 0 56.5 23.5T560-160q0 33-23.5 56.5T480-80Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-save">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M840-680v480q0 33-23.5 56.5T760-120H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h480l160 160ZM565-275q35-35 35-85t-35-85q-35-35-85-35t-85 35q-35 35-35 85t35 85q35 35 85 35t85-35ZM240-560h360v-160H240v160Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-mobile-data-off">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M792-56 400-448v174l62-62 58 56-160 160-160-160 58-56 62 62v-254L56-792l56-56 736 736-56 56ZM640-434l-80-80v-174l-64 64-56-56 160-160 160 160-56 56-64-64v254Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-settings">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="m370-80-16-128q-13-5-24.5-12T307-235l-119 50L78-375l103-78q-1-7-1-13.5v-27q0-6.5 1-13.5L78-585l110-190 119 50q11-8 23-15t24-12l16-128h220l16 128q13 5 24.5 12t22.5 15l119-50 110 190-103 78q1 7 1 13.5v27q0 6.5-2 13.5l103 78-110 190-118-50q-11 8-23 15t-24 12L590-80H370Zm112-260q58 0 99-41t41-99q0-58-41-99t-99-41q-59 0-99.5 41T342-480q0 58 40.5 99t99.5 41Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-table">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M440-320H120v120q0 33 23.5 56.5T200-120h240v-200Zm80 0v200h240q33 0 56.5-23.5T840-200v-120H520Zm-80-80v-200H120v200h320Zm80 0h320v-200H520v200ZM120-680h720v-80q0-33-23.5-56.5T760-840H200q-33 0-56.5 23.5T120-760v80Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<template id="icon-upload">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 -960 960 960"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M440-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
</body>
|
|
</html>
|