Hugging Face's logo

Spaces:
AZILS
/
AGSB
Sleeping

App Files Community
AZILS commited on
Commit
c5b52ae
·
verified ·
1 Parent(s): bf1ce45

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +44 -37
app.py CHANGED
@@ -1,6 +1,6 @@
1
  #!/usr/bin/env python3
2
  """
3
- Enhanced Antigravity VS Code Interface
4
  Provides status dashboard and easy access to VS Code features
5
  """
6
 
@@ -44,33 +44,35 @@ class AntigravityHandler(BaseHTTPRequestHandler):
44
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
45
  margin: 0;
46
  padding: 20px;
47
- background: linear-gradient(135deg, #007acc 0%, #1a1a1a 100%);
48
- color: white;
49
  min-height: 100vh;
50
  }}
51
  .container {{
52
- background: rgba(255, 255, 255, 0.95);
53
- color: #333;
54
  padding: 30px;
55
  border-radius: 15px;
56
- box-shadow: 0 10px 30px rgba(0,0,0,0.3);
57
  max-width: 1200px;
58
  margin: 0 auto;
 
59
  }}
60
  .header {{
61
  text-align: center;
62
  margin-bottom: 30px;
63
  padding-bottom: 20px;
64
- border-bottom: 2px solid #007acc;
65
  }}
66
  .header h1 {{
67
- color: #007acc;
68
  margin: 0;
69
  font-size: 2.5em;
 
70
  }}
71
  .vscode-badge {{
72
- background: #007acc;
73
- color: white;
74
  padding: 8px 20px;
75
  border-radius: 25px;
76
  font-size: 0.9em;
@@ -85,20 +87,21 @@ class AntigravityHandler(BaseHTTPRequestHandler):
85
  margin: 30px 0;
86
  }}
87
  .card {{
88
- background: #f8f9fa;
89
  padding: 25px;
90
  border-radius: 12px;
91
- border-left: 5px solid #007acc;
92
- box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 
93
  }}
94
  .card h3 {{
95
- color: #007acc;
96
  margin-top: 0;
97
  font-size: 1.3em;
98
  }}
99
  .button {{
100
- background: #007acc;
101
- color: white;
102
  padding: 12px 24px;
103
  border: none;
104
  border-radius: 8px;
@@ -107,23 +110,26 @@ class AntigravityHandler(BaseHTTPRequestHandler):
107
  text-decoration: none;
108
  display: inline-block;
109
  margin: 8px 8px 8px 0;
110
- transition: background 0.3s;
111
- border: none;
112
  }}
113
  .button:hover {{
114
- background: #005999;
 
115
  }}
116
  .button.green {{
117
- background: #28a745;
118
  }}
119
  .button.green:hover {{
120
- background: #1e7e34;
 
121
  }}
122
  .button.orange {{
123
- background: #fd7e14;
124
  }}
125
  .button.orange:hover {{
126
- background: #e55a00;
 
127
  }}
128
  .status {{
129
  padding: 15px;
@@ -132,32 +138,33 @@ class AntigravityHandler(BaseHTTPRequestHandler):
132
  font-weight: bold;
133
  }}
134
  .success {{
135
- background: #d4edda;
136
- color: #155724;
137
- border: 1px solid #c3e6cb;
138
  }}
139
  .warning {{
140
- background: #fff3cd;
141
- color: #856404;
142
- border: 1px solid #ffeaa7;
143
  }}
144
  .pre {{
145
- background: #2d3748;
146
- color: #e2e8f0;
147
  padding: 15px;
148
  border-radius: 8px;
149
  overflow-x: auto;
150
  font-family: 'Courier New', monospace;
151
  margin: 10px 0;
 
152
  }}
153
  .terminal {{
154
- background: #1a1a1a;
155
- color: #00ff00;
156
  padding: 15px;
157
  border-radius: 8px;
158
  font-family: 'Courier New', monospace;
159
  margin: 10px 0;
160
- border: 2px solid #007acc;
161
  }}
162
  </style>
163
  </head>
@@ -212,7 +219,7 @@ antigravity --install-extension ext-id # Install extension</div>
212
  <div class="card">
213
  <h3>📊 System Details</h3>
214
  <div class="terminal">{system_details}</div>
215
- <div style="margin-top: 15px; font-size: 0.9em; color: #666;">
216
  <em>Container running on Hugging Face Spaces</em>
217
  </div>
218
  </div>
@@ -221,7 +228,7 @@ antigravity --install-extension ext-id # Install extension</div>
221
  <div class="card" style="margin-top: 20px;">
222
  <h3>🚀 Development Environment Ready</h3>
223
  <p>Your Antigravity Docker Space is fully configured with:</p>
224
- <ul>
225
  <li><strong>VS Code CLI:</strong> Full command-line interface</li>
226
  <li><strong>File Management:</strong> Open, edit, compare, and merge files</li>
227
  <li><strong>Extensions:</strong> Install and manage VS Code extensions</li>
@@ -289,4 +296,4 @@ def main():
289
  server.shutdown()
290
 
291
  if __name__ == '__main__':
292
- main()
 
1
  #!/usr/bin/env python3
2
  """
3
+ Enhanced Antigravity VS Code Interface - Dark Theme
4
  Provides status dashboard and easy access to VS Code features
5
  """
6
 
 
44
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
45
  margin: 0;
46
  padding: 20px;
47
+ background: linear-gradient(135deg, #0d1117 0%, #161b22 100%);
48
+ color: #e6edf3;
49
  min-height: 100vh;
50
  }}
51
  .container {{
52
+ background: #0d1117;
53
+ color: #e6edf3;
54
  padding: 30px;
55
  border-radius: 15px;
56
+ box-shadow: 0 10px 30px rgba(0,0,0,0.5);
57
  max-width: 1200px;
58
  margin: 0 auto;
59
+ border: 1px solid #30363d;
60
  }}
61
  .header {{
62
  text-align: center;
63
  margin-bottom: 30px;
64
  padding-bottom: 20px;
65
+ border-bottom: 2px solid #1f6feb;
66
  }}
67
  .header h1 {{
68
+ color: #1f6feb;
69
  margin: 0;
70
  font-size: 2.5em;
71
+ text-shadow: 0 0 10px rgba(31, 111, 235, 0.3);
72
  }}
73
  .vscode-badge {{
74
+ background: #1f6feb;
75
+ color: #0d1117;
76
  padding: 8px 20px;
77
  border-radius: 25px;
78
  font-size: 0.9em;
 
87
  margin: 30px 0;
88
  }}
89
  .card {{
90
+ background: #161b22;
91
  padding: 25px;
92
  border-radius: 12px;
93
+ border-left: 5px solid #1f6feb;
94
+ box-shadow: 0 4px 8px rgba(0,0,0,0.3);
95
+ border: 1px solid #30363d;
96
  }}
97
  .card h3 {{
98
+ color: #58a6ff;
99
  margin-top: 0;
100
  font-size: 1.3em;
101
  }}
102
  .button {{
103
+ background: #1f6feb;
104
+ color: #0d1117;
105
  padding: 12px 24px;
106
  border: none;
107
  border-radius: 8px;
 
110
  text-decoration: none;
111
  display: inline-block;
112
  margin: 8px 8px 8px 0;
113
+ transition: all 0.3s;
114
+ font-weight: bold;
115
  }}
116
  .button:hover {{
117
+ background: #388bfd;
118
+ transform: translateY(-2px);
119
  }}
120
  .button.green {{
121
+ background: #3fb950;
122
  }}
123
  .button.green:hover {{
124
+ background: #56d364;
125
+ transform: translateY(-2px);
126
  }}
127
  .button.orange {{
128
+ background: #fb8500;
129
  }}
130
  .button.orange:hover {{
131
+ background: #ffa947;
132
+ transform: translateY(-2px);
133
  }}
134
  .status {{
135
  padding: 15px;
 
138
  font-weight: bold;
139
  }}
140
  .success {{
141
+ background: rgba(63, 185, 80, 0.15);
142
+ color: #3fb950;
143
+ border: 1px solid #3fb950;
144
  }}
145
  .warning {{
146
+ background: rgba(251, 133, 0, 0.15);
147
+ color: #fb8500;
148
+ border: 1px solid #fb8500;
149
  }}
150
  .pre {{
151
+ background: #0d1117;
152
+ color: #79c0ff;
153
  padding: 15px;
154
  border-radius: 8px;
155
  overflow-x: auto;
156
  font-family: 'Courier New', monospace;
157
  margin: 10px 0;
158
+ border: 1px solid #30363d;
159
  }}
160
  .terminal {{
161
+ background: #0d1117;
162
+ color: #39ff14;
163
  padding: 15px;
164
  border-radius: 8px;
165
  font-family: 'Courier New', monospace;
166
  margin: 10px 0;
167
+ border: 2px solid #1f6feb;
168
  }}
169
  </style>
170
  </head>
 
219
  <div class="card">
220
  <h3>📊 System Details</h3>
221
  <div class="terminal">{system_details}</div>
222
+ <div style="margin-top: 15px; font-size: 0.9em; color: #8b949e;">
223
  <em>Container running on Hugging Face Spaces</em>
224
  </div>
225
  </div>
 
228
  <div class="card" style="margin-top: 20px;">
229
  <h3>🚀 Development Environment Ready</h3>
230
  <p>Your Antigravity Docker Space is fully configured with:</p>
231
+ <ul style="color: #e6edf3;">
232
  <li><strong>VS Code CLI:</strong> Full command-line interface</li>
233
  <li><strong>File Management:</strong> Open, edit, compare, and merge files</li>
234
  <li><strong>Extensions:</strong> Install and manage VS Code extensions</li>
 
296
  server.shutdown()
297
 
298
  if __name__ == '__main__':
299
+ main()