i am merging

.vscode/launch.json

@@ -0,0 +1,18 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        
+        {
+            "name": "Python: Current File",
+            "type": "python",
+            "request": "launch",
+            "program": "${file}",
+            "console": "integratedTerminal",
+            "justMyCode": true,
+            "cwd": "${workspaceFolder}/${relativeFileDirname}"
+        }
+    ]
+}

booklet/bookletc.py

@@ -0,0 +1,36 @@
+from glob import glob
+import os
+files = glob("content/**", recursive=True)
+print(files)
+print("----------")
+
+for file in files:
+    #print(file)
+    if file.endswith(".md"):
+        print(file)
+
+        html_file = file.replace(".md" , ".html")
+        pandoc_cmd = "pandoc -f markdown -t html" + file + "-o "
+
+        os.system(pandoc_cmd)
+        print("html file saved!")
+
+
+html_files = glob("content/**", recursive=True)
+print("----------")
+
+all_html = ""
+
+for html_file in html_files:
+    if file.endswith(".html"):
+        print(html_file)
+#open the html file and read teh content
+        html = open(html_file).read()
+
+# add this content to all_html
+        all_html += html
+
+        print("------------")
+        print(all_html)
+
+       output = open()     

carddeck1/cards.html

@@ -18,7 +18,7 @@
     
     <div class="card">
         <h2>panopticon</h2>
-        <p class = 'image'><img src='./images/2.png'></p>
+        <p class = 'image'><img src='./images/2.jpg'></p>
         <p class = 'text'>The panopticon is a design of institutional building with an inbuilt system of control!</p>
     </div>
     
@@ -27,6 +27,12 @@
         <p class = 'textnoimage'>2. Ilkyaz agini degerlendirmek ve beslemek Genç yazarlarla iletişim kurmak ve İlkyazi tanitmak, <br> davet etmek.Edebiyat ve sanat çevrelerini ortaklaştirmak adina fikir verme ve oluşturma.</p>
     </div>
     
+    <div class="card">
+        <h2>gezi</h2>
+        <p class = 'image'><img src='./images/3.jpg'></p>
+        <p class = 'text'>these are the protests in 2013</p>
+    </div>
+    
     </section>
 </body> 
 </html>

carddeck1/cards.json

@@ -7,11 +7,17 @@
 	{
 		"name" : "panopticon",
 		"text" : "The panopticon is a design of institutional building with an inbuilt system of control!",
-		"image": "2.png"
+		"image": "2.jpg"
 	},
 	{
 		"name" : "",
 		"text" : "2. Ilkyaz agini degerlendirmek ve beslemek Genç yazarlarla iletişim kurmak ve İlkyazi tanitmak, <br> davet etmek.Edebiyat ve sanat çevrelerini ortaklaştirmak adina fikir verme ve oluşturma.",
 		"image": ""
+	},
+	{
+		"name" : "gezi",
+		"text" : "these are the protests in 2013",
+		"image": "3.jpg"
 	}]
+
 }