<!DOCTYPE HTML>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="lex_editor.css" />
        <title>Grammalecte · Éditeur lexical</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    </head>
    
    <body>


        <div id="main">
            <div class="inbox">

                <h1>Éditeur lexical</h1>

                <input type="text" id="word" name="word" maxlength="60" value="" placeholder="votre mot" autofocus />

                <div id="categories">
                    <div class="category" id="select_nom">Nom</div>
                    <div class="category" id="select_adjectif">Adjectif</div>
                    <div class="category" id="select_verbe">Verbe</div>
                    <div class="category" id="select_adverbe">Adverbe</div>

                    <div class="separator"></div>

                    <div class="category" id="select_prenom">Prénom</div>
                    <div class="category" id="select_patronyme">Patronyme</div>
                    <div class="category" id="select_nom_propre">Nom propre</div>

                    <div class="separator"></div>

                    <div class="category" id="select_autre">Autre</div>
                </div>


                <div id="editor">

                    <div id="section_vide" class="empty_section">
                        Sélectionnez une catégorie.
                    </div>

                    <div id="section_nom" class="section">
                        <h2>Nom</h2>
                        <p><input type="checkbox" id="nom_adj" /><label for="nom_adj"> c’est aussi un adjectif</label></p>
                        <div class="container">
                            <div class="block">
                                <h3>Genre</h3>
                                <p><input type="radio" id="nom_genre_e" name="genre" value="epi" checked /><label for="nom_genre_e"> épicène</label></p>
                                <p><input type="radio" id="nom_genre_m" name="genre" value="mas" /><label for="nom_genre_m"> masculin</label></p>
                                <p><input type="radio" id="nom_genre_f" name="genre" value="fem" /><label for="nom_genre_f"> féminin</label></p>
                            </div>
                            <div class="block">
                                <h3>Pluriel</h3>
                                <p><input type="radio" id="nom_pluriel_e" name="pluriel" value="s" checked /><label for="nom_pluriel_e"> pluriel en ·s</label></p>
                                <p><input type="radio" id="nom_pluriel_m" name="pluriel" value="x" /><label for="nom_pluriel_m"> pluriel en ·x</label></p>
                                <p><input type="radio" id="nom_pluriel_f" name="pluriel" value="inv" /><label for="nom_pluriel_f"> invariable</label></p>
                            </div>
                        </div>

                        <h3>[optionnel] Autre forme (masculine, féminine, variante, etc.)</h3>
                        <input type="text" id="word2" name="word2" maxlength="60" value="" placeholder="votre mot" />
                        <p><input type="checkbox" id="nom_adj2" /><label for="nom_adj2"> c’est aussi un adjectif</label></p>
                        <div class="container">
                            <div class="block">
                                <h3>Genre</h3>
                                <p><input type="radio" id="nom2_genre_e" name="genre2" value="epi" checked /><label for="nom2_genre_e"> épicène</label></p>
                                <p><input type="radio" id="nom2_genre_m" name="genre2" value="mas" /><label for="nom2_genre_m"> masculin</label></p>
                                <p><input type="radio" id="nom2_genre_f" name="genre2" value="fem" /><label for="nom2_genre_f"> féminin</label></p>
                            </div>
                            <div class="block">
                                <h3>Pluriel</h3>
                                <p><input type="radio" id="nom2_pluriel_e" name="pluriel2" value="s" checked /><label for="nom2_pluriel_e"> pluriel en ·s</label></p>
                                <p><input type="radio" id="nom2_pluriel_m" name="pluriel2" value="x" /><label for="nom2_pluriel_m"> pluriel en ·x</label></p>
                                <p><input type="radio" id="nom2_pluriel_f" name="pluriel2" value="inv" /><label for="nom2_pluriel_f"> invariable</label></p>
                            </div>
                        </div>
                    </div>

                    <div id="section_adjectif" class="section">
                        <h2>Adjectif</h2>

                    </div>

                    <div id="section_verbe" class="section">
                        <h2>Verbe</h2>
                        <div class="block">
                            <h3><input type="checkbox" id="v_i" /><label for="v_i"> intransitif</label></h3>
                            <div class="description">Cochez cette case, si ce verbe peut s’utiliser sans complément d’objet.</div>
                            <div class="examples_true">Je mange. Je pars. Je pense.</div>
                            <div class="examples_false">J’appartiens à…</div>
                        </div>
                        <div class="block">
                            <h3><input type="checkbox" id="v_t" /><label for="v_t"> transitif direct</label></h3>
                            <div class="description">Cochez cette case, si ce verbe peut s’utiliser avec un complément d’objet direct.</div>
                            <div class="examples_true">Je mange <i>une pomme</i>. Je donne <i>une gifle</i>.</div>
                            <div class="examples_false">Je pars. J’appartiens à…</div>
                        </div>
                        <div class="block">
                            <h3><input type="checkbox" id="v_n" /><label for="v_n"> transitif indirect</label></h3>
                            <div class="description">Cochez cette case, si ce verbe peut s’utiliser avec un complément d’objet indirect direct.</div>
                            <div class="examples_true">Je donne une bise <i>à sa femme</i>.J’appartiens <i>à ce groupe.</i>.</div>
                            <div class="examples_false"></div>
                        </div>
                        <div class="block">
                            <h3><input type="checkbox" id="v_p" /><label for="v_p"> pronominal</label></h3>
                            <div class="description">Cochez cette case, si ce verbe peut s’utiliser pronominalement.</div>
                            <div class="examples_true">Je me suis trompé.</div>
                            <div class="examples_false"></div>
                        </div>
                        <div class="block">
                            <h3><input type="checkbox" id="v_m" /><label for="v_m"> impersonnel</label></h3>
                            <div class="description">Cochez cette case, si ce verbe ne peut s’utiliser à la première personne, mais uniquement à la troisième personne du singulier ou du pluriel.</div>
                            <div class="examples_true">.</div>
                            <div class="examples_false"></div>
                        </div>
                        <div class="block">
                            <h3><input type="checkbox" id="v_ae" /><label for="v_ae">passé compsé avec l’auxiliaire “être”</label></h3>
                            <div class="description">Cochez cette case, si ce verbe s’emploie au passé composé avec l’auxilaire “être”.</div>
                            <div class="examples_true">Je suis venu. Je suis parti.</div>
                            <div class="examples_false">J’ai venu. J’ai parti.</div>
                        </div>
                        <div class="block">
                            <h3><input type="checkbox" id="v_aa" /><label for="v_aa">passé compsé avec l’auxiliaire “avoir”</label></h3>
                            <div class="description">Cochez cette case, si ce verbe s’emploie au passé composé avec l’auxilaire “avoir”.</div>
                            <div class="examples_true">J’ai mangé. J’ai prié.</div>
                            <div class="examples_false">Je suis mangé. Je suis prié.</div>
                        </div>
                    </div>

                    <div id="section_adverbe" class="section">
                        <h2>Adverbe</h2>
                        <p>Les adverbes sont invariables en genre et en nombre.</p>
                    </div>

                    <div id="section_prenom" class="section">
                        <h2>Prénom</h2>
                        <div class="container">
                            <div class="block">
                                <h3>Genre</h3>
                                <p><input type="radio" id="prenom_genre_e" name="genre" value="epi" checked /><label for="prenom_genre_e"> épicène</label></p>
                                <p><input type="radio" id="prenom_genre_m" name="genre" value="mas" /><label for="prenom_genre_m"> masculin</label></p>
                                <p><input type="radio" id="prenom_genre_f" name="genre" value="fem" /><label for="prenom_genre_f"> féminin</label></p>
                            </div>
                            <div class="block">
                                <h3>Pluriel</h3>
                                <p>Les prénoms sont invariables en nombre.</p>
                            </div>
                        </div>
                    </div>

                    <div id="section_patronyme" class="section">
                        <h2>Patronyme</h2>
                        <div class="container">
                            <div class="block">
                                <h3>Genre</h3>
                                <p><input type="radio" id="patronyme_genre_e" name="genre" value="epi" checked /><label for="patronyme_genre_e"> épicène</label></p>
                                <p><input type="radio" id="patronyme_genre_m" name="genre" value="mas" /><label for="patronyme_genre_m"> masculin</label></p>
                                <p><input type="radio" id="patronyme_genre_f" name="genre" value="fem" /><label for="patronyme_genre_f"> féminin</label></p>
                            </div>
                            <div class="block">
                                <h3>Pluriel</h3>
                                <p>Les noms de famille sont invariables en nombre.</p>
                            </div>
                        </div>
                    </div>

                    <div id="section_nom_propre" class="section">
                        <h2>Nom propre</h2>
                        <div class="container">
                            <div class="block">
                                <h3>Genre</h3>
                                <p><input type="radio" id="nom_propre_genre_e" name="genre" value="epi" checked /><label for="nom_propre_genre_e"> épicène</label></p>
                                <p><input type="radio" id="nom_propre_genre_m" name="genre" value="mas" /><label for="nom_propre_genre_m"> masculin</label></p>
                                <p><input type="radio" id="nom_propre_genre_f" name="genre" value="fem" /><label for="nom_propre_genre_f"> féminin</label></p>
                            </div>
                            <div class="block">
                                <h3>Pluriel</h3>
                                <p>Les noms propres sont invariables en nombre.</p>
                            </div>
                        </div>
                    </div>

                    <div id="section_autre" class="section">
                        <h2>Autre</h2>
                        <p>Indiquez les étiquettes grammaticales que vous voulez appliquer au mot. À utiliser seulement si vous savez ce que vous faites. Dans le cas contraire, tant pis pour vous.</p>
                        <h3>Étiquettes</h3>
                        <p><input type="text" id="tag" name="tag" maxlength="20" value="" placeholder="étiquettes" autofocus /></p>
                    </div>
                </div>
                    
                <div id="generated_words">
                    <h2>Mots générés</h2>
                    <pre></pre>
                </div>

                <div id="buttonline">
                    <div id="add_to_dictionary">Ajouter au dictionnaire</div>
                </div>
                
            </div>


        </div>

        <script src="../grammalecte/graphspell/helpers.js"></script>
        <script src="lex_editor.js"></script>
    </body>
    
</html>
