From 5cc052548139062850de7c205c7893b6187df5ec Mon Sep 17 00:00:00 2001
From: Megamichi <eine.3mail@gmail.com>
Date: Sun, 25 Aug 2024 21:25:23 +0200
Subject: [PATCH] init

---
 __pycache__/app.cpython-311.pyc | Bin 0 -> 972 bytes
 __pycache__/app.cpython-312.pyc | Bin 0 -> 1091 bytes
 app.py                          |  17 +++++++++
 static/Script.js                |   0
 static/blume.png                | Bin 0 -> 5755 bytes
 static/favicon.ico              | Bin 0 -> 7764 bytes
 static/style.css                |  37 +++++++++++++++++++
 templates/index.html            |  62 ++++++++++++++++++++++++++++++++
 8 files changed, 116 insertions(+)
 create mode 100644 __pycache__/app.cpython-311.pyc
 create mode 100644 __pycache__/app.cpython-312.pyc
 create mode 100644 app.py
 create mode 100644 static/Script.js
 create mode 100644 static/blume.png
 create mode 100644 static/favicon.ico
 create mode 100644 static/style.css
 create mode 100644 templates/index.html

diff --git a/__pycache__/app.cpython-311.pyc b/__pycache__/app.cpython-311.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..803e33ff4211ef7df9b8fc01c09f25246b7ce22e
GIT binary patch
literal 972
zcmaJ<&1(}u6rb6h-6Xq|7DL5Y8@!o_bP@3&v>sISmK=--xk$`T>^7U-b#?+a2T3Gg
zgbE&ndh9_e(*ML$A_2>QAV?41R&vY9H`^w-E&6un?R#(E*YCagw6I_xAotRj#yO18
zPpQmEJrO1!LD)q$vayRQ@~gPGiWNi^Tiu7K131T2RjIm1X4>Chn<PDLt&jG>;b87m
z)&3c)pNdVLiPdf8Au6VS$!tX|@YRyg9y`24r`W2`OMoCj$uqeOY!~r)>j>Z_%RoY<
z)G-{-rZ3hudCP^wi;RNGo^aX<+#08!(FF3K>2+(<Z&Ay3C=VR#9u1q^53IUxJKi&^
z;nu>YRSO&l3pohETCgn$^L@@th)%%?mw<KAk$LgM`p7Jd&BBlrSO$!pl=ZaDx$h-#
z$RWo#-h=Re95{iJD-du(TXT6&<~l>k1tq5gS!H)8WGl(PFgvv*^gE9#m2!z`;8oOw
z7BI)-BE{(QHVi_LhR<4pH0gFI(u~>;qjk>G;2Z;I@@fkG7(B~@B8L^;1O|g5nL(jf
z?w7me?<Di~%FeZK#>!V?Wn`?5jnxs!k4b(=@<(R&-Q71EI~zlCAx>IM2`%1-tQfZu
z3hlmJkWgVULSufL(|9d$$y4o2)9WqYZoBk0%RwLV_Jl8iMJmSl5M_t6_Yf_1<L8HN
zcIn_j&+B_#HPVryz0SSL4Q}-E{d}ZgT#OK~-zrj;W`?=btr1=x<K;*pI2R#c((Qc0
J5}RXWe*hwn!f5~i

literal 0
HcmV?d00001

diff --git a/__pycache__/app.cpython-312.pyc b/__pycache__/app.cpython-312.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..8aad2ca7b3319bf6eddc358e84016b9d07732fea
GIT binary patch
literal 1091
zcmah{&1(}u6rb7eeA%Flno!ybB8|2UQbmyBt@aj$R12jbX=ambnq<@23D^iFrDD@l
zFG3?KRuELG|A9A;y@a-hvgDxXrMHw^qzCJpP106DeK2o+Z|A+YzxT1}^SKeo)uqkk
z3P$J~H##D>LGuZKHAE1>S@coBNI*I!!Up(rnG#ZHO4Nmnt7V_mMC^DG=`q@9KTXMh
z@s^1~)Rgc++Ynl=#C0M{nRkahd;B4cZG735Ck<B84{#*W&g)zvXnvaKL9HRyW{H4(
zhf55Fg=oob<ca=pIL&fd$k#=6FzExP=L*?4)8C^ePj@gBNt-!6GLuS1Vu>`>jTvTG
ziF71k5+k3A#0v(5SPVd6xG--^)HE6OK%@f4@_{O&@19U~blWpflLjbnQb~^FO{Uw@
z-8-=fTO1#o00L@GXK9mIzZJtr;1u%%02BkdC7E`EIyS!vo*h7lMw!(4no&FG_-03A
zI+4v;f@2?!I?W;i5kp57MvT|w2$BAs;W>JFv?Lf2IfY~Yt3YuoP>w5zp?MTmqtpw3
z+~b|t`+0bHSnLKAHJMTBPaFACF{LLze@d~N{kEDZri&nyvka@YO7*!S%*R$*?X_jz
zdCOK{UNCT5v>3G|5@&H+E>I)Ss0M+~lqheCEpdMu0?18k8WapvJ+-{BxKKU2rS{b|
z->P@T`!x3A+^e2vJ==jx>vQi;*8+n(+7P_e{1@L$zMXzOy&kQd8rjjV?fQe2M>Q=}
zcllR)S9+`0w_N@8uI`GrAtLt$=g(0fE+?~bYu1);JC_J_X@K*QsaXU<e8U`8fABrf
zMsp@9X7yXN4_x^2TlYXUM2vAAo%yPGD&tG}vbd|c%kmd2Ee98am64_1eF5WeQ$&Kl
h!BIm&g6zEAsNP>6t47PgZG2^4P;h`d4LZmn`wKpv;Ya`g

literal 0
HcmV?d00001

diff --git a/app.py b/app.py
new file mode 100644
index 0000000..ede7bda
--- /dev/null
+++ b/app.py
@@ -0,0 +1,17 @@
+from flask import *
+
+app = Flask("Witze")
+notes = []
+
+@app.route("/")
+def root():
+    return render_template("index.html")
+
+@app.route("/note" ,methods=["POST","GET"])
+def note():
+    if request.method == "POST":
+        notes.append(str(request.data)[3:-2])
+        print(f"Notiz hinzugefügt: {request.data}")
+        return ["juhuuuu"]
+    elif request.method == "GET":
+        return notes
\ No newline at end of file
diff --git a/static/Script.js b/static/Script.js
new file mode 100644
index 0000000..e69de29
diff --git a/static/blume.png b/static/blume.png
new file mode 100644
index 0000000000000000000000000000000000000000..25f8275318320d7cd953fa1ef7059a88236cca13
GIT binary patch
literal 5755
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

literal 0
HcmV?d00001

diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..9f896c00464aeb61f1dab67f1713f93b89fe5537
GIT binary patch
literal 7764
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
IyjphXzW|-=zW@LL

literal 0
HcmV?d00001

diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..0eb0f60
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,37 @@
+a {
+    color: rgb(107, 214, 0);
+}
+
+#body {
+    background-color: black;
+    color: chartreuse;
+}
+
+.button {
+    color: black;
+    background-color: chartreuse;
+    border-color: chartreuse;
+    padding: 10px;
+    border-radius: 20px;
+}
+
+.input {
+    color: chartreuse;
+    background-color: rgb(0, 0, 0);
+    border-color: chartreuse;
+    padding: 10px;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 20px;
+}
+
+.note {
+    color: chartreuse;
+    background-color: black;
+    border-color: chartreuse;
+    padding: 10px;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 20px;
+    margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..1b8c478
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <script>
+        let notesdiv;
+
+        function buttonclick() {
+            fetch("/note",{
+                method:"POST",
+                body: JSON.stringify(notizinput.value),
+                headers: {"Content-type":"application/json; charset=UTF-8"}
+            });
+            notizinput.value = "";
+            getnotes()
+        };
+
+        function getnotes() {
+            notesdiv.innerHTML = "";
+            fetch("/note", { method: "GET" })
+                .then(response => response.json())
+                .then(notesarray => {
+                    console.log(notesarray);
+                    for (let note of notesarray) {
+                        console.log(note);
+                        notesdiv.innerHTML += `
+                        <div class="note">
+                            <p>${note}</p>
+                        </div>`;
+                    }
+                });
+        }
+
+        function initstuff() {
+            notesdiv = document.getElementById("notes");
+            getnotes();
+            //setInterval(getnotes,10000)
+        }
+
+        function handleKeyPress(event) {
+            if (event.key === "Enter") {  // Überprüfen, ob die Enter-Taste gedrückt wurde
+                buttonclick();
+            }
+        }
+
+
+        window.onload = initstuff;
+    </script>
+    <link rel="stylesheet" href="/static/style.css">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Api Test</title>
+</head>
+<body id="body">
+    <h1>Notizen</h1>
+    <div onsubmit="" style="padding-bottom: 10px;" id="notizform">
+        <input onkeydown="handleKeyPress(event)" type="text" class="input" id="notizinput">
+        <button onclick="buttonclick()" class="button">hinzufügen</button>
+    </div>
+    <div id="notes"></div>
+</body>
+</html>