-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (105 loc) · 5.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kanji 空 Cards</title>
<link rel="stylesheet" href="style.css">
<script type="module" src="index.js"></script>
<link rel="shortcut icon" href="./images/fav-sora.png" type="image/x-icon">
<style>
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
</style>
</head>
<body>
<div id="bg-image">
</div>
<div id="container">
<div id="navbar">
<div id="logo"><h1>Kanji <span id="kanji">空</span> Cards</h1></div>
<ul>
<li>
<h2><a href="#">Accueil</a></h2>
</li>
<li>
<h2 id="menufiches"><a href="#">Fiches</a></h2>
</li>
<li>
<h2><a href="#">About</a></h2>
</li>
</ul>
</div>
<div id="hiddenmenu">
<div id="fiches">
<ul>
<li><a href="#">Hiragana</a></li>
<li><a href="#">Katakana</a></li>
<li><a href="#">JLPT N5</a></li>
<li><a href="#">JLPT N4</a></li>
<li><a href="#">JLPT N3</a></li>
<li><a href="#">JLPT N2</a></li>
<li><a href="#">JLPT N1</a></li>
</ul>
</div>
</div>
<div id="main">
<section id="home"><h2>Bienvenue sur Kanji Cards ! <br>L'outil d'entraînement ultime pour débuter sa
maîtrise du japonais !</h2>
<p>Kanji Cards est un site web innovant conçu pour
vous aider à perfectionner votre apprentissage
du japonais à travers des cartes mnémotechniques
interactives. Que vous soyez débutant ou que vous
cherchiez à renforcer vos compétences existantes,
Kanji Cards offre une expérience d'apprentissage
immersive et ludique.</p>
<p>Chaque carte présente un kanji avec sa
signification et sa lecture, accompagnés
d'une illustration visuelle et de conseils
mnémotechniques pour faciliter la mémorisation.</p>
<p>Que vous appreniez pour les examens, pour voyager au
Japon, ou simplement pour le plaisir, Kanji Cards
vous accompagne dans votre voyage d'apprentissage
du japonais, en vous offrant les outils dont vous
avez besoin pour réussir.</p>
</section>
<section id="infofiches">
<h2> Plongez dès maintenant dans l'univers fascinant de la langue Japonaise avec Kanji Cards !</h2>
<p>Kanji Cards tire parti d'une base de données complète
de kanjis japonais, constamment mise à jour, pour vous
offrir un contenu riche et varié.</p>
<p>Testez vos connaissances avec des exercices interactifs
intégrés, et pratiquez l'écriture des kanjis grâce à
notre tableau de dessin intégré.</p>
<p>Suivez vos progrès au fil du temps grâce à des
statistiques détaillées, identifiez vos points
forts et vos points faibles, et ajustez votre
formation en conséquence.</p>
<p>Disponible pour le moment, l'apprentissage des Hiragana et Katakana.
Arriverons bientôt le contenu que nous estimons nécessaire pour le JLPT N5 (débutant)
ainsi que pour les niveaux JLPT N4 et N3 (intermédiaire) et pour finir JLPT N2 et N1
(avancé).
</p>
</section>
</div>
<div id="footer">
<ul>
<li><a href="https://www.linkedin.com/in/jacques-ducloy-425a792b3/" target="_blank"><span class="ashi-no-rinku">リンクジン</span>-(LinkedIn)</a></li>
<li><a href="https://github.com/JacquesDWWM" target="_blank"><span class="ashi-no-rinku">ギテュブ</span>-(Github)</a></li>
<li><a href="https://jacquesdwwm.github.io/portfolio3.0/" target="_blank"><span class="ashi-no-rinku">ポートフォリオ</span>-(Portfolio)</a></li>
</ul>
</div>
</div>
<!-- à faire, contenu de la page principale, logo,
menu hidden sur base de raccourci,
présentation du site, exemple concernant le contenu,
crédit -->
<!-- Faire une page concernant chaque lot de kanjis en fonction
du JLPT pour lequel on souhaite s'entrainer / menu déroulant
ou juste chaque JLPT 5/4/3/.. de bas en haut -->
<!-- constituer une database avec l'entièreté des kanji, avec infos, etc.. si aucune dispo sur internet-->
<!-- développer la partie Javascript concernant la création des cartes -->
<!-- développer fonction pour faire apparaitre la carte avec uniquement le kanji de visible, pas d'infos
apparition d'une barre pour rentrer une réponse, si bonne, contour carte en vert avec apparition des infos,
si faux, contour carte en rouge avec infos également, tableau des scores sur le côté -->
</body>
</html>