diff options
Diffstat (limited to 'siite')
| -rw-r--r-- | siite/kasus-ch.html | 641 | ||||
| -rw-r--r-- | siite/style.css | 115 | ||||
| -rw-r--r-- | siite/toggle.js | 23 | ||||
| -rw-r--r-- | siite/zaale-ch.html | 641 | 
4 files changed, 1420 insertions, 0 deletions
| diff --git a/siite/kasus-ch.html b/siite/kasus-ch.html new file mode 100644 index 0000000..a2802e5 --- /dev/null +++ b/siite/kasus-ch.html @@ -0,0 +1,641 @@ +<!DOCTYPE html> +<html> +    <head> +        <title>Siit 80</title> +        <meta name="viewport" content="width=device-width, initial-scale=1.0"> +        <link rel="stylesheet" href="style.css" /> +    </head> +    <body> +        <button onclick="set_all('')">einblenden</button><button onclick="set_all('none')">ausblenden</button> +        <h1>Nominativ/Akkusativ</h1> +        <section> +            <h2>Bestimmter und Unbestimmter Artikel</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>Bestimmter Artikel</td> +                    <td><span class="article">de</span> Maa</td> +                    <td><span class="article">d</span> Frau</td> +                    <td><span class="article">s</span> Chind</td> +                    <td><span class="article">d</span> Manne</td> +                </tr> +                <tr> +                    <td>+ Adjektiv mit Kons.</td> +                    <td><span class="article">de</span> nett Maa</td> +                    <td><span class="article">di</span> nett Frau</td> +                    <td><span class="article">s</span> nett<span class="ending">e</span> Chind</td> +                    <td><span class="article">di</span> nett<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>+ Adjektiv mit Vokal</td> +                    <td><span class="article">de/dr</span> arm Maa</td> +                    <td><span class="article">di</span> arm Frau</td> +                    <td><span class="article">s</span> arm<span class="ending">e</span> Chind</td> +                    <td><span class="article">di</span> arm<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (näherliegende)</td> +                    <td><span class="article">dä</span> Maa daa</td> +                    <td><span class="article">di-e</span> Frau daa</td> +                    <td><span class="article">das</span> Chind daa</td> +                    <td><span class="article">di-e</span> Manne daa</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (weit entfernt)</td> +                    <td><span class="article">dä</span> Maa deet/<span class="article">de</span> säb Maa</td> +                    <td><span class="article">di-e</span> Frau deet/<span class="article">di</span> säb Frau</td> +                    <td><span class="article">das</span> Chind deet/<span class="article">s</span> säb Chind</td> +                    <td><span class="article">di-e</span> Manne deet</td> +                </tr> +                <tr> +                    <td>Unbestimmter Artikel</td> +                    <td><span class="article">en</span> Maa</td> +                    <td><span class="article">e</span> Frau, <span class="article">en</span> Antwort</td> +                    <td><span class="article">es</span> Chind</td> +                    <td>Manne</td> +                </tr> +                <tr> +                    <td>+ Mit Adjektiv</td> +                    <td><span class="article">en</span> nett<span class="ending">e</span> Maa</td> +                    <td><span class="article">e</span> nett<span class="ending">i</span> Frau</td> +                    <td><span class="article">es/e</span> nett<span class="ending">s</span> Chind</td> +                    <td>nett<span class="ending">i</span> Manne</td> +                </tr> +                <tr> +                    <td>+ Adjektiv mit Vokal</td> +                    <td><span class="article">en</span> arm<span class="ending">e</span> Maa</td> +                    <td><span class="article">en</span> arm<span class="ending">i</span> Frau</td> +                    <td><span class="article">es/en</span> arm<span class="ending">s</span> Chind</td> +                    <td>arm<span class="ending">i</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel</td> +                    <td>so-n-<span class="article">en</span> Maa</td> +                    <td>so-n-<span class="article">e</span> Frau</td> +                    <td>so-n-<span class="article">es</span> Chind</td> +                    <td>so-n-<span class="article">igi</span> Manne</td> +                </tr> +                <tr> +                    <td>Fragewort</td> +                    <td>was für <span class="article">en</span>?</td> +                    <td>was für <span class="article">e</span>?</td> +                    <td>was für <span class="article">es</span>?</td> +                    <td>was für Manne?</td> +                </tr> +                <tr> +                    <td>Negativer Artikel</td> +                    <td>(e) <span class="article">kän</span>/<span class="article">käin</span> Maa</td> +                    <td>(e) <span class="article">kä</span>/<span class="article">käi</span> Frau</td> +                    <td>(e) <span class="article">käs</span>/<span class="article">käis</span> Chind</td> +                    <td>(e) <span class="article">kä</span>/<span class="article">käi</span> Manne</td> +                </tr> +                <tr> +                    <td>genau ein</td> +                    <td><span class="article">ein</span> Maa</td> +                    <td><span class="article">ei</span> Frau</td> +                    <td><span class="article">eis</span> Chind</td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>+ Pronomen</td> +                    <td><span class="article">eine</span></td> +                    <td><span class="article">eini</span></td> +                    <td><span class="article">eis</span></td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>Indefinit - gliich</td> +                    <td><span class="article">de</span> gliich<span class="ending">(i)</span> Maa</td> +                    <td><span class="article">di</span> gliich<span class="ending">(i)</span> Frau</td> +                    <td><span class="article">s</span> gliich<span class="ending">(e)</span> Chind</td> +                    <td><span class="article">di</span> gliich<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>Indefinit - jede</td> +                    <td>jed<span class="ending">e</span> Maa</td> +                    <td>jed<span class="ending">i</span> Frau</td> +                    <td>jed<span class="ending">es</span> Chind</td> +                    <td>all<span class="ending">(i)</span> Manne</td> +                </tr> +                <tr> +                    <td>Indefinit - mänge</td> +                    <td>mäng<span class="ending">e</span> Maa</td> +                    <td>mäng<span class="ending">i</span> Frau</td> +                    <td>mäng<span class="ending">s</span> Chind</td> +                    <td>vill<span class="ending">(i)</span>/wenig<span class="ending">(i)</span> Manne</td> +                </tr> +                <tr> +                    <td>Fragepronomen</td> +                    <td>wel<span class="ending">e</span> Hund?</td> +                    <td>wel<span class="ending">i</span> Chatz?</td> +                    <td>wel<span class="ending">es</span> Chind?</td> +                    <td>wel<span class="ending">i</span> Manne?</td> +                </tr> +            </table> +            <h2>Possessivartikel und Possessivpronomen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td><span class="pronoun">min</span> Sohn</td> +                    <td><span class="pronoun">mini</span> Tochter</td> +                    <td><span class="pronoun">mis</span> Chind</td> +                    <td><span class="pronoun">mini</span> Eltere</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td><span class="pronoun">din</span> Sohn</td> +                    <td><span class="pronoun">dini</span> Tochter</td> +                    <td><span class="pronoun">dis</span> Chind</td> +                    <td><span class="pronoun">dini</span> Eltere</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td><span class="pronoun">sin</span> Sohn</td> +                    <td><span class="pronoun">sini</span> Tochter</td> +                    <td><span class="pronoun">sis</span> Chind</td> +                    <td><span class="pronoun">sini</span> Chind</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td><span class="pronoun">ihre</span> Sohn</td> +                    <td><span class="pronoun">ihri</span> Tochter</td> +                    <td><span class="pronoun">ihres</span> Chind</td> +                    <td><span class="pronoun">ihri</span> Eltere</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td><span class="pronoun">öise</span> Sohn</td> +                    <td><span class="pronoun">öisi</span> Tochter</td> +                    <td><span class="pronoun">öises</span> Chind</td> +                    <td><span class="pronoun">öisi</span> Eltere</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td><span class="pronoun">eue</span> Sohn</td> +                    <td><span class="pronoun">eui</span> Tochter</td> +                    <td><span class="pronoun">eues</span> Chind</td> +                    <td><span class="pronoun">eui</span> Eltere</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td><span class="pronoun">ihre</span> Sohn</td> +                    <td><span class="pronoun">ihri</span> Tochter</td> +                    <td><span class="pronoun">ihres</span> Chind</td> +                    <td><span class="pronoun">ihri</span> Eltere</td> +                </tr> +                <tr> +                    <td>Pronomen</td> +                    <td><span class="pronoun">mine</span></td> +                    <td><span class="pronoun">mini</span></td> +                    <td><span class="pronoun">mis</span></td> +                    <td><span class="pronoun">mini</span></td> +                </tr> +            </table> +        </section> + +        <h1>Akkusativ</h1> +        <section> +            <h2>Personalpronomen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Betonte Form</th> +                    <th>Unbetonte Form</th> +                    <th>Reflexiv</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td>mich</td> +                    <td>mi</td> +                    <td>mi</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td>dich</td> +                    <td>di</td> +                    <td>di</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td>ihn</td> +                    <td>-en</td> +                    <td>sich</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td>sie</td> +                    <td>sie</td> +                    <td>sich</td> +                </tr> +                <tr> +                    <td>es</td> +                    <td>-s</td> +                    <td>-s</td> +                    <td>sich</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td>öis</td> +                    <td>öis</td> +                    <td>öis</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td>eu</td> +                    <td>eu</td> +                    <td>eu</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td>sie</td> +                    <td>-s</td> +                    <td>sich</td> +                </tr> +            </table> +            <h2>Präpositionen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Art der Präposition</th> +                </tr> +                <tr> +                    <td>a</td> +                    <td>a de / an</td> +                    <td>ad</td> +                    <td>as</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>a</td> +                    <td>an en</td> +                    <td>an e</td> +                    <td>an es</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>für</td> +                    <td>für de</td> +                    <td>für d</td> +                    <td>für s</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>für</td> +                    <td>für en</td> +                    <td>für e</td> +                    <td>für es</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>i de / in</td> +                    <td>id</td> +                    <td>is</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>in en</td> +                    <td>in e</td> +                    <td>in es</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>über</td> +                    <td>über de</td> +                    <td>über d</td> +                    <td>über s</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>über</td> +                    <td>über en</td> +                    <td>über e</td> +                    <td>über es</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf de</td> +                    <td>uf d</td> +                    <td>uf s</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf en</td> +                    <td>uf e</td> +                    <td>uf es</td> +                    <td>Wechselpräposition</td> +                </tr> +            </table> +        </section> +         +        <h1>Dativ</h1> +        <section> +            <h2>Bestimmter und Unbestimmter Artikel</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>Bestimmter Artikel</td> +                    <td><span class="article">em</span> Maa</td> +                    <td><span class="article">de</span> Frau</td> +                    <td><span class="article">em</span> Chind</td> +                    <td><span class="article">de</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (näherliegende)</td> +                    <td><span class="article">däm</span> Maa</td> +                    <td><span class="article">däre</span> Frau</td> +                    <td><span class="article">däm</span> Chind</td> +                    <td><span class="article">däne</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (weit entfernt)</td> +                    <td>säb<span class="article">em</span> Maa</td> +                    <td>säb<span class="article">ere</span> Frau</td> +                    <td>säb<span class="article">em</span> Chind</td> +                    <td>säb<span class="article">ne</span> Manne</td> +                </tr> +                <tr> +                    <td>Unbestimmter Artikel</td> +                    <td><span class="article">em</span> Maa</td> +                    <td><span class="article">ere</span> Frau</td> +                    <td><span class="article">eme</span> Chind</td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>Negativer Artikel</td> +                    <td><span class="article">käm</span> Maa</td> +                    <td><span class="article">känere</span> Frau</td> +                    <td><span class="article">käm</span> Chind</td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>Indefinit - jede</td> +                    <td>jed<span class="ending">em</span> Maa</td> +                    <td>jed<span class="ending">ere</span> Frau</td> +                    <td>jed<span class="ending">em</span> Chind</td> +                    <td>all<span class="ending">ne</span>/vill<span class="ending">ne</span>/wenig<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>Fragepronomen</td> +                    <td>wel<span class="ending">em</span> Hund?</td> +                    <td>wel<span class="ending">ere</span> Chatz?</td> +                    <td>wel<span class="ending">em</span> Chind?</td> +                    <td>wel<span class="ending">ne</span> Manne?</td> +                </tr> +            </table> +             +            <h2>Possessivartikel</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td><span class="pronoun">mim</span> Sohn</td> +                    <td><span class="pronoun">minere</span> Tochter</td> +                    <td><span class="pronoun">mim</span> Chind</td> +                    <td><span class="pronoun">mine</span> Eltere</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td><span class="pronoun">dim</span> Sohn</td> +                    <td><span class="pronoun">dinere</span> Tochter</td> +                    <td><span class="pronoun">dim</span> Chind</td> +                    <td><span class="pronoun">dine</span> Eltere</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td><span class="pronoun">sim</span> Sohn</td> +                    <td><span class="pronoun">sinere</span> Tochter</td> +                    <td><span class="pronoun">sim</span> Chind</td> +                    <td><span class="pronoun">sine</span> Chind</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td><span class="pronoun">ihrem</span> Sohn</td> +                    <td><span class="pronoun">ihrer</span> Tochter</td> +                    <td><span class="pronoun">ihrem</span> Chind</td> +                    <td><span class="pronoun">ihrne</span> Eltere</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td><span class="pronoun">öisem</span> Sohn</td> +                    <td><span class="pronoun">öisere</span> Tochter</td> +                    <td><span class="pronoun">öisem</span> Chind</td> +                    <td><span class="pronoun">öisne</span> Eltere</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td><span class="pronoun">euem</span> Sohn</td> +                    <td><span class="pronoun">euere</span> Tochter</td> +                    <td><span class="pronoun">euem</span> Chind</td> +                    <td><span class="pronoun">eune</span> Eltere</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td><span class="pronoun">ihrem</span> Sohn</td> +                    <td><span class="pronoun">ihrer</span> Tochter</td> +                    <td><span class="pronoun">ihrem</span> Chind</td> +                    <td><span class="pronoun">ihrne</span> Eltere</td> +                </tr> +            </table> +         +            <h2>Personalpronomen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Betonte Form</th> +                    <th>Unbetonte Form</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td>mir</td> +                    <td>mer</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td>dir</td> +                    <td>dr</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td>ihm</td> +                    <td>-em</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td>ihre</td> +                    <td>-ere</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td>öis</td> +                    <td>öis</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td>eu</td> +                    <td>eu</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td>ihne</td> +                    <td>-ene/-ne</td> +                </tr> +            </table> +             +            <h2>Präpositionen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Art der Präposition</th> +                </tr> +                <tr> +                    <td>ab</td> +                    <td>ab em</td> +                    <td>ab de</td> +                    <td>ab em</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>ab</td> +                    <td>ab eme</td> +                    <td>ab ere</td> +                    <td>ab eme</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>mit</td> +                    <td>mit em</td> +                    <td>mit de</td> +                    <td>mit em</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>mit</td> +                    <td>mit eme</td> +                    <td>mit ere</td> +                    <td>mit eme</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf em</td> +                    <td>uf de</td> +                    <td>uf em</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf eme</td> +                    <td>uf ere</td> +                    <td>uf eme</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>a</td> +                    <td>am</td> +                    <td>a de</td> +                    <td>am</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>a</td> +                    <td>amene</td> +                    <td>anere</td> +                    <td>amene</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>bi</td> +                    <td>bim</td> +                    <td>bi de</td> +                    <td>bim</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>bi</td> +                    <td>bimene</td> +                    <td>binere</td> +                    <td>bimene</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>im</td> +                    <td>i de</td> +                    <td>im</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>imene</td> +                    <td>inere</td> +                    <td>imene</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>vo</td> +                    <td>vom</td> +                    <td>vo de</td> +                    <td>vom</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>vo</td> +                    <td>vomene</td> +                    <td>vonere</td> +                    <td>vomene</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>zu</td> +                    <td>zum</td> +                    <td>zu de</td> +                    <td>zum</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>zu</td> +                    <td>zumene</td> +                    <td>zunere</td> +                    <td>zumene</td> +                    <td>Dativ</td> +                </tr> +            </table> +        </section> +        <script src="toggle.js"></script> +    </body> +</html> diff --git a/siite/style.css b/siite/style.css new file mode 100644 index 0000000..b1718c8 --- /dev/null +++ b/siite/style.css @@ -0,0 +1,115 @@ +* { +    --aluminium-light: #eeeeec; +    --aluminium-medium: #d3d7cf; +    --aluminium-dark: #babdb6; + +    --slate-light: #888a85; +    --slate-medium: #555753; +    --slate-off-dark: #343a3d; +    --slate-dark: #2e3436; +    --slate-extra-dark: #202426; + +    --butter-light: #fce94f; +    --butter-medium: #edd400; +    --butter-dark: #c4a000; + +    --chameleon-light: #8ae234; +    --chameleon-medium: #73d216; +    --chameleon-dark: #4e9a06; + +    --orange-light: #fcaf3e; +    --orange-medium: #f57900; +    --orange-dark: #ce5c00; + +    --chocolate-light: #e9b96e; +    --chocolate-medium: #c17d11; +    --chocolate-dark: #8f5902; + +    --sky-blue-light: #729fcf; +    --sky-blue-medium: #3465a4; +    --sky-blue-dark: #204a87; + +    --plum-light: #ad7fa8; +    --plum-medium: #75507b; +    --plum-dark: #5c3566; + +    --scarlet-red-light: #ef2929; +    --scarlet-red-medium: #cc0000; +    --scarlet-red-dark: #a40000; +     +    --unset: #ffff00; +     +    --background: var(--aluminium-light); +     +    --header-text: var(--slate-dark); +    --primary-text: var(--slate-dark); +    --secondary-text: var(--slate-medium); +    --inverse-text: var(--aluminium-medium); +     +    --accent-dark: var(--sky-blue-dark); +    --accent-light: var(--sky-blue-medium); +     +    --table-header: var(--accent-dark); +    --table-row-dark: var(--aluminium-medium); +    --table-row-light: var(--aluminium-light); +    --table-row-hover: var(--aluminium-dark); +} + +body { +    background: var(--background); +    color: var(--primary-text); +    font-family: sans-serif; +} + +section { +    margin-left: 30px; +} + +h1, h2 { +    color: var(--header); +} + +table { +    border: 0; +} + +table td, table th { +    vertical-align: top; +    padding: 2px 12px 2px; +    text-align: left; +} + +table th { +    background-color: var(--table-header); +    color: var(--inverse-text); +} + +table tr:nth-child(odd) td { +    background-color: var(--table-row-light); +} + +table tr:nth-child(even) td { +    background-color: var(--table-row-dark); +} + +table tr:hover td { +    background-color: var(--table-row-hover); +} + +.article { +    color: var(--accent-light); +    font-weight: bold; +} + +.pronoun { +    color: var(--accent-light); +    font-weight: bold; +} + +.ending { +    color: var(--accent-light); +    font-weight: bold; +} + +.noun { +} diff --git a/siite/toggle.js b/siite/toggle.js new file mode 100644 index 0000000..35783c4 --- /dev/null +++ b/siite/toggle.js @@ -0,0 +1,23 @@ +// Select all <tr> elements +const rows = document.querySelectorAll('tr'); + +// Add the onclick event to each <th> element +rows.forEach(row => { +    row.addEventListener('click', (event) => { +        // Get child elements with specific classes +        row.querySelectorAll('span.article, span.pronoun, span.ending').forEach(span => { +            // Toggle visibility +            if (span.style.display === 'none') { +                span.style.display = ''; +            } else { +                span.style.display = 'none'; +            } +        }); +    }); +}); + +function set_all(state) { +    document.querySelectorAll('span.article, span.pronoun, span.ending').forEach(span => { +        span.style.display = state; +    }); +} diff --git a/siite/zaale-ch.html b/siite/zaale-ch.html new file mode 100644 index 0000000..a2802e5 --- /dev/null +++ b/siite/zaale-ch.html @@ -0,0 +1,641 @@ +<!DOCTYPE html> +<html> +    <head> +        <title>Siit 80</title> +        <meta name="viewport" content="width=device-width, initial-scale=1.0"> +        <link rel="stylesheet" href="style.css" /> +    </head> +    <body> +        <button onclick="set_all('')">einblenden</button><button onclick="set_all('none')">ausblenden</button> +        <h1>Nominativ/Akkusativ</h1> +        <section> +            <h2>Bestimmter und Unbestimmter Artikel</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>Bestimmter Artikel</td> +                    <td><span class="article">de</span> Maa</td> +                    <td><span class="article">d</span> Frau</td> +                    <td><span class="article">s</span> Chind</td> +                    <td><span class="article">d</span> Manne</td> +                </tr> +                <tr> +                    <td>+ Adjektiv mit Kons.</td> +                    <td><span class="article">de</span> nett Maa</td> +                    <td><span class="article">di</span> nett Frau</td> +                    <td><span class="article">s</span> nett<span class="ending">e</span> Chind</td> +                    <td><span class="article">di</span> nett<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>+ Adjektiv mit Vokal</td> +                    <td><span class="article">de/dr</span> arm Maa</td> +                    <td><span class="article">di</span> arm Frau</td> +                    <td><span class="article">s</span> arm<span class="ending">e</span> Chind</td> +                    <td><span class="article">di</span> arm<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (näherliegende)</td> +                    <td><span class="article">dä</span> Maa daa</td> +                    <td><span class="article">di-e</span> Frau daa</td> +                    <td><span class="article">das</span> Chind daa</td> +                    <td><span class="article">di-e</span> Manne daa</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (weit entfernt)</td> +                    <td><span class="article">dä</span> Maa deet/<span class="article">de</span> säb Maa</td> +                    <td><span class="article">di-e</span> Frau deet/<span class="article">di</span> säb Frau</td> +                    <td><span class="article">das</span> Chind deet/<span class="article">s</span> säb Chind</td> +                    <td><span class="article">di-e</span> Manne deet</td> +                </tr> +                <tr> +                    <td>Unbestimmter Artikel</td> +                    <td><span class="article">en</span> Maa</td> +                    <td><span class="article">e</span> Frau, <span class="article">en</span> Antwort</td> +                    <td><span class="article">es</span> Chind</td> +                    <td>Manne</td> +                </tr> +                <tr> +                    <td>+ Mit Adjektiv</td> +                    <td><span class="article">en</span> nett<span class="ending">e</span> Maa</td> +                    <td><span class="article">e</span> nett<span class="ending">i</span> Frau</td> +                    <td><span class="article">es/e</span> nett<span class="ending">s</span> Chind</td> +                    <td>nett<span class="ending">i</span> Manne</td> +                </tr> +                <tr> +                    <td>+ Adjektiv mit Vokal</td> +                    <td><span class="article">en</span> arm<span class="ending">e</span> Maa</td> +                    <td><span class="article">en</span> arm<span class="ending">i</span> Frau</td> +                    <td><span class="article">es/en</span> arm<span class="ending">s</span> Chind</td> +                    <td>arm<span class="ending">i</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel</td> +                    <td>so-n-<span class="article">en</span> Maa</td> +                    <td>so-n-<span class="article">e</span> Frau</td> +                    <td>so-n-<span class="article">es</span> Chind</td> +                    <td>so-n-<span class="article">igi</span> Manne</td> +                </tr> +                <tr> +                    <td>Fragewort</td> +                    <td>was für <span class="article">en</span>?</td> +                    <td>was für <span class="article">e</span>?</td> +                    <td>was für <span class="article">es</span>?</td> +                    <td>was für Manne?</td> +                </tr> +                <tr> +                    <td>Negativer Artikel</td> +                    <td>(e) <span class="article">kän</span>/<span class="article">käin</span> Maa</td> +                    <td>(e) <span class="article">kä</span>/<span class="article">käi</span> Frau</td> +                    <td>(e) <span class="article">käs</span>/<span class="article">käis</span> Chind</td> +                    <td>(e) <span class="article">kä</span>/<span class="article">käi</span> Manne</td> +                </tr> +                <tr> +                    <td>genau ein</td> +                    <td><span class="article">ein</span> Maa</td> +                    <td><span class="article">ei</span> Frau</td> +                    <td><span class="article">eis</span> Chind</td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>+ Pronomen</td> +                    <td><span class="article">eine</span></td> +                    <td><span class="article">eini</span></td> +                    <td><span class="article">eis</span></td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>Indefinit - gliich</td> +                    <td><span class="article">de</span> gliich<span class="ending">(i)</span> Maa</td> +                    <td><span class="article">di</span> gliich<span class="ending">(i)</span> Frau</td> +                    <td><span class="article">s</span> gliich<span class="ending">(e)</span> Chind</td> +                    <td><span class="article">di</span> gliich<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>Indefinit - jede</td> +                    <td>jed<span class="ending">e</span> Maa</td> +                    <td>jed<span class="ending">i</span> Frau</td> +                    <td>jed<span class="ending">es</span> Chind</td> +                    <td>all<span class="ending">(i)</span> Manne</td> +                </tr> +                <tr> +                    <td>Indefinit - mänge</td> +                    <td>mäng<span class="ending">e</span> Maa</td> +                    <td>mäng<span class="ending">i</span> Frau</td> +                    <td>mäng<span class="ending">s</span> Chind</td> +                    <td>vill<span class="ending">(i)</span>/wenig<span class="ending">(i)</span> Manne</td> +                </tr> +                <tr> +                    <td>Fragepronomen</td> +                    <td>wel<span class="ending">e</span> Hund?</td> +                    <td>wel<span class="ending">i</span> Chatz?</td> +                    <td>wel<span class="ending">es</span> Chind?</td> +                    <td>wel<span class="ending">i</span> Manne?</td> +                </tr> +            </table> +            <h2>Possessivartikel und Possessivpronomen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td><span class="pronoun">min</span> Sohn</td> +                    <td><span class="pronoun">mini</span> Tochter</td> +                    <td><span class="pronoun">mis</span> Chind</td> +                    <td><span class="pronoun">mini</span> Eltere</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td><span class="pronoun">din</span> Sohn</td> +                    <td><span class="pronoun">dini</span> Tochter</td> +                    <td><span class="pronoun">dis</span> Chind</td> +                    <td><span class="pronoun">dini</span> Eltere</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td><span class="pronoun">sin</span> Sohn</td> +                    <td><span class="pronoun">sini</span> Tochter</td> +                    <td><span class="pronoun">sis</span> Chind</td> +                    <td><span class="pronoun">sini</span> Chind</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td><span class="pronoun">ihre</span> Sohn</td> +                    <td><span class="pronoun">ihri</span> Tochter</td> +                    <td><span class="pronoun">ihres</span> Chind</td> +                    <td><span class="pronoun">ihri</span> Eltere</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td><span class="pronoun">öise</span> Sohn</td> +                    <td><span class="pronoun">öisi</span> Tochter</td> +                    <td><span class="pronoun">öises</span> Chind</td> +                    <td><span class="pronoun">öisi</span> Eltere</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td><span class="pronoun">eue</span> Sohn</td> +                    <td><span class="pronoun">eui</span> Tochter</td> +                    <td><span class="pronoun">eues</span> Chind</td> +                    <td><span class="pronoun">eui</span> Eltere</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td><span class="pronoun">ihre</span> Sohn</td> +                    <td><span class="pronoun">ihri</span> Tochter</td> +                    <td><span class="pronoun">ihres</span> Chind</td> +                    <td><span class="pronoun">ihri</span> Eltere</td> +                </tr> +                <tr> +                    <td>Pronomen</td> +                    <td><span class="pronoun">mine</span></td> +                    <td><span class="pronoun">mini</span></td> +                    <td><span class="pronoun">mis</span></td> +                    <td><span class="pronoun">mini</span></td> +                </tr> +            </table> +        </section> + +        <h1>Akkusativ</h1> +        <section> +            <h2>Personalpronomen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Betonte Form</th> +                    <th>Unbetonte Form</th> +                    <th>Reflexiv</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td>mich</td> +                    <td>mi</td> +                    <td>mi</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td>dich</td> +                    <td>di</td> +                    <td>di</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td>ihn</td> +                    <td>-en</td> +                    <td>sich</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td>sie</td> +                    <td>sie</td> +                    <td>sich</td> +                </tr> +                <tr> +                    <td>es</td> +                    <td>-s</td> +                    <td>-s</td> +                    <td>sich</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td>öis</td> +                    <td>öis</td> +                    <td>öis</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td>eu</td> +                    <td>eu</td> +                    <td>eu</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td>sie</td> +                    <td>-s</td> +                    <td>sich</td> +                </tr> +            </table> +            <h2>Präpositionen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Art der Präposition</th> +                </tr> +                <tr> +                    <td>a</td> +                    <td>a de / an</td> +                    <td>ad</td> +                    <td>as</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>a</td> +                    <td>an en</td> +                    <td>an e</td> +                    <td>an es</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>für</td> +                    <td>für de</td> +                    <td>für d</td> +                    <td>für s</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>für</td> +                    <td>für en</td> +                    <td>für e</td> +                    <td>für es</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>i de / in</td> +                    <td>id</td> +                    <td>is</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>in en</td> +                    <td>in e</td> +                    <td>in es</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>über</td> +                    <td>über de</td> +                    <td>über d</td> +                    <td>über s</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>über</td> +                    <td>über en</td> +                    <td>über e</td> +                    <td>über es</td> +                    <td>Präposition + Akkusativ</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf de</td> +                    <td>uf d</td> +                    <td>uf s</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf en</td> +                    <td>uf e</td> +                    <td>uf es</td> +                    <td>Wechselpräposition</td> +                </tr> +            </table> +        </section> +         +        <h1>Dativ</h1> +        <section> +            <h2>Bestimmter und Unbestimmter Artikel</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>Bestimmter Artikel</td> +                    <td><span class="article">em</span> Maa</td> +                    <td><span class="article">de</span> Frau</td> +                    <td><span class="article">em</span> Chind</td> +                    <td><span class="article">de</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (näherliegende)</td> +                    <td><span class="article">däm</span> Maa</td> +                    <td><span class="article">däre</span> Frau</td> +                    <td><span class="article">däm</span> Chind</td> +                    <td><span class="article">däne</span> Manne</td> +                </tr> +                <tr> +                    <td>Demonstrativartikel (weit entfernt)</td> +                    <td>säb<span class="article">em</span> Maa</td> +                    <td>säb<span class="article">ere</span> Frau</td> +                    <td>säb<span class="article">em</span> Chind</td> +                    <td>säb<span class="article">ne</span> Manne</td> +                </tr> +                <tr> +                    <td>Unbestimmter Artikel</td> +                    <td><span class="article">em</span> Maa</td> +                    <td><span class="article">ere</span> Frau</td> +                    <td><span class="article">eme</span> Chind</td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>Negativer Artikel</td> +                    <td><span class="article">käm</span> Maa</td> +                    <td><span class="article">känere</span> Frau</td> +                    <td><span class="article">käm</span> Chind</td> +                    <td>-</td> +                </tr> +                <tr> +                    <td>Indefinit - jede</td> +                    <td>jed<span class="ending">em</span> Maa</td> +                    <td>jed<span class="ending">ere</span> Frau</td> +                    <td>jed<span class="ending">em</span> Chind</td> +                    <td>all<span class="ending">ne</span>/vill<span class="ending">ne</span>/wenig<span class="ending">e</span> Manne</td> +                </tr> +                <tr> +                    <td>Fragepronomen</td> +                    <td>wel<span class="ending">em</span> Hund?</td> +                    <td>wel<span class="ending">ere</span> Chatz?</td> +                    <td>wel<span class="ending">em</span> Chind?</td> +                    <td>wel<span class="ending">ne</span> Manne?</td> +                </tr> +            </table> +             +            <h2>Possessivartikel</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Plural</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td><span class="pronoun">mim</span> Sohn</td> +                    <td><span class="pronoun">minere</span> Tochter</td> +                    <td><span class="pronoun">mim</span> Chind</td> +                    <td><span class="pronoun">mine</span> Eltere</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td><span class="pronoun">dim</span> Sohn</td> +                    <td><span class="pronoun">dinere</span> Tochter</td> +                    <td><span class="pronoun">dim</span> Chind</td> +                    <td><span class="pronoun">dine</span> Eltere</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td><span class="pronoun">sim</span> Sohn</td> +                    <td><span class="pronoun">sinere</span> Tochter</td> +                    <td><span class="pronoun">sim</span> Chind</td> +                    <td><span class="pronoun">sine</span> Chind</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td><span class="pronoun">ihrem</span> Sohn</td> +                    <td><span class="pronoun">ihrer</span> Tochter</td> +                    <td><span class="pronoun">ihrem</span> Chind</td> +                    <td><span class="pronoun">ihrne</span> Eltere</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td><span class="pronoun">öisem</span> Sohn</td> +                    <td><span class="pronoun">öisere</span> Tochter</td> +                    <td><span class="pronoun">öisem</span> Chind</td> +                    <td><span class="pronoun">öisne</span> Eltere</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td><span class="pronoun">euem</span> Sohn</td> +                    <td><span class="pronoun">euere</span> Tochter</td> +                    <td><span class="pronoun">euem</span> Chind</td> +                    <td><span class="pronoun">eune</span> Eltere</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td><span class="pronoun">ihrem</span> Sohn</td> +                    <td><span class="pronoun">ihrer</span> Tochter</td> +                    <td><span class="pronoun">ihrem</span> Chind</td> +                    <td><span class="pronoun">ihrne</span> Eltere</td> +                </tr> +            </table> +         +            <h2>Personalpronomen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Betonte Form</th> +                    <th>Unbetonte Form</th> +                </tr> +                <tr> +                    <td>ich</td> +                    <td>mir</td> +                    <td>mer</td> +                </tr> +                <tr> +                    <td>du</td> +                    <td>dir</td> +                    <td>dr</td> +                </tr> +                <tr> +                    <td>er</td> +                    <td>ihm</td> +                    <td>-em</td> +                </tr> +                <tr> +                    <td>sie (f)</td> +                    <td>ihre</td> +                    <td>-ere</td> +                </tr> +                <tr> +                    <td>mir</td> +                    <td>öis</td> +                    <td>öis</td> +                </tr> +                <tr> +                    <td>ihr</td> +                    <td>eu</td> +                    <td>eu</td> +                </tr> +                <tr> +                    <td>sie (pl)</td> +                    <td>ihne</td> +                    <td>-ene/-ne</td> +                </tr> +            </table> +             +            <h2>Präpositionen</h2> +            <table> +                <tr> +                    <th></th> +                    <th>Maskulin</th> +                    <th>Feminin</th> +                    <th>Neutral</th> +                    <th>Art der Präposition</th> +                </tr> +                <tr> +                    <td>ab</td> +                    <td>ab em</td> +                    <td>ab de</td> +                    <td>ab em</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>ab</td> +                    <td>ab eme</td> +                    <td>ab ere</td> +                    <td>ab eme</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>mit</td> +                    <td>mit em</td> +                    <td>mit de</td> +                    <td>mit em</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>mit</td> +                    <td>mit eme</td> +                    <td>mit ere</td> +                    <td>mit eme</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf em</td> +                    <td>uf de</td> +                    <td>uf em</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>uf</td> +                    <td>uf eme</td> +                    <td>uf ere</td> +                    <td>uf eme</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>a</td> +                    <td>am</td> +                    <td>a de</td> +                    <td>am</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>a</td> +                    <td>amene</td> +                    <td>anere</td> +                    <td>amene</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>bi</td> +                    <td>bim</td> +                    <td>bi de</td> +                    <td>bim</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>bi</td> +                    <td>bimene</td> +                    <td>binere</td> +                    <td>bimene</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>im</td> +                    <td>i de</td> +                    <td>im</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>i</td> +                    <td>imene</td> +                    <td>inere</td> +                    <td>imene</td> +                    <td>Wechselpräposition</td> +                </tr> +                <tr> +                    <td>vo</td> +                    <td>vom</td> +                    <td>vo de</td> +                    <td>vom</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>vo</td> +                    <td>vomene</td> +                    <td>vonere</td> +                    <td>vomene</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>zu</td> +                    <td>zum</td> +                    <td>zu de</td> +                    <td>zum</td> +                    <td>Dativ</td> +                </tr> +                <tr> +                    <td>zu</td> +                    <td>zumene</td> +                    <td>zunere</td> +                    <td>zumene</td> +                    <td>Dativ</td> +                </tr> +            </table> +        </section> +        <script src="toggle.js"></script> +    </body> +</html> | 
