Spaces:

lyfuci
/

undefined

Running

App Files Files Community

lyfuci commited on Oct 5, 2025

Commit

e680b6f

verified ·

1 Parent(s): b997680

名字改成 SplishFace

Browse files

Files changed (2) hide show

README.md +9 -5
index.html +274 -18

README.md CHANGED Viewed

@@ -1,10 +1,14 @@
 ---
-title: Undefined
-emoji: 🚀
-colorFrom: pink
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: undefined
+colorFrom: yellow
+colorTo: yellow
+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,275 @@
-<!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">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HuggyFace Clone Hub - AI Community Platform</title>
+    <link rel="icon" type="image/x-icon" href="https://huggingface.co/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+      tailwind.config = {
+        theme: {
+          extend: {
+            colors: {
+              primary: {
+                50: '#f0f9ff',
+                100: '#e0f2fe',
+                500: '#3b82f6',
+                600: '#2563eb',
+                700: '#1d4ed8',
+              },
+              secondary: {
+                50: '#f8fafc',
+                100: '#f1f5f9',
+                500: '#64748b',
+                600: '#475569',
+                700: '#334155',
+              }
+            }
+          }
+        }
+      }
+    </script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></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;
+      }
+      .gradient-text {
+        background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
+        -webkit-background-clip: text;
+        background-clip: text;
+        color: transparent;
+      }
+      .hero-gradient {
+        background: linear-gradient(135deg, rgba(59,130,246,0.1) 0%, rgba(139,92,246,0.1) 100%);
+      }
+    </style>
+</head>
+<body class="bg-white text-gray-900">
+  <!-- Navigation -->
+  <nav class="bg-white border-b border-gray-200 px-4 py-3 sticky top-0 z-50">
+    <div class="max-w-7xl mx-auto flex items-center justify-between">
+      <div class="flex items-center space-x-8">
+        <a href="#" class="flex items-center">
+          <span class="text-2xl font-bold gradient-text">HuggyFace</span>
+        </a>
+        <div class="hidden md:flex space-x-6">
+          <a href="#" class="text-gray-700 hover:text-primary-600 font-medium">Models</a>
+          <a href="#" class="text-gray-700 hover:text-primary-600 font-medium">Datasets</a>
+          <a href="#" class="text-gray-700 hover:text-primary-600 font-medium">Spaces</a>
+          <a href="#" class="text-gray-700 hover:text-primary-600 font-medium">Docs</a>
+          <a href="#" class="text-gray-700 hover:text-primary-600 font-medium">Solutions</a>
+          <a href="#" class="text-gray-700 hover:text-primary-600 font-medium">Pricing</a>
+        </div>
+      </div>
+      <div class="flex items-center space-x-4">
+        <div class="relative hidden md:block">
+          <input type="text" placeholder="Search models, datasets, users..." class="pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent w-64">
+          <i data-feather="search" class="absolute left-3 top-2.5 text-gray-400"></i>
+        </div>
+        <button class="hidden md:block text-gray-700 hover:text-primary-600">
+          <i data-feather="bell"></i>
+        </button>
+        <button class="bg-primary-600 text-white px-4 py-2 rounded-lg hover:bg-primary-700 font-medium">
+          Sign In
+        </button>
+        <button class="md:hidden">
+          <i data-feather="menu"></i>
+        </button>
+      </div>
+    </div>
+  </nav>
+  <!-- Hero Section -->
+  <section class="hero-gradient py-16">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="text-center py-12">
+        <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">
+          The AI community <span class="gradient-text">building the future</span>
+        </h1>
+        <p class="text-xl text-gray-600 max-w-3xl mx-auto">
+          Build, train and deploy state of the art models powered by the reference open source in machine learning.
+        </p>
+        <div class="mt-8 flex justify-center space-x-4">
+          <button class="bg-primary-600 text-white px-6 py-3 rounded-lg hover:bg-primary-700 font-medium">
+            Get Started
+          </button>
+          <button class="border border-gray-300 text-gray-700 px-6 py-3 rounded-lg hover:bg-gray-50 font-medium">
+            Documentation
+          </button>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- Features Section -->
+  <section class="py-16 bg-white">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="grid md:grid-cols-3 gap-8">
+        <div class="bg-gray-50 p-6 rounded-xl hover:shadow-md transition-shadow">
+          <div class="bg-primary-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
+            <i data-feather="cpu" class="text-primary-600 w-6 h-6"></i>
+          </div>
+          <h3 class="text-xl font-bold text-gray-900 mb-2">Models</h3>
+          <p class="text-gray-600">
+            Explore thousands of machine learning models for all tasks and modalities.
+          </p>
+        </div>
+        <div class="bg-gray-50 p-6 rounded-xl hover:shadow-md transition-shadow">
+          <div class="bg-primary-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
+            <i data-feather="database" class="text-primary-600 w-6 h-6"></i>
+          </div>
+          <h3 class="text-xl font-bold text-gray-900 mb-2">Datasets</h3>
+          <p class="text-gray-600">
+            Download and share datasets for any machine learning task.
+          </p>
+        </div>
+        <div class="bg-gray-50 p-6 rounded-xl hover:shadow-md transition-shadow">
+          <div class="bg-primary-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
+            <i data-feather="code" class="text-primary-600 w-6 h-6"></i>
+          </div>
+          <h3 class="text-xl font-bold text-gray-900 mb-2">Spaces</h3>
+          <p class="text-gray-600">
+            Deploy ML apps in seconds with just a few lines of code.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- Trending Models Section -->
+  <section class="py-16 bg-gray-50">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <h2 class="text-3xl font-bold text-gray-900 mb-8">Trending Models</h2>
+      <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
+        <div class="bg-white p-5 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+          <div class="flex items-center mb-4">
+            <img src="https://static.photos/technology/200x200/1" class="w-10 h-10 rounded-full mr-3">
+            <div>
+              <h3 class="font-medium">Stable Diffusion</h3>
+              <p class="text-sm text-gray-500">CompVis</p>
+            </div>
+          </div>
+          <p class="text-gray-600 mb-4">A latent text-to-image diffusion model capable of generating photo-realistic images given any text input.</p>
+          <div class="flex justify-between items-center text-sm">
+            <span class="text-gray-500">Updated 3 days ago</span>
+            <span class="text-primary-600 font-medium">15.2k</span>
+          </div>
+        </div>
+        <div class="bg-white p-5 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+          <div class="flex items-center mb-4">
+            <img src="https://static.photos/technology/200x200/2" class="w-10 h-10 rounded-full mr-3">
+            <div>
+              <h3 class="font-medium">GPT-3</h3>
+              <p class="text-sm text-gray-500">OpenAI</p>
+            </div>
+          </div>
+          <p class="text-gray-600 mb-4">A set of models that can understand and generate natural language.</p>
+          <div class="flex justify-between items-center text-sm">
+            <span class="text-gray-500">Updated 1 week ago</span>
+            <span class="text-primary-600 font-medium">9.8k</span>
+          </div>
+        </div>
+        <div class="bg-white p-5 rounded-xl shadow-sm hover:shadow-md transition-shadow">
+          <div class="flex items-center mb-4">
+            <img src="https://static.photos/technology/200x200/3" class="w-10 h-10 rounded-full mr-3">
+            <div>
+              <h3 class="font-medium">BERT</h3>
+              <p class="text-sm text-gray-500">Google</p>
+            </div>
+          </div>
+          <p class="text-gray-600 mb-4">A transformers model pre-trained on a large corpus of English data in a self-supervised fashion.</p>
+          <div class="flex justify-between items-center text-sm">
+            <span class="text-gray-500">Updated 2 weeks ago</span>
+            <span class="text-primary-600 font-medium">24.7k</span>
+          </div>
+        </div>
+      </div>
+      <div class="mt-8 text-center">
+        <button class="text-primary-600 font-medium hover:text-primary-700 flex items-center justify-center mx-auto">
+          Explore all models <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
+        </button>
+      </div>
+    </div>
+  </section>
+  <!-- CTA Section -->
+  <section class="py-16 bg-primary-600 text-white">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
+      <h2 class="text-3xl font-bold mb-4">Ready to dive in?</h2>
+      <p class="text-xl mb-8 max-w-3xl mx-auto">
+        Join thousands of machine learning practitioners sharing models, datasets and applications.
+      </p>
+      <button class="bg-white text-primary-600 px-8 py-3 rounded-lg hover:bg-gray-100 font-medium text-lg">
+        Sign Up For Free
+      </button>
+    </div>
+  </section>
+  <!-- Footer -->
+  <footer class="bg-gray-900 text-white py-12">
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
+        <div>
+          <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Products</h3>
+          <ul class="space-y-2">
+            <li><a href="#" class="text-gray-400 hover:text-white">Models</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Datasets</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Spaces</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Pricing</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Resources</h3>
+          <ul class="space-y-2">
+            <li><a href="#" class="text-gray-400 hover:text-white">Documentation</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Tutorials</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Support</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Company</h3>
+          <ul class="space-y-2">
+            <li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Careers</a></li>
+            <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
+          </ul>
+        </div>
+        <div>
+          <h3 class="text-sm font-semibold uppercase tracking-wider mb-4">Connect</h3>
+          <div class="flex space-x-4">
+            <a href="#" class="text-gray-400 hover:text-white">
+              <i data-feather="twitter"></i>
+            </a>
+            <a href="#" class="text-gray-400 hover:text-white">
+              <i data-feather="github"></i>
+            </a>
+            <a href="#" class="text-gray-400 hover:text-white">
+              <i data-feather="linkedin"></i>
+            </a>
+            <a href="#" class="text-gray-400 hover:text-white">
+              <i data-feather="youtube"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="mt-12 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
+        <div class="flex items-center">
+          <span class="text-2xl font-bold gradient-text">HuggyFace</span>
+        </div>
+        <div class="mt-4 md:mt-0 text-gray-400 text-sm">
+          &copy; 2023 HuggyFace Clone Hub. All rights reserved.
+        </div>
+      </div>
+    </div>
+  </footer>
+  <script>
+    feather.replace();
+  </script>
+</body>
 </html>