sslinkyy · sslinkyy · Jun 18, 2024 · Jun 18, 2024 · Jun 18, 2024 · Jun 18, 2024
diff --git a/Readme b/Readme
@@ -0,0 +1,8 @@
+Firebase
+Netlify
+Github Pages
+google cloud services 
+squarespace domains
+Disqus API
+snipcart API
+youtube API
diff --git a/SecretPage.html b/SecretPage.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>iMOB Racing Secrets</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <nav class="navbar">
+        <div class="navbar-container">
+            <a href="index.html" class="logo">iMOB Racing</a>
+            <ul class="main-nav" id="js-menu">
+                <li><a href="index.html" class="nav-links">Home</a></li>
+                <li><a href="drivers.html" class="nav-links">Drivers</a></li>
+                <li><a href="cars.html" class="nav-links">Cars</a></li>
+                <li><a href="mission.html" class="nav-links">Our Mission</a></li>
+                <li><a href="store.html" class="nav-links">Store</a></li>
+                <li><a href="index.html#contact" class="nav-links">Contact</a></li>
+                <li><a href="all_profiles.html" class="nav-links">Profiles</a></li>
+                <li><a href="prof_editor.html" class="nav-links">Edit Profile</a></li>
+                <li><a href="javascript:void(0)" class="nav-links" id="logout">Logout</a></li>
+            </ul>
+        </div>
+    </nav>
+    <section id="secrets-section">
+        <h2>Top Secret iMOB Racing Secrets</h2>
+        <ul>
+            <li><strong>Secret #1:</strong> Our lead driver once drove an entire race with a flat tire... and still won!</li>
+            <li><strong>Secret #2:</strong> The team's chief mechanic is convinced that talking to the car engines improves their performance. He's been caught singing lullabies to them more than once.</li>
+            <li><strong>Secret #3:</strong> Our race cars have a secret compartment filled with snacks for those long, grueling races. Who says you can't race and munch at the same time?</li>
+            <li><strong>Secret #4:</strong> The iMOB Racing team holds an annual go-kart race where the mechanics, drivers, and even the management compete in costume. Last year's winner? A mechanic dressed as a giant banana.</li>
+            <li><strong>Secret #5:</strong> We once had a driver who believed that wearing mismatched socks brought good luck. He never lost a race while wearing them!</li>
+            <li><strong>Secret #6:</strong> Our team mascot, a stuffed squirrel named "Speedy," has a tiny helmet and racing suit. He's been to every race and is considered our good luck charm.</li>
+            <li><strong>Secret #7:</strong> During testing, one of our drivers accidentally discovered that humming the theme song to "Mission Impossible" improved his lap times by 5%.</li>
+            <li><strong>Secret #8:</strong> Our fastest car, nicknamed "The Rocket," actually has a small rocket decal hidden under the hood. It's our little secret boost of confidence.</li>
+            <li><strong>Secret #9:</strong> The iMOB Racing team once built a race car entirely out of LEGO bricks for a charity event. It wasn't the fastest, but it was definitely the most fun.</li>
+            <li><strong>Secret #10:</strong> Before every race, our drivers perform a secret handshake ritual that involves high-fives, fist bumps, and a choreographed dance move. It's all about team spirit!</li>
+        </ul>
+    </section>
+    <script>
+        function logout() {
+            firebase.auth().signOut().then(() => {
+                window.location.href = 'index.html';
+            }).catch((error) => {
+                console.error('Error signing out: ', error);
+            });
+        }
+
+        document.getElementById('logout').addEventListener('click', logout);
+    </script>
+</body>
+</html>
diff --git a/admin.html b/admin.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Admin Panel - IMOB Racing</title>
+    <link rel="stylesheet" href="styles.css">
+    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-app.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-firestore.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-auth.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-storage.js"></script>
+    <script src="config.js"></script>
+</head>
+<body>
+    <h1>Admin Panel</h1>
+
+    <form id="addProductForm">
+        <h2>Add New Product</h2>
+        <input type="text" id="productName" placeholder="Product Name" required>
+        <input type="text" id="productDescription" placeholder="Product Description" required>
+        <input type="number" id="productPrice" placeholder="Product Price" required>
+        <input type="text" id="productImageUrl" placeholder="Product Image URL (optional)">
+        <input type="file" id="productImageFile" accept="image/*">
+        <button type="submit">Add Product</button>
+    </form>
+
+    <div id="admin-grid" class="admin-grid">
+        <!-- Products will be dynamically added here -->
+    </div>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            firebase.initializeApp(CONFIG.FIREBASE_CONFIG);
+            const db = firebase.firestore();
+            const storage = firebase.storage();
+
+            async function loadProducts() {
+                try {
+                    const productsSnapshot = await db.collection('store-items').get();
+                    const adminGrid = document.getElementById('admin-grid');
+                    adminGrid.innerHTML = '';
+
+                    productsSnapshot.forEach((doc) => {
+                        const product = doc.data();
+                        adminGrid.innerHTML += `
+                            <div class="admin-item">
+                                <h3>${product.name}</h3>
+                                <p>${product.description}</p>
+                                <p>Price: ${product.price}</p>
+                                <img src="${product.imageUrl}" alt="${product.name}" style="width: 100px; height: auto;">
+                                <button class="delete-button" data-product-id="${doc.id}">Delete</button>
+                            </div>
+                        `;
+                    });
+
+                    document.querySelectorAll('.delete-button').forEach(button => {
+                        button.addEventListener('click', function () {
+                            const productId = this.dataset.productId;
+                            deleteProduct(productId);
+                        });
+                    });
+                } catch (error) {
+                    console.error('Error loading products:', error);
+                }
+            }
+
+            async function deleteProduct(productId) {
+                try {
+                    await db.collection('store-items').doc(productId).delete();
+                    console.log('Product deleted successfully');
+                    alert('Product deleted successfully');
+                    loadProducts(); // Refresh the product list
+                } catch (error) {
+                    console.error('Error deleting product:', error);
+                    alert('Error deleting product: ' + error.message);
+                }
+            }
+
+            document.getElementById('addProductForm').addEventListener('submit', async function (e) {
+                e.preventDefault();
+                const name = document.getElementById('productName').value;
+                const description = document.getElementById('productDescription').value;
+                const price = document.getElementById('productPrice').value;
+                const imageUrlInput = document.getElementById('productImageUrl').value;
+                const imageFile = document.getElementById('productImageFile').files[0];
+
+                let imageUrl = imageUrlInput;
+
+                if (imageFile) {
+                    const storageRef = storage.ref();
+                    const fileRef = storageRef.child(`store-images/${imageFile.name}`);
+                    await fileRef.put(imageFile);
+                    imageUrl = await fileRef.getDownloadURL();
+                }
+
+                try {
+                    await db.collection('store-items').add({
+                        name,
+                        description,
+                        price: parseFloat(price),
+                        imageUrl
+                    });
+                    alert('Product added successfully');
+                    loadProducts();
+                } catch (error) {
+                    console.error('Error adding product:', error);
+                    alert('Error adding product: ' + error.message);
+                }
+            });
+
+            firebase.auth().onAuthStateChanged((user) => {
+                if (user) {
+                    loadProducts();
+                } else {
+                    // User is signed out
+                    window.location.href = 'login.html';
+                }
+            });
+        });
+    </script>
+</body>
+</html>
diff --git a/all_profiles.html b/all_profiles.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>All Profiles</title>
+    <link rel="stylesheet" href="styles.css">
+    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-app.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-auth.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-firestore.js"></script>
+    <script src="config.js"></script>
+</head>
+<body>
+    <nav class="navbar">
+        <div class="navbar-container">
+            <a href="index.html" class="logo">iMOB Racing</a>
+            <ul class="main-nav" id="js-menu">
+                <li><a href="index.html" class="nav-links">Home</a></li>
+                <li><a href="drivers.html" class="nav-links">Drivers</a></li>
+                <li><a href="cars.html" class="nav-links">Cars</a></li>
+                <li><a href="mission.html" class="nav-links">Our Mission</a></li>
+                <li><a href="index.html#contact" class="nav-links">Contact</a></li>
+                <li><a href="all_profiles.html" class="nav-links">All Profiles</a></li>
+                <li><a href="profile.html" class="nav-links">Profile</a></li>
+                <li><a href="prof_editor.html" class="nav-links">Edit Profile</a></li>
+            </ul>
+        </div>
+    </nav>
+    <h1>All Profiles</h1>
+    <div id="profiles-container"></div>
+    <script>
+        if (!firebase.apps.length) {
+            firebase.initializeApp(CONFIG.FIREBASE_CONFIG);
+        }
+
+        document.addEventListener('DOMContentLoaded', () => {
+            loadProfiles();
+        });
+
+        async function loadProfiles() {
+            try {
+                const db = firebase.firestore();
+                const profilesSnapshot = await db.collection('profiles').get();
+                const profilesContainer = document.getElementById('profiles-container');
+                profilesSnapshot.forEach(doc => {
+                    const profile = doc.data();
+                    const profileCard = document.createElement('div');
+                    profileCard.classList.add('profile-card');
+                    profileCard.innerHTML = `
+                        <h3>${profile.username}</h3>
+                        <img src="${profile.profileImageUrl}" alt="Profile Image" class="thumbnail">
+                        <p>${profile.email}</p>
+                        <a href="profile.html?userId=${doc.id}" class="view-profile-button">View Profile</a>
+                    `;
+                    profilesContainer.appendChild(profileCard);
+                });
+            } catch (error) {
+                console.error('Error loading profiles: ', error);
+            }
+        }
+    </script>
+</body>
+</html>
diff --git a/all_profiles.js b/all_profiles.js
@@ -0,0 +1,39 @@
+document.addEventListener('DOMContentLoaded', function() {
+    loadAllProfiles();
+});
+
+function loadAllProfiles() {
+    const db = firebase.firestore();
+    const profilesContainer = document.getElementById('profiles-container');
+    profilesContainer.innerHTML = '';  // Clear any existing content
+
+    db.collection('profiles').get().then(querySnapshot => {
+        querySnapshot.forEach(doc => {
+            const profile = doc.data();
+            const profileDiv = document.createElement('div');
+            profileDiv.className = 'profile-card';
+
+            const profileImage = document.createElement('img');
+            profileImage.src = profile.profileImageUrl || 'default-profile.webp';
+            profileImage.alt = profile.username || 'No username';
+            profileImage.style.maxWidth = '100px';
+            profileImage.style.maxHeight = '100px';
+
+            const profileUsername = document.createElement('h2');
+            profileUsername.textContent = profile.username || 'No username';
+
+            const profileEmail = document.createElement('p');
+            profileEmail.textContent = profile.email || 'No email';
+
+            profileDiv.appendChild(profileImage);
+            profileDiv.appendChild(profileUsername);
+            profileDiv.appendChild(profileEmail);
+
+            profileDiv.addEventListener('click', function() {
+                window.location.href = `profile.html?uid=${doc.id}`;
+            });
+
+            profilesContainer.appendChild(profileDiv);
+        });
+    }).catch(error => console.error('Error loading profiles: ', error));
+}
diff --git a/config.js b/config.js
@@ -1,11 +1,21 @@
-// config.js
 const CONFIG = {
-    YOUTUBE_API_KEY: 'AIzaSyDaCJQhs3fz-k7hg-j0NQWj0S1r7ZEvThs',
+    YOUTUBE_API_KEY: 'AIzaSyABU-pv8sgjMtMx9Dv9ySsi2XGtUEGZhg',
     YOUTUBE_CHANNEL_ID: 'UCbvXNK-13KBK_yZuZ5YeLZw',
     FACEBOOK_PAGE_URL: 'https://www.facebook.com/imobracing',
     GOOGLE_FORM_URL: 'https://docs.google.com/forms/d/e/1FAIpQLSfZqtnqgL2im8K7Ih6hCjqLrEZ-frZzTMMlJLbMCMg4u8MxaA/viewform?usp=sf_link',
     DISQUS_SHORTNAME: 'imobracing',
     DISQUS_PAGE_URL: 'https://imobracingonline.com',
     DISQUS_PAGE_IDENTIFIER: 'imobracing-forums',
     GOOGLE_CALENDAR_ID: 'imobracing%40gmail.com',
+    FIREBASE_CONFIG: {
+        apiKey: "AIzaSyA0U-py8sgjtMkX0vD9ySsi2XGtUUEGZhg",
+        authDomain: "imob-racing-website.firebaseapp.com",
+        projectId: "imob-racing-website",
+        storageBucket: "imob-racing-website.appspot.com",
+        messagingSenderId: "580908835958",
+        appId: "1:580908835958:web:a7bb3f6a4b52d8f8c28c1a"
+    },
+    GOOGLE_CLIENT_ID: '580908835958-labitokmi7ivmvm0ha1muth5a45smnni.apps.googleusercontent.com',
+    SNIPCART_API_KEY: 'NDFkZGNlNDktMjE2YS00MmUyLTk4ZmYtMjY5YWE2OWYwOTI2NjM4NTQxODI3NjYwMTI3MDQ5',
+    SNIPCART_SECRET_KEY: 'ST_ZWIwYzA1ZDgtNzEwNS00YTc5LTk4YjUtMzQ2YmQyOGUxODhiNjM4NTQ0NDU5MzE2NzIyODc3',
 };
diff --git a/default-profile.jpg b/default-profile.jpg
diff --git a/default-profile.png b/default-profile.png
diff --git a/default-profile.webp b/default-profile.webp
diff --git a/images/1 b/images/1
@@ -0,0 +1 @@
+
diff --git a/images/AI.webp → images/ai.webp b/images/AI.webp → images/ai.webp