reworked json structure

app.py

@@ -122,19 +122,23 @@ def handle_json_output(json_list : list) :
         random_string1 = generate_random_string()
         random_string2 = generate_random_string()
         element = json_list[i]
+        element["frontHTML"] = (f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
+                            f'<p>{element["frontText"]}</p></div>')
+        element["backtHTML"] = (f'<div id="element-richtextarea-{random_string2}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
+                                f'<p>{element["backText"]}</p></div>')
         # middle item
         if i != n-1 : 
             element["termType"] = "basic"
-            element["frontHTML"] = (f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
-            f'<p>{element["frontText"]}</p></div>')
-            element["backtHTML"] = (f'<div id="element-richtextarea-{random_string2}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
-            f'<p>{element["backText"]}</p></div>')
-        # last item on the list
+        #     element["frontHTML"] = (f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
+        #     f'<p>{element["frontText"]}</p></div>')
+        #     element["backtHTML"] = (f'<div id="element-richtextarea-{random_string2}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
+        #     f'<p>{element["backText"]}</p></div>')
+        # # last item on the list
         else:
             element["termType"] = "cloze"
-            element["frontHTML"] = (f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
-            f'<p>{element["frontText"]}</p> <p><span class="closure" data-index="1" data-hint="">{element["backText"]}</p></div>')
-            element["backText"] ,  element["backHTML"] = "" , ""
+        #     element["frontHTML"] = (f'<div id="element-richtextarea-{random_string1}" style="position:absolute;left:100px;top:50px;width:800px;height:300px;text-align:center;display:flex;align-items:center;font-size:40px;\">'
+        #     f'<p>{element["frontText"]}</p> <p><span class="closure" data-index="1" data-hint="">{element["backText"]}</p></div>')
+        #     element["backText"] ,  element["backHTML"] = "" , ""
     return json_list