Spaces:
Running
Running
tell me a easy way to run this created application
Browse files- 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="
|
| 174 |
-
<span class="font-medium text-gray-700">
|
| 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="
|
| 178 |
-
<span class="font-medium text-gray-700">
|
| 179 |
</a>
|
| 180 |
-
<a href="
|
| 181 |
-
<i data-feather="
|
| 182 |
-
<span class="font-medium text-gray-700">
|
| 183 |
</a>
|
| 184 |
-
<a href="
|
| 185 |
-
<i data-feather="
|
| 186 |
-
<span class="font-medium text-gray-700">
|
| 187 |
</a>
|
| 188 |
-
|
| 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 |
-
|
| 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,
|