diff --git a/home.png b/home.png new file mode 100755 index 0000000..e028253 Binary files /dev/null and b/home.png differ diff --git a/index.html b/index.html new file mode 100755 index 0000000..c267298 --- /dev/null +++ b/index.html @@ -0,0 +1,48 @@ + + + + +Dactylotest : faites bouger vos doigts + + + + + + + +
+ home + Dactylotest + Tridactyl + Bépodactyl +
+ +
+

— Dactylotest —


+ Faites bouger vos doigts. +
+ +
+
+

Dactylotest

+

Testez votre vitesse et votre précision sur plus d’une centaine de textes différents issus de différentes sources telles que Wikipédia ou Wikisource.

+

Vous pourrez activer différentes options pour pratiquer un français sans concession grâce aux options typographiques (guillemets, majuscules accentuées…).

+

Mesurez vous aux meilleurs grâce aux fantômes que d’autres utilisateurs ont enregistré et soumettez les votres pour apparaître dans la liste.

+
+
+

Tridactyl

+

Améliorez votre frappe en travaillant sur des trigrammes (succession de trois lettres).

+

Grâce à cela, vous pourrez enchaîner les caractères plus facilement et ainsi obtenir une frappe plus constante et régulière.

+

Plusieurs niveaux sont disponibles, choisissez celui qui vous convient le mieux.

+
+
+

Bépodactyl

+

Apprenez à l’aide d'exercices simples à utiliser la disposition BÉPO. Cette disposition de clavier permet d’optimiser les déplacements des doigts et rend ainsi la frappe plus agréable. De plus, elle permet de pratiquer un français irréprochable en intégrant tous les caractères indispensables au français et bien plus encore.

+

Si vous ne frapper pas encore au clavier en aveugle, cette disposition de clavier pourrait bien vous faire changer d’avis.

+
+
+ + + + + diff --git a/style.css b/style.css new file mode 100755 index 0000000..0e865d3 --- /dev/null +++ b/style.css @@ -0,0 +1,200 @@ +.bar { + background-color:black; + /*z-index:150;*/ + width:99%; + /*border:1px black dotted;*/ + padding:3px; + margin:auto; +} +.bar a { + margin:10px; + text-decoration:none; + color:#fafafa; +} +.bar a:visited { + margin:10px; + text-decoration:none; + color:#fafafa; +} +a:hover { + color:#bc86d7; + text-decoration:underline; +} +.bar a:hover { + color:#bc86d7; + text-decoration:none; +} + +h2 a:hover { + color:#bc86d7; + text-decoration:none; +} + +a, a:visited { + color:black; + text-decoration:none; +} + +p a, a:visited { + color:black; + text-decoration:none; + border-bottom:1px dashed black; +} + +p a:hover { + color:#bc86d7; + text-decoration:none; + border-bottom:1px dashed #bc86d7; +} + +.head { + text-align:center; + margin-bottom:70px; +} + +body { + background-color:#fafafa; + margin:0; + padding:0; + color: black; + font-size: 14px; + font-family:monospace; +} +h1 { + margin-bottom:-15px; + font-size: 36px; + font-family:monospace; + +} +h2 { + text-align:left; + padding-left:20px; + font-size: 20px; + font-family:monospace; + +} +p { + margin:0; + margin-top:5px; + /*margin-left:10px;*/ + padding:0px 0px 0px 0px; + text-indent:20px; + text-align:justify; + +} +input[type=button] { + border:1px black solid; + background-color:#ebebeb; + font-size: 12px; + color: black; + font-family: monospace; + margin-bottom:3px; + -moz-border-radius: 5px; + border-radius:5px; +} +.full_width { + width:100%; + text-align:center; +} +input[type=button]:hover { + background-color:#fafafa; +} +input[type=text] { + font-size: 14px; + color: black; + font-family: monospace; +} +hr { + border-top : dotted 1px black; + border-bottom : none; + border-left:none; + border-right:none; +} +select { + border:none; + font-family:monospace; + font-size:14px; + background-color:#fafafa; + width:100px; +} +img { + vertical-align:middle; +} +.main { + text-align:left; + width:750px; + margin:auto; +} +.text_nmbr { + width:100%; + border:none; + text-align:center; +} +.err { + visibility:hidden; + color:red; + font-weight:bold; + font-size:18px; + background-color:#ffbbbb; +} +.new_text { + border:none; + text-align:left; + padding:5px; + font-family:monospace; + font-size:14px; +} +.options { + border:none; + text-align:left; + width:300px; + float:left; + padding:0px 5px 5px 5px; + + font-family:monospace; + font-size:14px; +} +.view_options { + display:block; +} +.result { + float:right; + text-align:left; + width:420px; + padding:5px; + font-family:monospace; + font-size:14px; +} +.txt { + border:1px black solid; + width:748px; + height:120px; + font-family:monospace; + font-size:14px; + margin-bottom:5px; +} +.rd_txt { + height:auto; + text-align:left; + width:748px; + height:110px; + font-family:monospace; + font-size:14px; + /*text-align:justify;*/ + /*background-color:white;*/ +} + +.d_replay { + visibility:visible; + float:right; +} + +/*.dactylotest { + border-left:#ffdd00 2px solid; +} +.tridactyl { + border-left:#40e0d0 2px solid; +} +.bepodactyl { + border-left:#7cfc00 2px solid; +} */ \ No newline at end of file