Spaces:

broadfield-dev
/

noding

Sleeping

App Files Files Community

broadfield-dev commited on 10 days ago

Commit

87a6e43

verified ·

1 Parent(s): 91a4425

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +60 -9

templates/index.html CHANGED Viewed

@@ -3,19 +3,70 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Node Canvas</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
     <script src="https://unpkg.com/konva@9/konva.min.js"></script>
 </head>
 <body>
-    <div id="controls">
-        <input type="file" id="codeFile" accept=".py">
-        <textarea id="codeInput" rows="10" cols="50" placeholder="Paste Python code here"></textarea>
-        <button onclick="submitCode()">Parse Code</button>
-        <button onclick="addNode()">Add Manual Node</button>
-        <button onclick="autoConnect()">Auto-Connect</button>
     </div>
-    <div id="container"></div>
     <script src="{{ url_for('static', filename='canvas.js') }}"></script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>PyStructure v2.0</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
+    <!-- Load Konva from CDN -->
     <script src="https://unpkg.com/konva@9/konva.min.js"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;700&display=swap" rel="stylesheet">
 </head>
 <body>
+    <div class="app-container">
+        <!-- Sidebar -->
+        <div class="sidebar">
+            <div class="header">
+                <h1>PyStructure</h1>
+                <span class="badge">RESEARCH PREVIEW</span>
+            </div>
+            <div class="editor-container">
+                <textarea id="codeInput" placeholder="Paste Python code here...">
+def fibonacci(n):
+    if n <= 1:
+        return n
+    else:
+        return fibonacci(n-1) + fibonacci(n-2)
+class DataProcessor:
+    def __init__(self, data):
+        self.data = data
+        self.clean()
+    def clean(self):
+        result = []
+        for item in self.data:
+            if item is not None:
+                result.append(item)
+        self.data = result
+                </textarea>
+            </div>
+            <div class="controls">
+                <button id="btnVisualize" class="btn primary">
+                    <span class="icon">▶</span> Visualize Structure
+                </button>
+                <button id="btnDataset" class="btn secondary">
+                    <span class="icon">✚</span> Add to Dataset
+                </button>
+            </div>
+            <div class="console">
+                <div class="console-header">SYSTEM LOGS</div>
+                <div id="logOutput" class="console-body">
+                    > System initialized...<br>
+                    > Waiting for input...
+                </div>
+            </div>
+        </div>
+        <!-- Main Canvas Area -->
+        <div class="canvas-wrapper" id="container">
+            <div class="overlay-info">
+                Scroll to Zoom • Drag to Pan
+            </div>
+        </div>
     </div>
     <script src="{{ url_for('static', filename='canvas.js') }}"></script>
 </body>
 </html>