Spaces:

bigpappic
/

the-ultimate-blank-canvas-app

Running

bigpappic commited on 29 days ago

Commit

0b696ef

verified ·

1 Parent(s): a7925d7

Can we deploy this app right now please and website

Files changed (8) hide show

components/navbar.js CHANGED Viewed

@@ -68,15 +68,13 @@ ul {
       <nav>
         <a href="/" class="logo">
           <i data-feather="pen-tool" class="logo-icon"></i>
-          <span>Staff Portal</span>
 </a>
         <ul>
           <li><a href="/" class="active"><i data-feather="home"></i> Dashboard</a></li>
-          <li><a href="/tasks"><i data-feather="check-square"></i> Tasks</a></li>
-          <li><a href="/messages"><i data-feather="mail"></i> Messages</a></li>
-          <li><a href="/team"><i data-feather="users"></i> Team</a></li>
-          <li><a href="/calendar"><i data-feather="calendar"></i> Calendar</a></li>
-          <li><a href="/tracking.html"><i data-feather="map-pin"></i> Tracking</a></li>
 </ul>
 </nav>
     `;

       <nav>
         <a href="/" class="logo">
           <i data-feather="pen-tool" class="logo-icon"></i>
+          <span>Simple Canvas</span>
 </a>
         <ul>
           <li><a href="/" class="active"><i data-feather="home"></i> Dashboard</a></li>
+          <li><a href="/create.html"><i data-feather="plus"></i> Create</a></li>
+          <li><a href="/projects.html"><i data-feather="folder"></i> Projects</a></li>
+          <li><a href="/help.html"><i data-feather="help-circle"></i> Help</a></li>
 </ul>
 </nav>
     `;

create.html CHANGED Viewed

@@ -4,7 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Create New Project | Simple Canvas</title>
-    <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="min-h-screen flex flex-col">

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Create New Project | Simple Canvas</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="min-h-screen flex flex-col">

favicon.svg ADDED Viewed

help.html CHANGED Viewed

@@ -4,7 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Help Center | Simple Canvas</title>
-    <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="min-h-screen flex flex-col">

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Help Center | Simple Canvas</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="min-h-screen flex flex-col">

index.html CHANGED Viewed

@@ -3,8 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>The Ultimate Blank Canvas</title>
-    <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Simple Canvas</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script src="https://unpkg.com/feather-icons"></script>

projects.html CHANGED Viewed

@@ -4,7 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>My Projects | Simple Canvas</title>
-    <link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="min-h-screen flex flex-col">

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>My Projects | Simple Canvas</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+<link rel="stylesheet" href="style.css">
     <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="min-h-screen flex flex-col">

script.js CHANGED Viewed

@@ -1,4 +1,3 @@
 // Initialize tooltips
 document.addEventListener('DOMContentLoaded', function() {
     // Any shared JavaScript functionality can go here
@@ -10,34 +9,4 @@ document.addEventListener('DOMContentLoaded', function() {
         document.body.style.transition = 'opacity 0.5s ease-in';
         document.body.style.opacity = '1';
     }, 100);
-    // Check for geolocation permission
-    if (navigator.geolocation && window.location.pathname === '/tracking.html') {
-        navigator.geolocation.getCurrentPosition(
-            position => {
-                console.log('Location access granted', position);
-            },
-            error => {
-                console.warn('Location access denied', error);
-            }
-        );
-    }
-});
-// Device tracking functions
-function watchDevicePosition(deviceId, callback) {
-    // In a real app, this would connect to your device tracking API
-    // This is a mock implementation that simulates movement
-    if (typeof deviceId !== 'string') return;
-    const interval = setInterval(() => {
-        const lat = 51.505 + (Math.random() * 0.02 - 0.01);
-        const lng = -0.09 + (Math.random() * 0.02 - 0.01);
-        callback({
-            coords: { latitude: lat, longitude: lng },
-            timestamp: Date.now()
-        });
-    }, 3000);
-    return () => clearInterval(interval);
-}

 // Initialize tooltips
 document.addEventListener('DOMContentLoaded', function() {
     // Any shared JavaScript functionality can go here
         document.body.style.transition = 'opacity 0.5s ease-in';
         document.body.style.opacity = '1';
     }, 100);
+});

style.css CHANGED Viewed

@@ -11,21 +11,7 @@ body {
     50% { transform: translateY(-15px); }
     100% { transform: translateY(0px); }
 }
 .floating {
     animation: float 6s ease-in-out infinite;
-}
-/* Map styles */
-#map {
-    z-index: 1;
-}
-/* Device list styles */
-#device-list div {
-    transition: all 0.2s;
-}
-#device-list div:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-}

     50% { transform: translateY(-15px); }
     100% { transform: translateY(0px); }
 }
 .floating {
     animation: float 6s ease-in-out infinite;
+}