Spaces:

victor
/

spaces-collection

Running

App Files Files Community

victor HF Staff commited on Nov 8, 2022

Commit

2460a41

1 Parent(s): 8a4d781

Update index.html

Browse files

Files changed (1) hide show

index.html +19 -13

index.html CHANGED Viewed

@@ -5,20 +5,26 @@
 		<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>

 		<meta name="viewport" content="width=device-width" />
 		<title>My static Space</title>
 		<link rel="stylesheet" href="style.css" />
+		  <script src="https://cdn.tailwindcss.com"></script>
 	</head>
 	<body>
+<div class="p-12">
+  <h2 class="mb-4 inline-flex items-center rounded-full bg-gradient-to-br from-indigo-100 to-white px-3 font-mono text-base text-indigo-700 dark:from-indigo-800 dark:to-black dark:text-indigo-200 md:text-lg">Collection 1</h2>
+  <p class="mb-6">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti doloremque quod facilis a consectetur, dolores quo in soluta minus eum libero quae.</p>
+  <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
+    <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
+    <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
+    <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
+  </div>
+  <div class="h-12"></div>
+  <h2 class="mb-4 inline-flex items-center rounded-full bg-gradient-to-br from-green-100 to-white px-3 font-mono text-base text-green-700 dark:from-indigo-800 dark:to-black dark:text-indigo-200 md:text-lg">Collection 2</h2>
+  <p class="mb-6">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti doloremque quod facilis a consectetur, dolores quo in soluta minus eum libero quae.</p>
+  <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
+    <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
+    <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
+    <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
+  </div>
+</div>
 	</body>
 </html>