From 07036380bbebd0d0edf91d51ebf4566e867d9037 Mon Sep 17 00:00:00 2001 From: p3t3rp1Lz Date: Fri, 3 Apr 2026 16:45:46 +0200 Subject: [PATCH] =?UTF-8?q?grundlegendes=20Design=20und=20Funktionalit?= =?UTF-8?q?=C3=A4t?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- data.php | 15 +++++++++ favicon.ico | Bin 0 -> 15406 bytes index.php | 82 ++++++++++++++++++++++++++++++++++++++++++++--- style.css | 89 +++++++++++++++++++++++++++++++++++++++++++++++++++- 4 files changed, 180 insertions(+), 6 deletions(-) create mode 100644 data.php create mode 100644 favicon.ico diff --git a/data.php b/data.php new file mode 100644 index 0000000..c57f757 --- /dev/null +++ b/data.php @@ -0,0 +1,15 @@ +query("SELECT kk.id, + vorderseite, + rueckseite, + farbe, + name + FROM karteikarte kk + JOIN kategorie k ON k.id = kk.kategorie_id;"); + $karteikarten = $stmt->fetchAll(PDO::FETCH_ASSOC); + + echo json_encode($karteikarten); \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..d19311a7a34a0031743fce7549bd3202e7cb8f97 GIT binary patch literal 15406 zcmeI2SBMr#5XWcTHK$#5#en*mPDL?*oB_pEM8$+C_+Y?O5KjetFn|w=3MNF%Sx;1a z5HlDsuKHjGQ4}$YIp>_}=2za#jbEH^_FGPFyJ2?c>+YKRcXf4jRaaY9nw4&4W?J_D zko9MVW&LhhRw(r2cl|8O`pd3s+Vr3H-z@7`wq@0~``9El#gBUXU(_Q1v$AB#61j2X zM#QL&9z7~McI=3#53d+FaG;z#c{03O)~s10GiJ<)s1L751^wW`gJu5w`SR@9Gxzh0 z7A=yA6DPXAW4*wC!h{Jje*Ac8-MY1W{rXkDfB!C>I(3p3En3L8Z{K2(YCZHPPMlDh z4jnqk#ful^`t|G5u3bB!?fCKIzUjMl>!z}tG-;ABFS~c|mZ3w3CZwM^bEeFlJ6CGf ztSK*FzLW+H8px9;Pvq05PtveqLwWuBb#ImMxQe_wLE#$B$*hh7CF% zh<5GTB{y&0j7eY68loD7Br35pA^XX(AM8`CQqbgT#%m;yj09f1cp=-iZBv`&hYp*5 z`t)hpzkk2lct14p`tTil?aJcCi{o{3+u+asP_=4RdH3#}TOagg-@bjypMB0xfq(n< z?WIbUDu#aw<-c&@LOLy8wKuKrPYd$PZs^@q>Xs#Pm#)TogZDN;mAlqexvw{DHV zfG?GnmZodQk6)SykHa6o6QA+JhYzxS`*tZ=vZU0lTlc3mhCKTA?JK2AmsWoatn|-I zariG-u)zHceDD_;=i$SL-Fp1GGG)q0&z?PH-n@BIs8FGw+TD&xyhP&(|TGt5;PA@Y$p3i9?g9!XYKmb7WpCh%V9@JF@-1`Lp1y?RM@cD9ad$dDn5 zhdsJ-<;qg4R;`Hj(7%6wDO|X)oI7{U#g)v9oaiPPMtcXwvgB+|vB$B0-F-6I}D=fVs0#AVQ#VkBTBU?kv` zK&*3tf>O^piG4(C{b4`moW!dc=G{oZNWe(INT47}fH;ryo@>{xX}&8wuJJ1q=*SP< zzI|Kse{bHriHMQ>ek+-NuU@^95hF%Ovu4eNJQp!ikOKbm=g$i{GxBs>wrq(SX9f9o zJesFZpK9D}yCr&_5;T4Te{OEB#>bpnaV`_@{4O4*WZDe=AJQ`NPeyD0?Q8Vs*V3P$ z=g7Z;{$snJKY#9?pJD&N<)_f^(4j+8sZu39_x~^KXPr8AWbD|ndVgf<)Ty#+)ha#j z^|P0Pf9KAfQlUZxJqMjOZJO@Ke#V}cKHl|9o*+FvT_4V<$<2_T96o%w+`4ru?p!ce zVCJlu?~vc{-oMEU#(1<|{Op^Y@A8x{UtaNpg|Q48G)V5=y&H23=v|jCUG%(~y_|F8 zGiT1kW1W&VFMj+M&ZxO#vuV>N%^i>%0#B(@rSx7-w6kM?aIXm6Xa2}5ah6VAE75(W zybi*PzkB!Yx^~fJ_~HwJi}QZQKyL2NojVaM8Pk|CV>Ay%pHZVm>3fqVO*BUnL6E`< zFa91qdPL;m7zcN$&>`|6po+;SAvba6M9457X2d+*0yb1?cck1@3{BH@;ViM@ZZ0GUm7=Vtauz9bNE8f-8{zD zvSmw+UC=x3?;(H2P0o#Z%8%j)Kk*sy4H&ue!G1si)4_uWHSdIOjUGK(-oAaS_1tA) zFTkeFnKLJFT$E_ce(-Z2w07;!I;T2BZK@X ziSUDE&z?PMKg0FktLNBRFgtp}8kszKvf{_C9yxL(Kj2F^e)5N4;K44Et4HU-?${Hj zJ=cyGS+lg^cX(rG`kXy`R`)@4YuvbT`4SI%@pGSqJ@dka3(6ZE?$@uM>IWFn2Pel4 zR^onaW@cul+DtHe3%+chK7Dk2query("SELECT vorderseite + $stmt = $pdo -> query("SELECT COUNT(*) AS gesamtanzahl FROM karteikarte;"); - $karteikarten = $stmt->fetchAll(PDO::FETCH_ASSOC); + $row = $stmt->fetch(PDO::FETCH_ASSOC); + + $gesamtanzahl = $row ? $row['gesamtanzahl'] : 0; ?> @@ -13,8 +15,78 @@ - -

Vorderseite:

- +
+

pyolingo

+

+
+
+ +
\ No newline at end of file diff --git a/style.css b/style.css index 78cbfbe..5a8c661 100644 --- a/style.css +++ b/style.css @@ -1,8 +1,95 @@ html { - font-size: 16px; + font-size: 26px; font-family: Arial, Helvetica, sans-serif; } body { background-color: rgb(122, 122, 122); + color: #14748A; +} + +h2 { + font-size: 2.2rem; +} + +h2.seitentitel { + width: 100%; + border-style: none; + margin-left: 100px; +} + +div.header{ + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 70px; + background-color: rgb(210, 210, 210); + display: flex; + align-items: center; + justify-content: space-between; + z-index: 1000; + padding-top: 20px; + padding-bottom: 20px; +} + +.button-ellipsoid:hover { + background: linear-gradient(#169ab7, #14748A); +} + +.button-ellipsoid { + font-size: 26px; + font-family: Arial, Helvetica, sans-serif; + height: 100px; + width: 300px; + margin-top: 25px; + padding: 25px 40px; + color: black; + background: radial-gradient(ellipse at center, #14748A 0%, #169ab7 70%); + border: none; + border-radius: 180px / 130px; + box-shadow: inset 0 3px 6px rgba(255,255,255,0.4), + 0 4px 8px rgba(0,0,0,0.3); +} + +.button-karteikarte { + display: none; + font-size: 96px; + font-family: Arial, Helvetica, sans-serif; + width: 75%; + margin-top: 25px; + padding: 25px 40px; + color: black; + background: rgb(210, 210, 210);; + border: none; + box-shadow: inset 0 3px 6px rgba(255,255,255,0.4), + 0 4px 8px rgba(0,0,0,0.3); +} + +#deutsch { + height: 250px; +} + +#deutsch.disabled { + pointer-events: none; + opacity: 1; +} + +#italienisch { + height: 750px; +} + +div.inhalt { + margin-top: 150px; + height: calc(100vh - 80px); + display: flex; + flex-direction:column; + align-items: center; +} + +#wortZaehler { + width: 300px; + margin-right: 100px; + text-align: right; + margin-left: 0px; } \ No newline at end of file