Spaces:

tongxiaojun
/

star-foundation

Running

App Files Files Community

tongxiaojun commited on May 1

Commit

df5aecb

verified ·

1 Parent(s): 38c3f91

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +683 -19
prompts.txt +2 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Star Foundation
-emoji: 💻
-colorFrom: green
-colorTo: purple
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: star-foundation
+emoji: 🐳
+colorFrom: yellow
+colorTo: green
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,683 @@
-<!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>Star Foundation | Crypto Valley, Switzerland</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Space Grotesk', sans-serif;
+            background-color: #0a0b0e;
+            color: #e2e8f0;
+        }
+        .gradient-text {
+            background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+        }
+        .card-glass {
+            background: rgba(15, 23, 42, 0.7);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+        }
+        .pulse-animation {
+            animation: pulse 2s infinite;
+        }
+        @keyframes pulse {
+            0% {
+                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
+            }
+            70% {
+                box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
+            }
+            100% {
+                box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);
+            }
+        }
+        .scroll-down {
+            position: absolute;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+        .scroll-down::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            width: 1px;
+            height: 30px;
+            background: linear-gradient(to bottom, transparent, #3b82f6, transparent);
+            animation: scrollDown 2s infinite;
+        }
+        @keyframes scrollDown {
+            0% {
+                transform: translateY(-20px);
+                opacity: 0;
+            }
+            50% {
+                opacity: 1;
+            }
+            100% {
+                transform: translateY(20px);
+                opacity: 0;
+            }
+        }
+        .animate-fade-in {
+            animation: fadeIn 1s ease-in-out;
+        }
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(20px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+    </style>
+</head>
+<body class="min-h-screen">
+    <!-- Navigation -->
+    <nav class="fixed w-full z-50 bg-black bg-opacity-80 backdrop-filter backdrop-blur-lg border-b border-gray-800">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex items-center justify-between h-16">
+                <div class="flex items-center">
+                    <div class="flex-shrink-0">
+                        <div class="flex items-center">
+                            <i class="fas fa-star text-indigo-500 text-2xl mr-2"></i>
+                            <span class="text-white font-bold text-xl">Star Foundation</span>
+                        </div>
+                    </div>
+                </div>
+                <div class="hidden md:block">
+                    <div class="ml-10 flex items-baseline space-x-4">
+                        <a href="#vision" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Vision</a>
+                        <a href="#mission" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Mission</a>
+                        <a href="#roadmap" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Roadmap</a>
+                        <a href="#achievements" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Achievements</a>
+                        <a href="#contact" class="text-gray-300 hover:text-white px-3 py-2 rounded-md text-sm font-medium">Contact</a>
+                    </div>
+                </div>
+                <div class="md:hidden">
+                    <button class="text-gray-300 hover:text-white focus:outline-none">
+                        <i class="fas fa-bars"></i>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </nav>
+    <!-- Hero Section -->
+    <section class="relative h-screen flex items-center justify-center overflow-hidden">
+        <div class="absolute inset-0 z-0">
+            <div class="absolute inset-0 bg-gradient-to-b from-black to-transparent opacity-90"></div>
+            <video autoplay muted loop class="w-full h-full object-cover">
+                <source src="https://assets.mixkit.co/videos/preview/mixkit-stars-in-space-1610-large.mp4" type="video/mp4">
+            </video>
+        </div>
+        <div class="relative z-10 text-center px-4 max-w-4xl mx-auto">
+            <div class="mb-6">
+                <span class="inline-block px-3 py-1 text-xs font-semibold rounded-full bg-indigo-900 text-indigo-300">
+                    Crypto Valley, Switzerland • Q2 2025
+                </span>
+            </div>
+            <h1 class="text-5xl md:text-7xl font-bold mb-6 gradient-text">Star Foundation</h1>
+            <p class="text-xl md:text-2xl text-gray-300 mb-8 leading-relaxed">
+                Pioneering decentralized scientific research with 42 active projects across 18 countries
+            </p>
+            <div class="flex flex-col sm:flex-row justify-center gap-4">
+                <button class="px-8 py-3 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-full font-medium text-white hover:opacity-90 transition-all transform hover:scale-105">
+                    Join Our DAO
+                </button>
+                <button class="px-8 py-3 border border-indigo-500 rounded-full font-medium text-white hover:bg-indigo-900 hover:bg-opacity-30 transition-all transform hover:scale-105">
+                    Research Portal
+                </button>
+            </div>
+        </div>
+        <div class="scroll-down"></div>
+    </section>
+    <!-- Vision Section -->
+    <section id="vision" class="py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
+        <div class="text-center mb-16">
+            <h2 class="text-3xl md:text-4xl font-bold mb-4 gradient-text">Our Vision</h2>
+            <div class="w-24 h-1 bg-gradient-to-r from-indigo-500 to-purple-500 mx-auto mb-6"></div>
+            <p class="text-lg text-gray-400 max-w-3xl mx-auto">
+                Building the open research infrastructure for Web3 science, with over $28M in decentralized funding deployed since 2023.
+            </p>
+        </div>
+        <div class="grid md:grid-cols-3 gap-8">
+            <div class="card-glass rounded-xl p-8 hover:border-indigo-500 transition-all duration-300 hover:-translate-y-2">
+                <div class="text-indigo-400 text-4xl mb-4">
+                    <i class="fas fa-atom"></i>
+                </div>
+                <h3 class="text-xl font-bold mb-3 text-white">Scientific Breakthroughs</h3>
+                <p class="text-gray-400">
+                    14 peer-reviewed publications from our funded projects in 2024 alone, spanning quantum computing to synthetic biology.
+                </p>
+            </div>
+            <div class="card-glass rounded-xl p-8 hover:border-purple-500 transition-all duration-300 hover:-translate-y-2">
+                <div class="text-purple-400 text-4xl mb-4">
+                    <i class="fas fa-link"></i>
+                </div>
+                <h3 class="text-xl font-bold mb-3 text-white">Web3 Integration</h3>
+                <p class="text-gray-400">
+                    Our decentralized science (DeSci) platform now integrates with 7 major blockchain networks and hosts 3,200 active researchers.
+                </p>
+            </div>
+            <div class="card-glass rounded-xl p-8 hover:border-pink-500 transition-all duration-300 hover:-translate-y-2">
+                <div class="text-pink-400 text-4xl mb-4">
+                    <i class="fas fa-globe"></i>
+                </div>
+                <h3 class="text-xl font-bold mb-3 text-white">Global Impact</h3>
+                <p class="text-gray-400">
+                    Research hubs established in Zurich, Singapore, and Nairobi with local governance through our DAO structure.
+                </p>
+            </div>
+        </div>
+    </section>
+    <!-- Mission Section -->
+    <section id="mission" class="py-20 bg-gradient-to-b from-gray-900 to-black px-4 sm:px-6 lg:px-8">
+        <div class="max-w-7xl mx-auto">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4 gradient-text">Our Mission</h2>
+                <div class="w-24 h-1 bg-gradient-to-r from-indigo-500 to-purple-500 mx-auto mb-6"></div>
+                <p class="text-lg text-gray-400 max-w-3xl mx-auto">
+                    Accelerating frontier research through decentralized governance, with 92% of funding decisions now made by our community DAO.
+                </p>
+            </div>
+            <div class="grid md:grid-cols-2 gap-12 items-center">
+                <div>
+                    <div class="relative">
+                        <div class="absolute -inset-4 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-xl blur opacity-25"></div>
+                        <div class="relative bg-gray-900 rounded-xl p-8 h-full">
+                            <h3 class="text-2xl font-bold mb-6 text-white">Decentralized Governance</h3>
+                            <ul class="space-y-4">
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-indigo-900 text-indigo-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        14,892 active DAO members governing research priorities
+                                    </p>
+                                </li>
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-indigo-900 text-indigo-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        On-chain voting with 72% average participation
+                                    </p>
+                                </li>
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-indigo-900 text-indigo-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        Reputation system with 4,200 credentialed reviewers
+                                    </p>
+                                </li>
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-indigo-900 text-indigo-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        Research proposals from 56 countries in 2024
+                                    </p>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <div class="relative">
+                        <div class="absolute -inset-4 bg-gradient-to-r from-purple-600 to-pink-600 rounded-xl blur opacity-25"></div>
+                        <div class="relative bg-gray-900 rounded-xl p-8 h-full">
+                            <h3 class="text-2xl font-bold mb-6 text-white">Funding Impact</h3>
+                            <ul class="space-y-4">
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-purple-900 text-purple-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        $18.7M distributed through quadratic funding
+                                    </p>
+                                </li>
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-purple-900 text-purple-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        42 patents filed by funded projects
+                                    </p>
+                                </li>
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-purple-900 text-purple-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        Research NFT marketplace with $3.2M volume
+                                    </p>
+                                </li>
+                                <li class="flex items-start">
+                                    <div class="flex-shrink-0 mt-1">
+                                        <div class="flex items-center justify-center h-6 w-6 rounded-full bg-purple-900 text-purple-300">
+                                            <i class="fas fa-check text-xs"></i>
+                                        </div>
+                                    </div>
+                                    <p class="ml-3 text-gray-400">
+                                        7 university partnerships established
+                                    </p>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Roadmap Section -->
+    <section id="roadmap" class="py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
+        <div class="text-center mb-16">
+            <h2 class="text-3xl md:text-4xl font-bold mb-4 gradient-text">Our Journey</h2>
+            <div class="w-24 h-1 bg-gradient-to-r from-indigo-500 to-purple-500 mx-auto mb-6"></div>
+            <p class="text-lg text-gray-400 max-w-3xl mx-auto">
+                From Swiss startup to global research network - our evolution since 2023
+            </p>
+        </div>
+        <div class="relative">
+            <!-- Timeline line -->
+            <div class="hidden sm:block absolute h-full w-1 bg-gradient-to-b from-indigo-500 to-purple-500 left-1/2 transform -translate-x-1/2"></div>
+            <!-- Timeline items -->
+            <div class="space-y-8 sm:space-y-16">
+                <!-- Phase 1 -->
+                <div class="relative flex flex-col sm:flex-row items-center">
+                    <div class="sm:w-1/2 sm:pr-16 order-2 sm:order-1">
+                        <div class="card-glass rounded-xl p-8">
+                            <div class="flex items-center mb-4">
+                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-indigo-900 text-indigo-300 mr-4">
+                                    <span class="font-bold">1</span>
+                                </div>
+                                <h3 class="text-xl font-bold text-white">Foundation Phase</h3>
+                            </div>
+                            <p class="text-gray-400 mb-4">
+                                Establishing our legal entity and initial platform in Crypto Valley.
+                            </p>
+                            <ul class="space-y-2 text-sm text-gray-400">
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-indigo-400 mt-1 mr-2"></i>
+                                    <span>Q1 2023: Legal incorporation completed</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-indigo-400 mt-1 mr-2"></i>
+                                    <span>Q2 2023: $4.2M seed funding secured</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-indigo-400 mt-1 mr-2"></i>
+                                    <span>Q3 2023: First 8 research grants awarded</span>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="sm:w-1/2 sm:pl-16 order-1 sm:order-2 mb-8 sm:mb-0">
+                        <div class="bg-gradient-to-r from-indigo-900 to-indigo-900/50 rounded-xl p-6">
+                            <div class="text-sm font-semibold text-indigo-300 mb-2">2023</div>
+                            <h4 class="text-lg font-bold text-white mb-2">Milestones Achieved</h4>
+                            <div class="flex flex-wrap gap-2">
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-indigo-800 text-indigo-200">Foundation</span>
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-indigo-800 text-indigo-200">Funding</span>
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-indigo-800 text-indigo-200">First Grants</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Phase 2 -->
+                <div class="relative flex flex-col sm:flex-row items-center">
+                    <div class="sm:w-1/2 sm:pr-16 order-2">
+                        <div class="card-glass rounded-xl p-8">
+                            <div class="flex items-center mb-4">
+                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-purple-900 text-purple-300 mr-4">
+                                    <span class="font-bold">2</span>
+                                </div>
+                                <h3 class="text-xl font-bold text-white">Global Expansion</h3>
+                            </div>
+                            <p class="text-gray-400 mb-4">
+                                Scaling our platform and establishing international presence.
+                            </p>
+                            <ul class="space-y-2 text-sm text-gray-400">
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-purple-400 mt-1 mr-2"></i>
+                                    <span>Q1 2024: Zurich research hub launched</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-purple-400 mt-1 mr-2"></i>
+                                    <span>Q2 2024: $15M Series A funding round</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check-circle text-purple-400 mt-1 mr-2"></i>
+                                    <span>Q3 2024: Singapore and Nairobi hubs operational</span>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="sm:w-1/2 sm:pl-16 order-1 mb-8 sm:mb-0">
+                        <div class="bg-gradient-to-r from-purple-900 to-purple-900/50 rounded-xl p-6">
+                            <div class="text-sm font-semibold text-purple-300 mb-2">2024</div>
+                            <h4 class="text-lg font-bold text-white mb-2">Growth Phase</h4>
+                            <div class="flex flex-wrap gap-2">
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-purple-800 text-purple-200">Global Hubs</span>
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-purple-800 text-purple-200">Series A</span>
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-purple-800 text-purple-200">Expansion</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Phase 3 -->
+                <div class="relative flex flex-col sm:flex-row items-center">
+                    <div class="sm:w-1/2 sm:pr-16 order-2 sm:order-1">
+                        <div class="card-glass rounded-xl p-8">
+                            <div class="flex items-center mb-4">
+                                <div class="flex items-center justify-center w-12 h-12 rounded-full bg-pink-900 text-pink-300 mr-4">
+                                    <span class="font-bold">3</span>
+                                </div>
+                                <h3 class="text-xl font-bold text-white">Current Focus</h3>
+                            </div>
+                            <p class="text-gray-400 mb-4">
+                                Deepening research impact and decentralized governance.
+                            </p>
+                            <ul class="space-y-2 text-sm text-gray-400">
+                                <li class="flex items-start">
+                                    <i class="fas fa-spinner text-pink-400 mt-1 mr-2 animate-spin"></i>
+                                    <span>Q2 2025: DeSci protocol v3.0 release</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-spinner text-pink-400 mt-1 mr-2 animate-spin"></i>
+                                    <span>Cross-chain research data marketplace</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-spinner text-pink-400 mt-1 mr-2 animate-spin"></i>
+                                    <span>AI-powered research collaboration tools</span>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="sm:w-1/2 sm:pl-16 order-1 sm:order-2 mb-8 sm:mb-0">
+                        <div class="bg-gradient-to-r from-pink-900 to-pink-900/50 rounded-xl p-6">
+                            <div class="text-sm font-semibold text-pink-300 mb-2">2025</div>
+                            <h4 class="text-lg font-bold text-white mb-2">Current Initiatives</h4>
+                            <div class="flex flex-wrap gap-2">
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-pink-800 text-pink-200">Protocol v3</span>
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-pink-800 text-pink-200">Data Marketplace</span>
+                                <span class="px-3 py-1 rounded-full text-xs font-medium bg-pink-800 text-pink-200">AI Research</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Achievements Section -->
+    <section id="achievements" class="py-20 bg-gradient-to-br from-gray-900 via-purple-900 to-gray-900 px-4 sm:px-6 lg:px-8">
+        <div class="max-w-7xl mx-auto">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4 gradient-text">2024-2025 Achievements</h2>
+                <div class="w-24 h-1 bg-gradient-to-r from-indigo-500 to-purple-500 mx-auto mb-6"></div>
+                <p class="text-lg text-gray-400 max-w-3xl mx-auto">
+                    Highlights from our most impactful year yet
+                </p>
+            </div>
+            <div class="grid md:grid-cols-3 gap-8">
+                <div class="card-glass rounded-xl p-6 hover:border-indigo-500 transition-all duration-300 hover:-translate-y-2">
+                    <div class="text-indigo-400 text-3xl mb-4">
+                        <i class="fas fa-flask"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3 text-white">Research Impact</h3>
+                    <p class="text-gray-400 mb-4">
+                        3 major breakthroughs in quantum computing from funded projects
+                    </p>
+                    <div class="flex items-center text-sm text-indigo-400">
+                        <span>Featured in Nature Journal</span>
+                        <i class="fas fa-arrow-right ml-2"></i>
+                    </div>
+                </div>
+                <div class="card-glass rounded-xl p-6 hover:border-purple-500 transition-all duration-300 hover:-translate-y-2">
+                    <div class="text-purple-400 text-3xl mb-4">
+                        <i class="fas fa-users"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3 text-white">Community Growth</h3>
+                    <p class="text-gray-400 mb-4">
+                        DAO membership grew 320% with 42% female participation
+                    </p>
+                    <div class="flex items-center text-sm text-purple-400">
+                        <span>Global diversity report</span>
+                        <i class="fas fa-arrow-right ml-2"></i>
+                    </div>
+                </div>
+                <div class="card-glass rounded-xl p-6 hover:border-pink-500 transition-all duration-300 hover:-translate-y-2">
+                    <div class="text-pink-400 text-3xl mb-4">
+                        <i class="fas fa-chart-line"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3 text-white">Economic Impact</h3>
+                    <p class="text-gray-400 mb-4">
+                        $9.3M generated in commercialized research IP
+                    </p>
+                    <div class="flex items-center text-sm text-pink-400">
+                        <span>2024 Annual Report</span>
+                        <i class="fas fa-arrow-right ml-2"></i>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-12 text-center">
+                <button class="px-8 py-3 bg-white rounded-full font-bold text-gray-900 hover:bg-gray-200 transition-all transform hover:scale-105">
+                    View Full Annual Report
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- CTA Section -->
+    <section class="py-20 px-4 sm:px-6 lg:px-8 bg-black bg-opacity-50">
+        <div class="max-w-4xl mx-auto text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6 text-white">Join the Research Revolution</h2>
+            <p class="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">
+                Contribute to groundbreaking science while earning governance rights and research rewards
+            </p>
+            <div class="flex flex-col sm:flex-row justify-center gap-4">
+                <button class="px-8 py-4 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-full font-bold text-white hover:opacity-90 transition-all transform hover:scale-105 flex items-center justify-center">
+                    <i class="fab fa-ethereum text-xl mr-2"></i> Apply for Funding
+                </button>
+                <button class="px-8 py-4 border border-white rounded-full font-bold text-white hover:bg-white hover:bg-opacity-10 transition-all transform hover:scale-105 flex items-center justify-center">
+                    <i class="fas fa-vote-yea text-xl mr-2"></i> Join DAO Governance
+                </button>
+            </div>
+        </div>
+    </section>
+    <!-- Contact Section -->
+    <section id="contact" class="py-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
+        <div class="grid md:grid-cols-2 gap-12 items-center">
+            <div>
+                <h2 class="text-3xl md:text-4xl font-bold mb-6 gradient-text">Get In Touch</h2>
+                <p class="text-lg text-gray-400 mb-8">
+                    Connect with our global team across three continents
+                </p>
+                <div class="space-y-6">
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0 mt-1">
+                            <div class="flex items-center justify-center h-10 w-10 rounded-full bg-indigo-900 text-indigo-300">
+                                <i class="fas fa-map-marker-alt"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h4 class="text-lg font-medium text-white">Headquarters</h4>
+                            <p class="text-gray-400">Crypto Valley, Zug, Switzerland</p>
+                        </div>
+                    </div>
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0 mt-1">
+                            <div class="flex items-center justify-center h-10 w-10 rounded-full bg-purple-900 text-purple-300">
+                                <i class="fas fa-envelope"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h4 class="text-lg font-medium text-white">Research Inquiries</h4>
+                            <p class="text-gray-400">[email protected]</p>
+                        </div>
+                    </div>
+                    <div class="flex items-start">
+                        <div class="flex-shrink-0 mt-1">
+                            <div class="flex items-center justify-center h-10 w-10 rounded-full bg-pink-900 text-pink-300">
+                                <i class="fas fa-globe"></i>
+                            </div>
+                        </div>
+                        <div class="ml-4">
+                            <h4 class="text-lg font-medium text-white">DAO Governance</h4>
+                            <p class="text-gray-400">gov.starfoundation.org</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <div class="card-glass rounded-xl p-8">
+                    <h3 class="text-2xl font-bold mb-6 text-white">Research Partnership Inquiry</h3>
+                    <form>
+                        <div class="mb-6">
+                            <label for="name" class="block text-sm font-medium text-gray-400 mb-2">Your Name</label>
+                            <input type="text" id="name" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-white placeholder-gray-500">
+                        </div>
+                        <div class="mb-6">
+                            <label for="email" class="block text-sm font-medium text-gray-400 mb-2">Email Address</label>
+                            <input type="email" id="email" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-white placeholder-gray-500">
+                        </div>
+                        <div class="mb-6">
+                            <label for="institution" class="block text-sm font-medium text-gray-400 mb-2">Institution/Organization</label>
+                            <input type="text" id="institution" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-white placeholder-gray-500">
+                        </div>
+                        <div class="mb-6">
+                            <label for="message" class="block text-sm font-medium text-gray-400 mb-2">Research Proposal Summary</label>
+                            <textarea id="message" rows="4" class="w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 text-white placeholder-gray-500"></textarea>
+                        </div>
+                        <button type="submit" class="w-full px-6 py-3 bg-gradient-to-r from-indigo-600 to-purple-600 rounded-lg font-medium text-white hover:opacity-90 transition-all">
+                            Submit Proposal
+                        </button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-black py-12 px-4 sm:px-6 lg:px-8 border-t border-gray-800">
+        <div class="max-w-7xl mx-auto">
+            <div class="flex flex-col md:flex-row justify-between items-center">
+                <div class="flex items-center mb-6 md:mb-0">
+                    <i class="fas fa-star text-indigo-500 text-2xl mr-2"></i>
+                    <span class="text-white font-bold text-xl">Star Foundation</span>
+                </div>
+                <div class="flex space-x-6 mb-6 md:mb-0">
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-twitter text-xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-discord text-xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-github text-xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-linkedin text-xl"></i>
+                    </a>
+                    <a href="#" class="text-gray-400 hover:text-white">
+                        <i class="fab fa-telegram text-xl"></i>
+                    </a>
+                </div>
+                <div class="text-gray-500 text-sm">
+                    &copy; 2023-2025 Star Foundation. All rights reserved.
+                </div>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                document.querySelector(this.getAttribute('href')).scrollIntoView({
+                    behavior: 'smooth'
+                });
+            });
+        });
+        // Animation for cards when they come into view
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    entry.target.classList.add('animate-fade-in');
+                }
+            });
+        }, {threshold: 0.1});
+        document.querySelectorAll('.card-glass').forEach(card => {
+            observer.observe(card);
+        });
+        // Mobile menu toggle
+        const mobileMenuButton = document.querySelector('.md\\:hidden button');
+        const mobileMenu = document.querySelector('.hidden.md\\:block');
+        mobileMenuButton.addEventListener('click', () => {
+            mobileMenu.classList.toggle('hidden');
+            mobileMenu.classList.toggle('block');
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=tongxiaojun/star-foundation" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1,2 @@


1	+ 🚀 Launch Plan: Star Foundation @ Crypto Valley, Switzerland 1. Vision & Mission Vision: To build an open platform that advances cutting-edge scientific research, Web3 technology integration, and public knowledge innovation on a global scale. Mission: To support scientists, engineers, and creators in developing future-oriented foundational research and applications through decentralized governance and funding mechanisms.
2	+ 目前已经是 2025 Q2 了。