minato981 commited on
Commit
d502ef6
·
verified ·
1 Parent(s): 1855b62

tell me a easy way to run this created application

Browse files
Files changed (1) hide show
  1. index.html +22 -16
index.html CHANGED
@@ -160,7 +160,6 @@
160
  </div>
161
  </div>
162
  </div>
163
-
164
  <!-- Quick Actions Card -->
165
  <div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all card-hover">
166
  <div class="p-6">
@@ -169,23 +168,23 @@
169
  <h2 class="text-2xl font-semibold">Quick Actions</h2>
170
  </div>
171
  <div class="grid grid-cols-2 gap-4">
172
- <a href="#" class="p-4 bg-gradient-to-br from-primary-50 to-primary-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
173
- <i data-feather="terminal" class="text-primary mb-2"></i>
174
- <span class="font-medium text-gray-700">Open Terminal</span>
175
  </a>
176
- <a href="#" class="p-4 bg-gradient-to-br from-secondary-50 to-secondary-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
177
- <i data-feather="settings" class="text-secondary mb-2"></i>
178
- <span class="font-medium text-gray-700">Settings</span>
179
  </a>
180
- <a href="#" class="p-4 bg-gradient-to-br from-gray-50 to-gray-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
181
- <i data-feather="book" class="text-gray-600 mb-2"></i>
182
- <span class="font-medium text-gray-700">Documentation</span>
183
  </a>
184
- <a href="#" class="p-4 bg-gradient-to-br from-yellow-50 to-yellow-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
185
- <i data-feather="help-circle" class="text-yellow-600 mb-2"></i>
186
- <span class="font-medium text-gray-700">Help</span>
187
  </a>
188
- </div>
189
  </div>
190
  </div>
191
  </main>
@@ -195,11 +194,18 @@
195
  <p>© 2023 CodeCraft Wizardry. All rights reserved.</p>
196
  </footer>
197
  </div>
198
-
199
  <script>
 
 
 
 
 
 
 
 
200
  // Initialize Vanta.js
201
  VANTA.GLOBE({
202
- el: "#vanta-bg",
203
  mouseControls: true,
204
  touchControls: true,
205
  gyroControls: false,
 
160
  </div>
161
  </div>
162
  </div>
 
163
  <!-- Quick Actions Card -->
164
  <div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all card-hover">
165
  <div class="p-6">
 
168
  <h2 class="text-2xl font-semibold">Quick Actions</h2>
169
  </div>
170
  <div class="grid grid-cols-2 gap-4">
171
+ <a href="#" onclick="copyToClipboard('npm install -g live-server && live-server')" class="p-4 bg-gradient-to-br from-primary-50 to-primary-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
172
+ <i data-feather="play" class="text-primary mb-2"></i>
173
+ <span class="font-medium text-gray-700">Run with Live Server</span>
174
  </a>
175
+ <a href="#" onclick="copyToClipboard('python -m http.server 8000')" class="p-4 bg-gradient-to-br from-secondary-50 to-secondary-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
176
+ <i data-feather="server" class="text-secondary mb-2"></i>
177
+ <span class="font-medium text-gray-700">Python HTTP Server</span>
178
  </a>
179
+ <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="_blank" class="p-4 bg-gradient-to-br from-gray-50 to-gray-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
180
+ <i data-feather="download" class="text-gray-600 mb-2"></i>
181
+ <span class="font-medium text-gray-700">VS Code Extension</span>
182
  </a>
183
+ <a href="https://www.npmjs.com/package/http-server" target="_blank" class="p-4 bg-gradient-to-br from-yellow-50 to-yellow-100 rounded-lg flex flex-col items-center justify-center hover:shadow-md transition-all">
184
+ <i data-feather="package" class="text-yellow-600 mb-2"></i>
185
+ <span class="font-medium text-gray-700">http-server</span>
186
  </a>
187
+ </div>
188
  </div>
189
  </div>
190
  </main>
 
194
  <p>© 2023 CodeCraft Wizardry. All rights reserved.</p>
195
  </footer>
196
  </div>
 
197
  <script>
198
+ function copyToClipboard(text) {
199
+ navigator.clipboard.writeText(text).then(() => {
200
+ alert('Command copied to clipboard! Run this in your terminal.');
201
+ }).catch(err => {
202
+ console.error('Could not copy text: ', err);
203
+ });
204
+ }
205
+
206
  // Initialize Vanta.js
207
  VANTA.GLOBE({
208
+ el: "#vanta-bg",
209
  mouseControls: true,
210
  touchControls: true,
211
  gyroControls: false,