From 76de2312094a24e35ef12675911e576f0f74e9d5 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sat, 11 Jan 2025 11:49:23 +0000
Subject: [PATCH 1/7] style: add responsive padding for larger screens

---
 frontend/src/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/frontend/src/index.html b/frontend/src/index.html
index 6c7d072..85ac3f4 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -46,7 +46,7 @@
     </style>
 </head>
 <body class="min-h-screen bg-base-200 p-4">
-    <div class="container mx-auto">
+    <div class="container mx-auto lg:px-[10%]">
         <div class="card bg-base-100 shadow-xl">
             <div class="card-body">
                 <h2 class="card-title">Document to Markdown Converter</h2>

From 19e2860b51df7fd85cf2fe22f334d4cfab3855bd Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sat, 11 Jan 2025 11:59:06 +0000
Subject: [PATCH 2/7] feat: improve layout and content

---
 frontend/src/index.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/index.html b/frontend/src/index.html
index 85ac3f4..ae248df 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document to Markdown Converter</title>
+    <title>Magic Markdown</title>
     <link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.3/dist/full.css" rel="stylesheet" type="text/css" />
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
@@ -49,7 +49,10 @@
     <div class="container mx-auto lg:px-[10%]">
         <div class="card bg-base-100 shadow-xl">
             <div class="card-body">
-                <h2 class="card-title">Document to Markdown Converter</h2>
+                <div class="mb-8">
+                    <h2 class="card-title text-3xl mb-2">Magic Markdown</h2>
+                    <p class="text-base-content/70">Convert scanned or normal PDF, PowerPoint and HTML documents as well as images into structured markdown text, preserving tables and formatting.</p>
+                </div>
                 
                 <!-- Drag and Drop Zone -->
                 <div id="dropZone" data-testid="dropZone"></div>

From 7063955303d7ba0e91a352e59711c665b44b7f45 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sat, 11 Jan 2025 12:17:56 +0000
Subject: [PATCH 3/7] feat: improve header content and styling

---
 frontend/src/index.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/index.html b/frontend/src/index.html
index ae248df..e5befd9 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -51,7 +51,12 @@
             <div class="card-body">
                 <div class="mb-8">
                     <h2 class="card-title text-3xl mb-2">Magic Markdown</h2>
-                    <p class="text-base-content/70">Convert scanned or normal PDF, PowerPoint and HTML documents as well as images into structured markdown text, preserving tables and formatting.</p>
+                    <p class="text-xl mb-4">From any document to perfectly structured markdown in seconds.</p>
+                    <div class="text-base-content/70 space-y-1">
+                        <p>Supports PDFs, scans / images, Docx, Html and PowerPoint documents.</p>
+                        <p>Preserves page layout, reading order and tables.</p>
+                        <p>Backend: <a href="https://github.com/DS4SD/docling" class="link link-primary" target="_blank">docling v2</a></p>
+                    </div>
                 </div>
                 
                 <!-- Drag and Drop Zone -->

From 735427b09eb76998086ebc72ccaa5d3dcb8f9b84 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sat, 11 Jan 2025 12:28:16 +0000
Subject: [PATCH 4/7] style: add custom font and primary color for title

---
 frontend/src/index.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/index.html b/frontend/src/index.html
index e5befd9..cc01389 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -5,7 +5,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Magic Markdown</title>
     <link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.3/dist/full.css" rel="stylesheet" type="text/css" />
+    <link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
     <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    fontFamily: {
+                        magic: ['Righteous', 'cursive'],
+                    },
+                },
+            },
+        }
+    </script>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <style>
         .markdown-content {
@@ -50,7 +62,7 @@
         <div class="card bg-base-100 shadow-xl">
             <div class="card-body">
                 <div class="mb-8">
-                    <h2 class="card-title text-3xl mb-2">Magic Markdown</h2>
+                    <h2 class="card-title text-3xl mb-2 font-magic text-primary">Magic Markdown</h2>
                     <p class="text-xl mb-4">From any document to perfectly structured markdown in seconds.</p>
                     <div class="text-base-content/70 space-y-1">
                         <p>Supports PDFs, scans / images, Docx, Html and PowerPoint documents.</p>

From b6915db0afbe485729c2ac6b18bcc750ff936c67 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sat, 11 Jan 2025 12:35:00 +0000
Subject: [PATCH 5/7] style: improve header layout and description

---
 frontend/src/index.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/index.html b/frontend/src/index.html
index cc01389..4b23c45 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -62,12 +62,13 @@
         <div class="card bg-base-100 shadow-xl">
             <div class="card-body">
                 <div class="mb-8">
-                    <h2 class="card-title text-3xl mb-2 font-magic text-primary">Magic Markdown</h2>
-                    <p class="text-xl mb-4">From any document to perfectly structured markdown in seconds.</p>
+                    <div class="flex items-baseline gap-4 mb-4">
+                        <h2 class="card-title text-3xl font-magic text-primary">Magic Markdown</h2>
+                        <p class="text-xl text-base-content/70">From any document to perfectly structured markdown in seconds.</p>
+                    </div>
                     <div class="text-base-content/70 space-y-1">
                         <p>Supports PDFs, scans / images, Docx, Html and PowerPoint documents.</p>
-                        <p>Preserves page layout, reading order and tables.</p>
-                        <p>Backend: <a href="https://github.com/DS4SD/docling" class="link link-primary" target="_blank">docling v2</a></p>
+                        <p>Preserves page layout, reading order and tables (via <a href="https://github.com/DS4SD/docling" class="link link-primary" target="_blank">docling</a>)</p>
                     </div>
                 </div>
                 

From 1b072737cd457a77bb4e902932ee841b6ce0ccf5 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sat, 11 Jan 2025 12:46:05 +0000
Subject: [PATCH 6/7] feat: add GitHub link to description

---
 frontend/src/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/index.html b/frontend/src/index.html
index 4b23c45..2f3c339 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -69,6 +69,7 @@ <h2 class="card-title text-3xl font-magic text-primary">Magic Markdown</h2>
                     <div class="text-base-content/70 space-y-1">
                         <p>Supports PDFs, scans / images, Docx, Html and PowerPoint documents.</p>
                         <p>Preserves page layout, reading order and tables (via <a href="https://github.com/DS4SD/docling" class="link link-primary" target="_blank">docling</a>)</p>
+                        <p><a href="https://github.com/herrschmidt/magic-markdown" class="link link-primary" target="_blank">Github</a></p>
                     </div>
                 </div>
                 

From 1595762daf8f41eef4910aff715bb9a12b054644 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Sat, 11 Jan 2025 12:52:18 +0000
Subject: [PATCH 7/7] feat: add footer with GitHub and backend links

---
 frontend/src/index.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/index.html b/frontend/src/index.html
index 2f3c339..3fbcf10 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -68,14 +68,26 @@ <h2 class="card-title text-3xl font-magic text-primary">Magic Markdown</h2>
                     </div>
                     <div class="text-base-content/70 space-y-1">
                         <p>Supports PDFs, scans / images, Docx, Html and PowerPoint documents.</p>
-                        <p>Preserves page layout, reading order and tables (via <a href="https://github.com/DS4SD/docling" class="link link-primary" target="_blank">docling</a>)</p>
-                        <p><a href="https://github.com/herrschmidt/magic-markdown" class="link link-primary" target="_blank">Github</a></p>
+                        <p>Preserves page layout, reading order and tables.</p>
                     </div>
                 </div>
                 
                 <!-- Drag and Drop Zone -->
                 <div id="dropZone" data-testid="dropZone"></div>
 
+                <!-- Footer -->
+                <div class="flex justify-between items-center mt-8 text-base-content/60 text-sm">
+                    <div class="flex items-center gap-1">
+                        Backend: <a href="https://github.com/DS4SD/docling" class="link link-primary" target="_blank">docling</a>
+                    </div>
+                    <a href="https://github.com/herrschmidt/magic-markdown" class="flex items-center gap-2 hover:text-primary transition-colors" target="_blank">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
+                            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+                        </svg>
+                        <span>GitHub</span>
+                    </a>
+                </div>
+
                 <!-- File Input (Hidden) -->
                 <input type="file" id="fileInput" data-testid="fileInput" class="hidden" accept="image/*,.pdf,.doc,.docx,.txt" multiple>
 
