Spaces:

dbeck22
/

error-coin-explorer

Running

App Files Files Community

dbeck22 commited on Nov 1, 2025

Commit

c95fe7b

verified ·

1 Parent(s): cdce87d

The learn about error coins button should link back to valuablecoinlist.com and there should be another button linking back to richofferrorcoins.com to learn about making money from error coins

Browse files

Files changed (4) hide show

README.md +8 -5
index.html +72 -19
script.js +14 -0
style.css +16 -21

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: Error Coin Explorer
-emoji: 🏢
-colorFrom: yellow
-colorTo: gray
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: Error Coin Explorer 💰
+colorFrom: blue
+colorTo: blue
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://huggingface.co/deepsite).

index.html CHANGED Viewed

@@ -1,19 +1,72 @@
-<!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>Error Coin Explorer</title>
+    <link rel="stylesheet" href="style.css">
+    <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>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#3b82f6',
+                        secondary: '#10b981'
+                    }
+                }
+            }
+        }
+    </script>
+</head>
+<body class="bg-gray-50 min-h-screen">
+    <div class="container mx-auto px-4 py-12">
+        <header class="text-center mb-16">
+            <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">
+                <i data-feather="dollar-sign" class="inline mr-2"></i>
+                Error Coin Explorer
+            </h1>
+            <p class="text-lg text-gray-600 max-w-2xl mx-auto">
+                Discover the fascinating world of error coins and learn how they can be valuable collectibles.
+            </p>
+        </header>
+        <main class="flex flex-col items-center">
+            <div class="bg-white rounded-xl shadow-lg p-8 w-full max-w-md mb-8 text-center">
+                <i data-feather="search" class="w-12 h-12 text-primary mx-auto mb-4"></i>
+                <h2 class="text-2xl font-semibold text-gray-800 mb-4">Learn About Error Coins</h2>
+                <p class="text-gray-600 mb-6">
+                    Discover the most valuable error coins and what makes them special.
+                </p>
+                <a href="https://valuablecoinlist.com"
+                   class="inline-block bg-primary hover:bg-primary-600 text-white font-medium py-3 px-6 rounded-lg transition duration-300">
+                    Explore Valuable Coins
+                </a>
+            </div>
+            <div class="bg-white rounded-xl shadow-lg p-8 w-full max-w-md text-center">
+                <i data-feather="trending-up" class="w-12 h-12 text-secondary mx-auto mb-4"></i>
+                <h2 class="text-2xl font-semibold text-gray-800 mb-4">Profit from Error Coins</h2>
+                <p class="text-gray-600 mb-6">
+                    Learn how to identify and sell error coins for profit.
+                </p>
+                <a href="https://richofferrorcoins.com"
+                   class="inline-block bg-secondary hover:bg-secondary-600 text-white font-medium py-3 px-6 rounded-lg transition duration-300">
+                    Learn to Earn
+                </a>
+            </div>
+        </main>
+        <footer class="mt-20 text-center text-gray-500 text-sm">
+            <p>© 2023 Error Coin Explorer. All rights reserved.</p>
+        </footer>
+    </div>
+    <script>
+        feather.replace();
+    </script>
+<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
+</body>
+</html>

script.js ADDED Viewed

	@@ -0,0 +1,14 @@

+// Document ready function
+document.addEventListener('DOMContentLoaded', function() {
+    // Add any JavaScript functionality here if needed
+    // Example: Smooth scroll for anchor links
+    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            e.preventDefault();
+            document.querySelector(this.getAttribute('href')).scrollIntoView({
+                behavior: 'smooth'
+            });
+        });
+    });
+});

style.css CHANGED Viewed

@@ -1,28 +1,23 @@
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
 }
-h1 {
-	font-size: 16px;
-	margin-top: 0;
 }
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
 }
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-.card p:last-child {
-	margin-bottom: 0;
-}

+/* Custom styles that can't be achieved with Tailwind */
 body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
+/* Animation for buttons */
+a[href^="https://"] {
+    transition: all 0.3s ease;
+    transform: translateY(0);
 }
+a[href^="https://"]:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
+/* Responsive adjustments */
+@media (max-width: 640px) {
+    .container {
+        padding-left: 1rem;
+        padding-right: 1rem;
+    }
+}