make this website live and open to the public
Browse files- components/footer.js +13 -13
- components/navbar.js +5 -5
- index.html +6 -1
- netlify.toml +5 -0
- 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="
|
| 70 |
-
<li><a href="
|
| 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="
|
| 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="
|
| 88 |
-
<li><a href="
|
| 89 |
-
<li><a href="
|
| 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="
|
| 98 |
-
<li><a href="
|
| 99 |
</ul>
|
| 100 |
</div>
|
| 101 |
-
|
| 102 |
|
| 103 |
<div class="copyright">
|
| 104 |
© ${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 |
© ${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 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 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 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
-
|
| 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();
|