Spaces:

fhsp93
/

pdf-alchemy-forge

Running

App Files Files Community

fhsp93 commited on Sep 26

Commit

e25e9f5

verified ·

1 Parent(s): 33d14e5

craft a PDF to markdown enterprise frontier best app

Browse files

Files changed (2) hide show

README.md +8 -5
index.html +290 -18

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: Pdf Alchemy Forge
-emoji: 🚀
-colorFrom: blue
-colorTo: yellow
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: PDF Alchemy Forge 🧪
+colorFrom: yellow
+colorTo: gray
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

index.html CHANGED Viewed

@@ -1,19 +1,291 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en" class="dark">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PDF Alchemy Forge - Enterprise PDF to Markdown</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
+    <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    colors: {
+                        'undefined': {
+                            50: '#f0f9ff',
+                            100: '#e0f2fe',
+                            200: '#bae6fd',
+                            300: '#7dd3fc',
+                            400: '#38bdf8',
+                            500: '#0ea5e9',
+                            600: '#0284c7',
+                            700: '#0369a1',
+                            800: '#075985',
+                            900: '#0c4a6e',
+                        }
+                    }
+                }
+            }
+        }
+    </script>
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+        body { font-family: 'Inter', sans-serif; }
+        .glass-effect {
+            background: rgba(15, 23, 42, 0.7);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .gradient-text {
+            background: linear-gradient(135deg, #0ea5e9 0%, #7dd3fc 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+        .sidebar-item {
+            transition: all 0.3s ease;
+        }
+        .sidebar-item:hover {
+            background: rgba(14, 165, 233, 0.1);
+            border-left: 3px solid #0ea5e9;
+        }
+        .progress-bar {
+            animation: progress 2s ease-in-out infinite;
+        }
+        @keyframes progress {
+            0% { transform: translateX(-100%); }
+            100% { transform: translateX(100%); }
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-gray-100 min-h-screen">
+    <div id="vanta-background" class="fixed inset-0 z-0"></div>
+    <!-- Navigation -->
+    <nav class="glass-effect fixed top-0 w-full z-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16">
+                <div class="flex items-center">
+                    <div class="flex-shrink-0 flex items-center">
+                        <i data-feather="file-text" class="h-8 w-8 text-undefined-400"></i>
+                        <span class="ml-2 text-xl font-bold gradient-text">PDF Alchemy Forge</span>
+                    </div>
+                </div>
+                <div class="flex items-center space-x-4">
+                    <button class="bg-undefined-600 hover:bg-undefined-700 px-4 py-2 rounded-lg transition-colors">
+                        <i data-feather="upload" class="w-4 h-4 mr-2 inline"></i>
+                        Upload PDF
+                    </button>
+                    <div class="relative">
+                        <img class="h-8 w-8 rounded-full" src="http://static.photos/people/200x200/1" alt="Profile">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>
+    <!-- Main Content -->
+    <div class="relative z-10 pt-16 flex">
+        <!-- Sidebar -->
+        <div class="w-64 glass-effect min-h-screen p-6">
+            <nav class="space-y-2">
+                <a href="#" class="sidebar-item flex items-center px-3 py-2 rounded-lg bg-undefined-800 text-white">
+                    <i data-feather="home" class="w-5 h-5 mr-3"></i>
+                    Dashboard
+                </a>
+                <a href="#" class="sidebar-item flex items-center px-3 py-2 rounded-lg text-gray-300 hover:text-white">
+                    <i data-feather="upload" class="w-5 h-5 mr-3"></i>
+                    Batch Processing
+                </a>
+                <a href="#" class="sidebar-item flex items-center px-3 py-2 rounded-lg text-gray-300 hover:text-white">
+                    <i data-feather="users" class="w-5 h-5 mr-3"></i>
+                    Team Collaboration
+                </a>
+                <a href="#" class="sidebar-item flex items-center px-3 py-2 rounded-lg text-gray-300 hover:text-white">
+                    <i data-feather="cloud" class="w-5 h-5 mr-3"></i>
+                    Cloud Integration
+                </a>
+                <a href="#" class="sidebar-item flex items-center px-3 py-2 rounded-lg text-gray-300 hover:text-white">
+                    <i data-feather="settings" class="w-5 h-5 mr-3"></i>
+                    Templates & Settings
+                </a>
+                <a href="#" class="sidebar-item flex items-center px-3 py-2 rounded-lg text-gray-300 hover:text-white">
+                    <i data-feather="history" class="w-5 h-5 mr-3"></i>
+                    Conversion History
+                </a>
+            </nav>
+        </div>
+        <!-- Content Area -->
+        <div class="flex-1 p-8">
+            <!-- Stats Grid -->
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+                <div class="glass-effect rounded-xl p-6">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-lg bg-undefined-500 bg-opacity-20">
+                            <i data-feather="file-text" class="w-6 h-6 text-undefined-400"></i>
+                        </div>
+                        <div class="ml-4">
+                            <p class="text-sm font-medium text-gray-400">Processed Today</p>
+                            <p class="text-2xl font-bold">1,247</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="glass-effect rounded-xl p-6">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-lg bg-undefined-500 bg-opacity-20">
+                            <i data-feather="users" class="w-6 h-6 text-undefined-400"></i>
+                        </div>
+                        <div class="ml-4">
+                            <p class="text-sm font-medium text-gray-400">Active Collaborators</p>
+                            <p class="text-2xl font-bold">42</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="glass-effect rounded-xl p-6">
+                    <div class="flex items-center">
+                        <div class="p-3 rounded-lg bg-undefined-500 bg-opacity-20">
+                            <i data-feather="cloud" class="w-6 h-6 text-undefined-400"></i>
+                        </div>
+                        <div class="ml-4">
+                            <p class="text-sm font-medium text-gray-400">Cloud Storage Used</p>
+                            <p class="text-2xl font-bold">2.3 GB</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Processing Queue -->
+            <div class="glass-effect rounded-xl p-6 mb-8">
+                <div class="flex justify-between items-center mb-6">
+                    <h2 class="text-xl font-semibold">Processing Queue</h2>
+                    <button class="bg-undefined-600 hover:bg-undefined-700 px-4 py-2 rounded-lg transition-colors">
+                        <i data-feather="plus" class="w-4 h-4 mr-2 inline"></i>
+                        Add Files
+                    </button>
+                </div>
+                <div class="space-y-4">
+                    <div class="flex items-center justify-between p-4 rounded-lg bg-gray-800">
+                        <div class="flex items-center">
+                            <i data-feather="file" class="w-8 h-8 text-undefined-400 mr-4"></i>
+                            <div>
+                                <p class="font-medium">Q4_Report_2023.pdf</p>
+                                <p class="text-sm text-gray-400">Processing OCR...</p>
+                            </div>
+                        </div>
+                        <div class="w-48">
+                            <div class="h-2 bg-gray-700 rounded-full overflow-hidden">
+                                <div class="h-full bg-undefined-500 progress-bar"></div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex items-center justify-between p-4 rounded-lg bg-gray-800">
+                        <div class="flex items-center">
+                            <i data-feather="file" class="w-8 h-8 text-undefined-400 mr-4"></i>
+                            <div>
+                                <p class="font-medium">Technical_Specs.pdf</p>
+                                <p class="text-sm text-gray-400">Extracting tables...</p>
+                            </div>
+                        </div>
+                        <div class="w-48">
+                            <div class="h-2 bg-gray-700 rounded-full overflow-hidden">
+                                <div class="h-full bg-undefined-500" style="width: 60%"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Recent Conversions -->
+            <div class="glass-effect rounded-xl p-6">
+                <h2 class="text-xl font-semibold mb-6">Recent Conversions</h2>
+                <div class="overflow-x-auto">
+                    <table class="w-full">
+                        <thead>
+                            <tr class="border-b border-gray-700">
+                                <th class="text-left py-3 px-4">File Name</th>
+                                <th class="text-left py-3 px-4">Status</th>
+                                <th class="text-left py-3 px-4">Last Modified</th>
+                                <th class="text-left py-3 px-4">Collaborators</th>
+                                <th class="text-left py-3 px-4">Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr class="border-b border-gray-800 hover:bg-gray-800">
+                                <td class="py-3 px-4">
+                                    <div class="flex items-center">
+                                        <i data-feather="file-text" class="w-5 h-5 text-undefined-400 mr-3"></i>
+                                        Marketing_Plan.md
+                                    </div>
+                                </td>
+                                <td class="py-3 px-4">
+                                    <span class="px-2 py-1 bg-green-500 bg-opacity-20 text-green-400 rounded-full text-sm">Completed</span>
+                                </td>
+                                <td class="py-3 px-4 text-gray-400">2 hours ago</td>
+                                <td class="py-3 px-4">
+                                    <div class="flex -space-x-2">
+                                        <img class="w-6 h-6 rounded-full border-2 border-gray-800" src="http://static.photos/people/200x200/2" alt="User 1">
+                                        <img class="w-6 h-6 rounded-full border-2 border-gray-800" src="http://static.photos/people/200x200/3" alt="User 2">
+                                    </div>
+                                </td>
+                                <td class="py-3 px-4">
+                                    <div class="flex space-x-2">
+                                        <button class="p-1 hover:bg-gray-700 rounded"><i data-feather="edit" class="w-4 h-4"></i></button>
+                                        <button class="p-1 hover:bg-gray-700 rounded"><i data-feather="download" class="w-4 h-4"></i></button>
+                                    </div>
+                                </td>
+                            </tr>
+                            <tr class="border-b border-gray-800 hover:bg-gray-800">
+                                <td class="py-3 px-4">
+                                    <div class="flex items-center">
+                                        <i data-feather="file-text" class="w-5 h-5 text-undefined-400 mr-3"></i>
+                                        API_Documentation.md
+                                    </div>
+                                </td>
+                                <td class="py-3 px-4">
+                                    <span class="px-2 py-1 bg-yellow-500 bg-opacity-20 text-yellow-400 rounded-full text-sm">In Review</span>
+                                </td>
+                                <td class="py-3 px-4 text-gray-400">1 day ago</td>
+                                <td class="py-3 px-4">
+                                    <div class="flex -space-x-2">
+                                        <img class="w-6 h-6 rounded-full border-2 border-gray-800" src="http://static.photos/people/200x200/4" alt="User 3">
+                                    </div>
+                                </td>
+                                <td class="py-3 px-4">
+                                    <div class="flex space-x-2">
+                                        <button class="p-1 hover:bg-gray-700 rounded"><i data-feather="edit" class="w-4 h-4"></i></button>
+                                        <button class="p-1 hover:bg-gray-700 rounded"><i data-feather="download" class="w-4 h-4"></i></button>
+                                    </div>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        feather.replace();
+        VANTA.NET({
+            el: "#vanta-background",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0x0ea5e9,
+            backgroundColor: 0x0f172a,
+            points: 12.00,
+            maxDistance: 22.00,
+            spacing: 18.00
+        });
+    </script>
+</body>
 </html>