Apppublic
XxTruth69/spreadsheet-sorcery-wizard

sourceHugging Faceupdated 1y agoView on Hugging Face
0likes
index.html75 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Spreadsheet Sorcery Wizard 🧙‍♂️</title>7<script src="https://cdn.tailwindcss.com"></script>8    <script src="https://unpkg.com/feather-icons"></script>9    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10    <script src="https://cdn.jsdelivr.net/npm/h11</head>12<body class="bg-gray-100 min-h-screen">13    <div class="container mx-auto px-4 py-12">14        <header class="text-center mb-12">15            <h1 class="text-4xl font-bold text-indigo-700 mb-2">Spreadsheet Sorcery Wizard 🧙‍♂️</h1>16            <p class="text-xl text-gray-600">Transform your dull data into magical insights</p>17        </header>18 19        <div class="bg-white rounded-xl shadow-lg p-8 max-w-4xl mx-auto">20            <div class="flex items-center justify-between mb-6">21                <h2 class="text-2xl font-semibold text-gray-800">Excel Enhancement Tools</h2>22                <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg flex items-center gap-2">23                    <i data-feather="upload"></i>24                    Import Excel25                </button>26            </div>27 28            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">29                <div class="bg-indigo-50 rounded-lg p-6 hover:shadow-md transition-all">30                    <div class="text-indigo-600 mb-4">31                        <i data-feather="bar-chart-2" class="w-8 h-8"></i>32                    </div>33                    <h3 class="font-bold text-lg mb-2">Data Visualization</h3>34                    <p class="text-gray-600">Transform raw numbers into beautiful charts and graphs</p>35                </div>36 37                <div class="bg-green-50 rounded-lg p-6 hover:shadow-md transition-all">38                    <div class="text-green-600 mb-4">39                        <i data-feather="zap" class="w-8 h-8"></i>40                    </div>41                    <h3 class="font-bold text-lg mb-2">Formula Wizard</h3>42                    <p class="text-gray-600">Generate complex formulas with simple explanations</p>43                </div>44 45                <div class="bg-purple-50 rounded-lg p-6 hover:shadow-md transition-all">46                    <div class="text-purple-600 mb-4">47                        <i data-feather="filter" class="w-8 h-8"></i>48                    </div>49                    <h3 class="font-bold text-lg mb-2">Data Cleaning</h3>50                    <p class="text-gray-600">Remove duplicates, fix formatting, and standardize data</p>51                </div>52            </div>53 54            <div class="mt-12">55                <h3 class="text-xl font-semibold mb-4">Recent Enhancements</h3>56                <div class="space-y-4">57                    <div class="flex items-center gap-4 p-4 border rounded-lg hover:bg-gray-50">58                        <i data-feather="file-text" class="text-gray-400"></i>59                        <div class="flex-1">60                            <h4 class="font-medium">Sales Report Q3.xlsx</h4>61                            <p class="text-sm text-gray-500">Added pivot tables and conditional formatting</p>62                        </div>63                        <span class="text-sm text-indigo-600">2 hours ago</span>64                    </div>65                </div>66            </div>67        </div>68    </div>69 70    <script>71        feather.replace();72    </script>73</body>74</html>75