improvements

janwilmake · janwilmake · commit 5c348ef70646 · 2025-01-22T11:10:56.000+01:00
diff --git a/public/aiswe.html b/public/aiswe.html
@@ -39,6 +39,16 @@
             z-index: 2;
         }
 
+        .robot {
+            position: absolute;
+            left: 0px;
+            top: 50%;
+            transform: translateY(-50%);
+            font-size: 48px;
+            color: #666;
+            z-index: 1;
+        }
+
         .orbit {
             position: absolute;
             top: 80%;
@@ -100,11 +110,11 @@
 
         @keyframes orbit {
             from {
-                transform: rotate(0deg) translate(150px) rotate(0deg);
+                transform: rotate(360deg) translate(150px) rotate(-360deg);
             }
 
             to {
-                transform: rotate(360deg) translate(150px) rotate(-360deg);
+                transform: rotate(0deg) translate(150px) rotate(0deg);
             }
         }
 
@@ -158,28 +168,38 @@
 
 <body>
     <div class="container">
+        <div class="robot">
+            <i class="fas fa-robot"></i>
+        </div>
         <div class="center-circle">SWE<br>Agent Cycle</div>
 
         <div class="orbit">
-            <div class="step" data-step="reflect">
-                <i class="fas fa-search"></i>
-                <span>Reflect</span>
+
+
+
+            <div class="step" data-step="test">
+                <i class="fas fa-bug"></i>
+                <span>Test</span>
             </div>
-            <div class="step" data-step="plan">
-                <i class="fas fa-clipboard-list"></i>
-                <span>Plan</span>
+
+            <div class="step" data-step="deploy">
+                <i class="fas fa-rocket"></i>
+                <span>Deploy</span>
             </div>
+
             <div class="step" data-step="develop">
                 <i class="fas fa-code"></i>
                 <span>Develop</span>
             </div>
-            <div class="step" data-step="deploy">
-                <i class="fas fa-rocket"></i>
-                <span>Deploy</span>
+
+            <div class="step" data-step="plan">
+                <i class="fas fa-clipboard-list"></i>
+                <span>Plan</span>
             </div>
-            <div class="step" data-step="test">
-                <i class="fas fa-bug"></i>
-                <span>Test</span>
+
+            <div class="step" data-step="reflect">
+                <i class="fas fa-search"></i>
+                <span>Reflect</span>
             </div>
         </div>
     </div>
