From 012c5eb36a5d5950702e5485e0c7d8954d6c2c74 Mon Sep 17 00:00:00 2001 From: p3t3rp1Lz Date: Mon, 6 Apr 2026 13:22:11 +0200 Subject: [PATCH] =?UTF-8?q?Design=20Karten=20final,=20"neue=20Karte"=20hin?= =?UTF-8?q?zugef=C3=BCgt=20und=20Design=20begonnen?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- adjektive.php | 25 ------- allgemein.php | 43 ++++++++++++ eigennamen.php | 25 ------- forms/hinzuefuegenKarte.php | 0 index.php | 131 +++++++++++++----------------------- neueKarte.php | 17 +---- style.css | 78 +++++++++++++++++++-- substantive.php | 25 ------- 8 files changed, 162 insertions(+), 182 deletions(-) delete mode 100644 adjektive.php delete mode 100644 eigennamen.php create mode 100644 forms/hinzuefuegenKarte.php delete mode 100644 substantive.php diff --git a/adjektive.php b/adjektive.php deleted file mode 100644 index ecd39d3..0000000 --- a/adjektive.php +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - -
-

pyolingo

-
-
- - < home > - - - < zurück > - -
- - \ No newline at end of file diff --git a/allgemein.php b/allgemein.php index ecd39d3..09975fd 100644 --- a/allgemein.php +++ b/allgemein.php @@ -13,6 +13,49 @@

pyolingo

+
+
+
+ + + + +
+
+

deutsch:

+ +
+ +
+
+ +
+
+ + + + +
+
+ +
+
< home > diff --git a/eigennamen.php b/eigennamen.php deleted file mode 100644 index ecd39d3..0000000 --- a/eigennamen.php +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - -
-

pyolingo

-
-
- - < home > - - - < zurück > - -
- - \ No newline at end of file diff --git a/forms/hinzuefuegenKarte.php b/forms/hinzuefuegenKarte.php new file mode 100644 index 0000000..e69de29 diff --git a/index.php b/index.php index 39271b1..3337c9f 100644 --- a/index.php +++ b/index.php @@ -39,7 +39,7 @@

-

+

@@ -49,7 +49,7 @@

-

+

@@ -59,7 +59,7 @@

-

+

@@ -69,7 +69,7 @@

-

+

@@ -79,7 +79,7 @@

-

+

@@ -89,7 +89,7 @@

-

+

@@ -99,7 +99,7 @@

-

+

@@ -177,126 +177,85 @@ document.getElementById("italienisch_4").style.color = item.farbe_4; document.getElementById("italienisch_5").textContent = item.italienisch_5; document.getElementById("italienisch_5").style.color = item.farbe_5; - switch(item.wortart) { - case("Allgemein"): { - document.getElementById("italienisch_1").style.display = "inline-block"; - break; - } - case("Eigennamen"): { - document.getElementById("italienisch_1").style.display = "inline-block"; - break; - } - case("Substantive"): { - document.getElementById("italienisch_1").style.display = "inline-block"; - document.getElementById("italienisch_2").style.display = "inline-block"; - break; - } - case("Adjektive"): { - document.getElementById("italienisch_1").style.display = "inline-block"; - document.getElementById("italienisch_2").style.display = "inline-block"; - document.getElementById("italienisch_3").style.display = "inline-block"; - document.getElementById("italienisch_4").style.display = "inline-block"; - document.getElementById("italienisch_5").style.display = "inline-block"; - document.getElementById("italienisch_1").style.textDecoration = "underline"; - break; - } + document.getElementById("italienisch_5").textContent = item.italienisch_6; + document.getElementById("italienisch_5").style.color = item.farbe_6; + document.getElementById("italienisch_5").textContent = item.italienisch_7; + document.getElementById("italienisch_5").style.color = item.farbe_7; + for(var i = 0; i < document.getElementsByClassName("p-karteikarte").length; i++) { + document.getElementsByClassName("p-karteikarte")[i].style.display = "inline-block"; } + if(item.wortart == "Adjektive") document.getElementById("italienisch_1").style.textDecoration = "underline"; } else { // Grundform - document.getElementById("italienisch_wortstamm_1").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_1").style.textDecoration = "underline"; - document.getElementById("italienisch_verben_1").style.display = "inline-block"; document.getElementById("italienisch_verben_1").style.textDecoration = "underline"; - document.getElementById("italienisch_suffix_1").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_1").textContent = item.wortstamm_1; document.getElementById("italienisch_verben_1").textContent = item.italienisch_1; document.getElementById("italienisch_verben_1").style.color = item.farbe_1; - document.getElementById("italienisch_suffix_1").textContent = item.suffix_1; + if(item.suffix_1 != null) { + document.getElementById("italienisch_suffix_1").textContent = " " + item.suffix_1; + document.getElementById("italienisch_suffix_1").style.textDecoration = "underline"; + } else { + document.getElementById("italienisch_suffix_1").textContent = null; + } // gebeugte Formen document.getElementById("italienisch_pronomen_2").textContent = item.pronomen_2; - document.getElementById("italienisch_wortstamm_2").style.display = "inline-block"; - document.getElementById("italienisch_verben_2").style.display = "inline-block"; - document.getElementById("italienisch_suffix_2").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_2").textContent = item.wortstamm_2; document.getElementById("italienisch_verben_2").textContent = item.italienisch_2; document.getElementById("italienisch_verben_2").style.color = item.farbe_2; - document.getElementById("italienisch_suffix_2").textContent = item.suffix_2; + if(item.suffix_2 != null) document.getElementById("italienisch_suffix_2").textContent = " " + item.suffix_2; + else document.getElementById("italienisch_suffix_2").textContent = null; document.getElementById("italienisch_pronomen_3").textContent = item.pronomen_3; - document.getElementById("italienisch_wortstamm_3").style.display = "inline-block"; - document.getElementById("italienisch_verben_3").style.display = "inline-block"; - document.getElementById("italienisch_suffix_3").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_3").textContent = item.wortstamm_3; document.getElementById("italienisch_verben_3").textContent = item.italienisch_3; document.getElementById("italienisch_verben_3").style.color = item.farbe_3; - document.getElementById("italienisch_suffix_3").textContent = item.suffix_3; - + if(item.suffix_3 != null) document.getElementById("italienisch_suffix_3").textContent = " " + item.suffix_3; + else document.getElementById("italienisch_suffix_3").textContent = null; + document.getElementById("italienisch_pronomen_4").textContent = item.pronomen_4; - document.getElementById("italienisch_wortstamm_4").style.display = "inline-block"; - document.getElementById("italienisch_verben_4").style.display = "inline-block"; - document.getElementById("italienisch_suffix_4").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_4").textContent = item.wortstamm_4; document.getElementById("italienisch_verben_4").textContent = item.italienisch_4; document.getElementById("italienisch_verben_4").style.color = item.farbe_4; - document.getElementById("italienisch_suffix_4").textContent = item.suffix_4; + if(item.suffix_4 != null) document.getElementById("italienisch_suffix_4").textContent = " " + item.suffix_4; + else document.getElementById("italienisch_suffix_4").textContent = null; document.getElementById("italienisch_pronomen_5").textContent = item.pronomen_5; - document.getElementById("italienisch_wortstamm_5").style.display = "inline-block"; - document.getElementById("italienisch_verben_5").style.display = "inline-block"; - document.getElementById("italienisch_suffix_5").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_5").textContent = item.wortstamm_5; document.getElementById("italienisch_verben_5").textContent = item.italienisch_5; document.getElementById("italienisch_verben_5").style.color = item.farbe_5; - document.getElementById("italienisch_suffix_5").textContent = item.suffix_5; - + if(item.suffix_5 != null) document.getElementById("italienisch_suffix_5").textContent = " " + item.suffix_5; + else document.getElementById("italienisch_suffix_5").textContent = null; + document.getElementById("italienisch_pronomen_6").textContent = item.pronomen_6; - document.getElementById("italienisch_wortstamm_6").style.display = "inline-block"; - document.getElementById("italienisch_verben_6").style.display = "inline-block"; - document.getElementById("italienisch_suffix_6").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_6").textContent = item.wortstamm_6; document.getElementById("italienisch_verben_6").textContent = item.italienisch_6; document.getElementById("italienisch_verben_6").style.color = item.farbe_6; - document.getElementById("italienisch_suffix_6").textContent = item.suffix_6; - + if(item.suffix_6 != null) document.getElementById("italienisch_suffix_6").textContent = " " + item.suffix_6; + else document.getElementById("italienisch_suffix_6").textContent = null; + document.getElementById("italienisch_pronomen_7").textContent = item.pronomen_7; - document.getElementById("italienisch_wortstamm_7").style.display = "inline-block"; - document.getElementById("italienisch_verben_7").style.display = "inline-block"; - document.getElementById("italienisch_suffix_7").style.display = "inline-block"; document.getElementById("italienisch_wortstamm_7").textContent = item.wortstamm_7; document.getElementById("italienisch_verben_7").textContent = item.italienisch_7; document.getElementById("italienisch_verben_7").style.color = item.farbe_7; - document.getElementById("italienisch_suffix_7").textContent = item.suffix_7; + if(item.suffix_7 != null) document.getElementById("italienisch_suffix_7").textContent = " " + item.suffix_7; + else document.getElementById("italienisch_suffix_7").textContent = null; + + for(var i = 0; i < document.getElementsByClassName("p-karteikarte_verben").length; i++) { + document.getElementsByClassName("p-karteikarte_verben")[i].style.display = "inline-block"; + } } } function resetWords() { - /*document.getElementsByClassName("p-karteikarte").textContent = ""; - document.getElementsByClassName("p-karteikarte").style.color = "black"; - document.getElementsByClassName("p-karteikarte").style.display = "none";*/ - document.getElementById("italienisch_1").textContent = ""; - document.getElementById("italienisch_1").style.color = "black"; - document.getElementById("italienisch_1").style.display = "none"; - document.getElementById("italienisch_1").style.textDecoration = "none"; - document.getElementById("italienisch_2").textContent = ""; - document.getElementById("italienisch_2").style.color = "black"; - document.getElementById("italienisch_2").style.display = "none"; - document.getElementById("italienisch_3").textContent = ""; - document.getElementById("italienisch_3").style.color = "black"; - document.getElementById("italienisch_3").style.display = "none"; - document.getElementById("italienisch_4").textContent = ""; - document.getElementById("italienisch_4").style.color = "black"; - document.getElementById("italienisch_4").style.display = "none"; - document.getElementById("italienisch_5").textContent = ""; - document.getElementById("italienisch_5").style.color = "black"; - document.getElementById("italienisch_5").style.display = "none"; - document.getElementById("italienisch_6").textContent = ""; - document.getElementById("italienisch_6").style.color = "black"; - document.getElementById("italienisch_6").style.display = "none"; - document.getElementById("italienisch_7").textContent = ""; - document.getElementById("italienisch_7").style.color = "black"; - document.getElementById("italienisch_7").style.display = "none"; + for(var i = 0; i < document.getElementsByClassName("p-karteikarte").length; i++) { + document.getElementsByClassName("p-karteikarte")[i].textContent = ""; + document.getElementsByClassName("p-karteikarte")[i].style.color = "black"; + document.getElementsByClassName("p-karteikarte")[i].style.display = "none"; + document.getElementsByClassName("p-karteikarte")[i].style.textDecoration = "none"; + } }

diff --git a/neueKarte.php b/neueKarte.php index 1c04f0f..4717720 100644 --- a/neueKarte.php +++ b/neueKarte.php @@ -16,22 +16,7 @@
-
-
- -
-
- -
-
-
diff --git a/style.css b/style.css index 4586c11..4c3a7d7 100644 --- a/style.css +++ b/style.css @@ -12,6 +12,10 @@ h2 { font-size: 2.2rem; } +p { + white-space: pre-wrap; +} + h2.seitentitel { width: 100%; border-style: none; @@ -75,11 +79,6 @@ div.header{ margin: 0px; } -.p-karteikarte_verben_suffix { - margin: 0px; - margin-left: 15px; -} - #deutsch { height: 250px; } @@ -147,4 +146,73 @@ a:visited { .td-pronomen { width: 30%; +} + +.kategorie { + font-size: 30px; + color: black; + align-items: center; + display: flex; +} + +.kategorie input[type="radio"] { + transform: scale(1.5); + margin-right: 10px; +} + +#form_hinzufuegenkarte { + width: 95%; +} + +#p_deutsch { + display: inline-block; +} + +#input_deutsch { + display: inline-block; + width: 700px; + margin-left: 30px; +} + +.hinzufuegenKarteElemente { + display: flex; + justify-content: space-between; +} + +#label_italienisch_schwarz { + color: black; +} + +#label_italienisch_rot { + color: red; +} + +#label_italienisch_gruen { + color: green; +} + +#label_italienisch_blau { + color: blue; +} + +#input_italienisch { + width: 850px; + display: inline-block; +} + +#div_deutsch { + margin-top: 40px; +} + +#div_italienisch_text { + display: inline-block; + width: 95%; + margin-top: 40px; +} + +#div_italienisch_radio { + display: flex; + justify-content: space-between; + width: 65%; + margin-top: 10px; } \ No newline at end of file diff --git a/substantive.php b/substantive.php deleted file mode 100644 index ecd39d3..0000000 --- a/substantive.php +++ /dev/null @@ -1,25 +0,0 @@ - - - - - - - - -
-

pyolingo

-
-
- - < home > - - - < zurück > - -
- - \ No newline at end of file