Update app.py

app.py

@@ -143,32 +143,33 @@ def upload_file(filepath):
     clean_html_output = html_content.replace("```html", '').replace("```", '').strip()
 
     # Debugging print to check the HTML content
-    # print("HTML content:", clean_html_output)
-
-    # Prepare an iframe to embed the HTML content
-    iframe_html = f"<iframe srcdoc='{clean_html_output}' style='width:100%; height:600px; border:none;overflow-y:scroll;'></iframe>"
-
-    # Debugging print to check the iframe HTML
-    # print("Iframe HTML:", iframe_html)
+    print("HTML content:", clean_html_output)
 
     # Save the cleaned HTML content to a file (if you still want this feature)
     file_path = save_html_to_file(clean_html_output)
 
+    # Return a full HTML string with embedded iframe for preview
+    iframe_html = f"""
+    <iframe srcdoc="{clean_html_output}" style="width:100%; height:1000px; border:none; overflow:auto;"></iframe>
+    """
     return iframe_html, gr.UploadButton(visible=False), gr.DownloadButton(label=f"Download Code", value=file_path, visible=True)
 
 def download_file():
     return [gr.UploadButton(label=f"Regenerate", visible=True), gr.DownloadButton(visible=False)]
 
 
+# Gradio App
 with gr.Blocks() as demo:
     gr.Markdown("<center><h1> CV-2-Portfolio Site Generator</center></h1>")
-    gr.Markdown("<center><h2>Upload your CV in PDF or DOCX format for analysis and portfolio webpage generation.</center></h1>")
+    gr.Markdown("<center><h2>Upload your CV in PDF or DOCX format for analysis and portfolio webpage generation.</center></h2>")
 
     u = gr.UploadButton("Upload CV (.pdf or .docx)", file_count="single")
     d = gr.DownloadButton("Download Portfolio", visible=False)
 
-    # HTML output preview section (which will be updated with iframe content after file processing)
-    output_preview = gr.HTML(value="<div style='width:100%; height:600px; border:1px solid #ccc; text-align:center;overflow-y:scroll;'>Upload a file to preview the generated portfolio</div>")
+    # Use gr.HTML with larger iframe size to display the full preview
+    output_preview = gr.HTML(
+        value="<div style='width:100%; height:1000px; border:1px solid #ccc; text-align:center;'>Upload a file to preview the generated portfolio</div>"
+    )
 
     # Connect the upload button to the upload_file function and update the output preview
     u.upload(upload_file, u, [output_preview, u, d])
@@ -176,4 +177,4 @@ with gr.Blocks() as demo:
     # Handle download button click
     d.click(download_file, None, [u, d])
 
-demo.launch()
+demo.launch(debug=True)