Spaces:

odellus
/

synthwave-crows-in-orbit

Running

App Files Files Community

odellus commited on 11 days ago

Commit

6382351

verified ·

1 Parent(s): 045acaf

okay this is too fancy more like the original minimalist than this

Browse files

Files changed (2) hide show

index.html +24 -85
style.css +14 -61

index.html CHANGED Viewed

@@ -10,97 +10,36 @@
     <script src="https://kit.fontawesome.com/d3b5bccce7.js" crossorigin="anonymous"></script>
 </head>
 <body>
-    <div class="grid-pattern"></div>
     <header class="section">
-        <div class="circle-bg"></div>
-        <div>
-            <h1>crow<span class="neon-text">++</span></h1>
-            <p class="neon-text" style="color: var(--hot-pink);">// dual-agent programming environment</p>
-            <div style="margin-top: 3rem;">
-                <a href="#architecture" class="btn">explore <i class="fas fa-arrow-down"></i></a>
-            </div>
-        </div>
     </header>
     <section id="architecture" class="section">
-        <div class="terminal floating">
-            <p><span style="color: var(--synth-yellow)">$</span> crow init --duo</p>
-            <p>> [system] initializing dual-agent architecture</p>
-            <p>> [agent-1] <span style="color: var(--hot-pink)">ready</span></p>
-            <p>> [agent-2] <span style="color: var(--electric-blue)">ready</span></p>
-            <p>> establishing quantum entanglement channel...</p>
-            <p>> [system] <span class="neon-text">synchronicity achieved</span></p>
-        </div>
     </section>
-    <section class="section">
-        <div style="max-width: 800px; text-align: center;">
-            <h2 class="neon-text" style="color: var(--hot-pink); margin-bottom: 3rem;">architecture features</h2>
-            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem;">
-                <div class="feature-card">
-                    <i class="fas fa-users-cog" style="font-size: 2rem; color: var(--hot-pink); margin-bottom: 1rem;"></i>
-                    <h3>collaborative intelligence</h3>
-                    <p>two ai minds working in harmony, each specializing in different cognitive domains</p>
-                </div>
-                <div class="feature-card">
-                    <i class="fas fa-infinity" style="font-size: 2rem; color: var(--electric-blue); margin-bottom: 1rem;"></i>
-                    <h3>infinite feedback</h3>
-                    <p>continuous optimization through recursive self-improvement loops</p>
-                </div>
-                <div class="feature-card">
-                    <i class="fas fa-bolt" style="font-size: 2rem; color: var(--synth-yellow); margin-bottom: 1rem;"></i>
-                    <h3>lightning execution</h3>
-                    <p>native rust core delivers performance at the speed of thought</p>
-                </div>
-            </div>
-        </div>
     </section>
-    <section class="section parallax" style="background: url('http://static.photos/technology/1024x576/42') no-repeat center center; background-size: cover;">
-        <div style="background: rgba(20, 10, 31, 0.8); padding: 3rem; border-radius: 8px; max-width: 600px;">
-            <h2 style="margin-bottom: 1.5rem;">ready to code<span class="neon-text">?</span></h2>
-            <button class="btn" style="margin-top: 2rem; border-color: var(--hot-pink); color: var(--hot-pink);">
-                launch ide <i class="fas fa-rocket"></i>
-            </button>
-        </div>
     </section>
-    <footer style="padding: 3rem; text-align: center; background: rgba(0,0,0,0.5);">
-        <p style="color: var(--hot-pink);">© 2023 synced crow systems</p>
-        <p style="color: var(--electric-blue); margin-top: 0.5rem; font-size: 0.8rem;">designed for the post-human era</p>
     </footer>
-    <script>
-        // Create floating particles
-        function createParticles() {
-            const colors = ['var(--electric-blue)', 'var(--hot-pink)', 'var(--synth-yellow)'];
-            for (let i = 0; i < 50; i++) {
-                const particle = document.createElement('div');
-                particle.classList.add('particle');
-                // Random properties
-                const size = Math.random() * 4 + 1;
-                const posX = Math.random() * window.innerWidth;
-                const posY = Math.random() * window.innerHeight;
-                const duration = Math.random() * 20 + 10;
-                const color = colors[Math.floor(Math.random() * colors.length)];
-                // Apply styles
-                particle.style.width = `${size}px`;
-                particle.style.height = `${size}px`;
-                particle.style.left = `${posX}px`;
-                particle.style.top = `${posY}px`;
-                particle.style.background = color;
-                particle.style.animation = `float ${duration}s ease-in-out infinite`;
-                particle.style.opacity = Math.random() * 0.5 + 0.1;
-                document.body.appendChild(particle);
-            }
-        }
-        document.addEventListener('DOMContentLoaded', createParticles);
-    </script>
-<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 </body>
 </html>

     <script src="https://kit.fontawesome.com/d3b5bccce7.js" crossorigin="anonymous"></script>
 </head>
 <body>
     <header class="section">
+        <h1>crow</h1>
+        <p>dual-agent programming environment</p>
+        <nav>
+            <a href="#architecture">Architecture</a>
+            <a href="#features">Features</a>
+        </nav>
     </header>
     <section id="architecture" class="section">
+        <h2>Architecture</h2>
+        <pre><code>$ crow init --duo
+> [system] initializing dual-agent architecture
+> [agent-1] ready
+> [agent-2] ready
+> establishing communication channel...</code></pre>
     </section>
+    <section id="features" class="section">
+        <h2>Features</h2>
+        <ul>
+            <li>Collaborative intelligence - two AI agents working together</li>
+            <li>Continuous optimization through feedback loops</li>
+            <li>Native Rust core for performance</li>
+        </ul>
     </section>
+    <section class="section">
+        <h2>Get Started</h2>
+        <a href="#" class="btn">Launch IDE</a>
     </section>
+    <footer>
+        <p>© 2023 Crow Systems</p>
     </footer>
 </body>
 </html>

style.css CHANGED Viewed

@@ -8,31 +8,19 @@
     --electric-blue: #05D9E8;
     --synth-yellow: #F6FF00;
 }
 body {
     font-family: 'Space Mono', monospace;
-    background: linear-gradient(to bottom,
-        #000000 0%,
-        var(--space-purple) 20%,
-        #261138 80%,
-        #000000 100%);
-    color: var(--electric-blue);
-    min-height: 300vh;
-    overflow-x: hidden;
-    perspective: 1px;
-    scroll-behavior: smooth;
 }
 .section {
-    min-height: 100vh;
-    padding: 5rem;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
 }
 .parallax::after {
     content: "";
     position: absolute;
@@ -44,55 +32,20 @@ body {
     background-size: 100%;
     z-index: -1;
 }
 header {
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
     text-align: center;
 }
 h1, h2, h3 {
-    font-family: 'Major Mono Display', monospace;
-    text-transform: lowercase;
 }
 h1 {
-    font-size: 6rem;
-    margin: 2rem 0;
-    letter-spacing: -0.3rem;
-    background: linear-gradient(to right, var(--hot-pink), var(--electric-blue));
-    -webkit-background-clip: text;
-    background-clip: text;
-    color: transparent;
-    text-shadow: 0 0 10px rgba(197, 125, 255, 0.3);
-}
-.circle-bg {
-    width: 24rem;
-    height: 24rem;
-    border-radius: 50%;
-    background: radial-gradient(circle,
-        rgba(121, 0, 255, 0.2) 0%,
-        rgba(121, 0, 255, 0.05) 50%,
-        transparent 70%);
-    position: absolute;
-    z-index: -1;
 }
-.grid-pattern {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background-image:
-        linear-gradient(to right, rgba(121, 0, 255, 0.04) 1px, transparent 1px),
-        linear-gradient(to bottom, rgba(121, 0, 255, 0.04) 1px, transparent 1px);
-    background-size: 30px 30px;
-    pointer-events: none;
-}
 @keyframes float {
     0% { transform: translateY(0px); }
     50% { transform: translateY(-20px); }

     --electric-blue: #05D9E8;
     --synth-yellow: #F6FF00;
 }
 body {
     font-family: 'Space Mono', monospace;
+    background: #0a0c10;
+    color: #c9d1d9;
+    min-height: 100vh;
+    margin: 0;
+    line-height: 1.5;
 }
 .section {
+    padding: 2rem;
+    max-width: 800px;
+    margin: 0 auto;
 }
 .parallax::after {
     content: "";
     position: absolute;
     background-size: 100%;
     z-index: -1;
 }
 header {
+    padding: 3rem 2rem 2rem;
     text-align: center;
 }
 h1, h2, h3 {
+    font-family: 'Space Mono', monospace;
+    font-weight: normal;
 }
 h1 {
+    font-size: 2.5rem;
+    margin: 1rem 0;
+    color: #58a6ff;
 }
 @keyframes float {
     0% { transform: translateY(0px); }
     50% { transform: translateY(-20px); }