Liamlarson commited on
Commit
5853467
·
verified ·
1 Parent(s): da8ac0b

make this website live and open to the public

Browse files
Files changed (5) hide show
  1. components/footer.js +13 -13
  2. components/navbar.js +5 -5
  3. index.html +6 -1
  4. netlify.toml +5 -0
  5. script.js +12 -1
components/footer.js CHANGED
@@ -66,39 +66,39 @@ class CustomFooter extends HTMLElement {
66
  <div class="footer-section">
67
  <h3>Tracking</h3>
68
  <ul>
69
- <li><a href="#">Track Shipment</a></li>
70
- <li><a href="#">Tracking Support</a></li>
71
- <li><a href="#">Manage Deliveries</a></li>
72
  </ul>
73
  </div>
74
 
75
  <div class="footer-section">
76
  <h3>Shipping</h3>
77
  <ul>
78
- <li><a href="#">Create a Shipment</a></li>
79
- <li><a href="#">Shipping Rates</a></li>
80
- <li><a href="#">Schedule a Pickup</a></li>
81
  </ul>
82
  </div>
83
 
84
  <div class="footer-section">
85
  <h3>Support</h3>
86
  <ul>
87
- <li><a href="#">Customer Service</a></li>
88
- <li><a href="#">Contact Us</a></li>
89
- <li><a href="#">Help Center</a></li>
90
  </ul>
91
  </div>
92
 
93
  <div class="footer-section">
94
  <h3>Company</h3>
95
  <ul>
96
- <li><a href="#">About Us</a></li>
97
- <li><a href="#">Careers</a></li>
98
- <li><a href="#">Investors</a></li>
99
  </ul>
100
  </div>
101
- </div>
102
 
103
  <div class="copyright">
104
  &copy; ${new Date().getFullYear()} FedEx Tracker Clone. Not affiliated with FedEx Corporation.
 
66
  <div class="footer-section">
67
  <h3>Tracking</h3>
68
  <ul>
69
+ <li><a href="/">Track Shipment</a></li>
70
+ <li><a href="https://www.fedex.com/en-us/customer-support.html" target="_blank">Tracking Support</a></li>
71
+ <li><a href="#" onclick="alert('Delivery management coming soon!')">Manage Deliveries</a></li>
72
  </ul>
73
  </div>
74
 
75
  <div class="footer-section">
76
  <h3>Shipping</h3>
77
  <ul>
78
+ <li><a href="#" onclick="alert('Shipping feature coming soon!')">Create a Shipment</a></li>
79
+ <li><a href="https://www.fedex.com/en-us/shipping/rate-shipping.html" target="_blank">Shipping Rates</a></li>
80
+ <li><a href="#" onclick="alert('Pickup scheduling coming soon!')">Schedule a Pickup</a></li>
81
  </ul>
82
  </div>
83
 
84
  <div class="footer-section">
85
  <h3>Support</h3>
86
  <ul>
87
+ <li><a href="mailto:support@example.com">Customer Service</a></li>
88
+ <li><a href="tel:+18004633339">Contact Us</a></li>
89
+ <li><a href="https://www.fedex.com/en-us/customer-support.html" target="_blank">Help Center</a></li>
90
  </ul>
91
  </div>
92
 
93
  <div class="footer-section">
94
  <h3>Company</h3>
95
  <ul>
96
+ <li><a href="#" onclick="alert('About page coming soon!')">About Us</a></li>
97
+ <li><a href="https://careers.fedex.com" target="_blank">Careers</a></li>
98
+ <li><a href="https://investors.fedex.com" target="_blank">Investors</a></li>
99
  </ul>
100
  </div>
101
+ </div>
102
 
103
  <div class="copyright">
104
  &copy; ${new Date().getFullYear()} FedEx Tracker Clone. Not affiliated with FedEx Corporation.
components/navbar.js CHANGED
@@ -71,11 +71,11 @@ class CustomNavbar extends HTMLElement {
71
  </a>
72
 
73
  <ul class="nav-links">
74
- <li><a href="#"><i data-feather="home"></i> Home</a></li>
75
- <li><a href="#"><i data-feather="shopping-bag"></i> Ship</a></li>
76
- <li><a href="#"><i data-feather="map"></i> Locations</a></li>
77
- <li><a href="#"><i data-feather="user"></i> Account</a></li>
78
- </ul>
79
  </div>
80
  </nav>
81
  `;
 
71
  </a>
72
 
73
  <ul class="nav-links">
74
+ <li><a href="/"><i data-feather="home"></i> Home</a></li>
75
+ <li><a href="#" onclick="alert('Shipping feature coming soon!')"><i data-feather="shopping-bag"></i> Ship</a></li>
76
+ <li><a href="https://maps.google.com" target="_blank"><i data-feather="map"></i> Locations</a></li>
77
+ <li><a href="#" onclick="alert('Account feature coming soon!')"><i data-feather="user"></i> Account</a></li>
78
+ </ul>
79
  </div>
80
  </nav>
81
  `;
index.html CHANGED
@@ -105,6 +105,11 @@
105
  spacing: 17.00
106
  });
107
  </script>
108
- <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
 
 
 
 
 
109
  </body>
110
  </html>
 
105
  spacing: 17.00
106
  });
107
  </script>
108
+ <!-- Open Graph meta tags for social sharing -->
109
+ <meta property="og:title" content="FedEx Delivery Tracker">
110
+ <meta property="og:description" content="Track your FedEx shipments in real-time">
111
+ <meta property="og:image" content="http://static.photos/technology/1200x630/123">
112
+ <meta property="og:url" content="https://fedex-tracker-clone.netlify.app">
113
+ <meta name="twitter:card" content="summary_large_image">
114
  </body>
115
  </html>
netlify.toml ADDED
@@ -0,0 +1,5 @@
 
 
 
 
 
 
1
+ ```toml
2
+ [build]
3
+ command = "echo 'No build needed for static site'"
4
+ publish = "."
5
+ ```
script.js CHANGED
@@ -1,7 +1,18 @@
1
  // Shared JavaScript
 
 
 
 
 
 
 
 
 
 
 
2
  document.addEventListener('DOMContentLoaded', () => {
3
  // Form submission handler
4
- const trackingForm = document.querySelector('form');
5
  if (trackingForm) {
6
  trackingForm.addEventListener('submit', (e) => {
7
  e.preventDefault();
 
1
  // Shared JavaScript
2
+ // Initialize analytics
3
+ if (window.netlifyIdentity) {
4
+ window.netlifyIdentity.on("init", user => {
5
+ if (!user) {
6
+ window.netlifyIdentity.on("login", () => {
7
+ document.location.href = "/admin/";
8
+ });
9
+ }
10
+ });
11
+ }
12
+
13
  document.addEventListener('DOMContentLoaded', () => {
14
  // Form submission handler
15
+ const trackingForm = document.querySelector('form');
16
  if (trackingForm) {
17
  trackingForm.addEventListener('submit', (e) => {
18
  e.preventDefault();