my-cloud-devops-consulting 5.5.9__tar.gz → 5.6.9__tar.gz

{my_cloud_devops_consulting-5.5.9/my_cloud_devops_consulting.egg-info → my_cloud_devops_consulting-5.6.9}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: my-cloud-devops-consulting
-Version: 5.5.9
+Version: 5.6.9
 Summary: This is my consulting website for Cloud & DevOps services.
 Home-page: https://github.com/Betrand1999/project-root
 Author: Betrand Mutagha

{my_cloud_devops_consulting-5.5.9 → my_cloud_devops_consulting-5.6.9}/app.py

@@ -1,19 +1,41 @@
-from flask import Flask, render_template, request, redirect, url_for, session, flash
+from flask import Flask, render_template, request, redirect, url_for, session, flash,jsonify
 from pymongo import MongoClient
 from werkzeug.security import generate_password_hash, check_password_hash
 from urllib.parse import quote_plus
-import os
+from bson.objectid import ObjectId
 
+import os
+from flask_login import LoginManager,login_user,UserMixin,login_required,logout_user,current_user
+from settings import SECRET_KEY,MONGO_URI, EMAIL_USER
+from utils import send_email, get_videos
 app = Flask(__name__)
-app.secret_key = os.environ.get('SECRET_KEY', 'your_secret_key')  # Secure your secret key with an environment variable
+app.secret_key = SECRET_KEY  # Secure your secret key with an environment variable
+login_manager = LoginManager()
+
+login_manager.init_app(app)
 
-# MongoDB Configuration with properly escaped credentials
-username = quote_plus("betrand1999") # add username and pst
-password = quote_plus("Cameroon@10K")
-client = MongoClient(f"mongodb+srv://{username}:{password}@cluster.7plpy.mongodb.net/my-database?retryWrites=true&w=majority")
+
+client = MongoClient(MONGO_URI)
 db = client['my-database']  # Specify your database as shown in the MongoDB Atlas interface
 users_collection = db['inventory_collection']  # Collection for storing user data
 
+
+
+class User(UserMixin):
+    def __init__(self, user_id, username):
+        self.id = str(user_id)
+        self.username = username
+
+    @staticmethod
+    def get(user_id):
+        user = users_collection.find_one({"_id": ObjectId(user_id)})
+        if user:
+            return User(user["_id"], user["username"])
+        return None
+@login_manager.user_loader
+def load_user(user_id):
+    return User.get(user_id)
+
 @app.route('/')
 def home():
     video_url = None
@@ -23,21 +45,28 @@ def home():
 
 @app.route('/login', methods=['GET', 'POST'])
 def login():
+    if current_user.is_authenticated:
+        return redirect(url_for('home'))
     if request.method == 'POST':
         username = request.form['username']
         password = request.form['password']
+        
         user = users_collection.find_one({'username': username})
+        print(user)
         if user and check_password_hash(user['password'], password):
-            session['username'] = username
-            flash('Login successful', 'success')
-            return redirect(url_for('home'))
+            user_obj =User(user["_id"], user["username"])
+            login_user(user_obj)
+            # return redirect(url_for('home'))
+            return jsonify({"message":"Login successful", "status": 200})
         else:
-            flash('Invalid username or password', 'error')
-            return redirect(url_for('login'))
+            # return redirect(url_for('login'))
+            return jsonify({"message":"Invalid username or password", "status": 400})
     return render_template('login.html')
 
 @app.route('/register', methods=['GET', 'POST'])
 def register():
+    if current_user.is_authenticated:
+        return redirect(url_for('home'))
     if request.method == 'POST':
         username = request.form['username']
         password = request.form['password']
@@ -79,14 +108,37 @@ def contact_form():
             'appointment': appointment,
             'message': message
         }
+        print("Contact Data: ", contact_data)
         db.contacts.insert_one(contact_data)
+        
+        send_email('New Contact Form Submission', EMAIL_USER, f'Name: {name}\nEmail: {email}\nPhone: {phone}\nCategory: {category}\nAppointment: {appointment}\nMessage: {message}')
+        send_email('Thanks for contacting', email, "We will get back to you soon!")
+        
+        
 
         # Remove the email or SMS notification logic here
         # Simply flash a success message
         flash('Your message has been submitted successfully!', 'success')
 
-        return redirect(url_for('home'))
+        return redirect(url_for('contact_form'))
     return render_template('contact-form.html')
 
+
+@app.route('/videos')
+# @login_required
+def private_videos():
+    if not current_user.is_authenticated:
+        return redirect(url_for('login'))
+    videos = get_videos()
+    return render_template('private-videos.html', videos=videos)
+@app.route("/logout")
+@login_required
+def logout():
+    logout_user()
+    flash("Logged out successfully!", "info")
+    return redirect(url_for("login"))
 if __name__ == '__main__':
-    app.run(debug=True, host='0.0.0.0', port=50)
+    app.run(debug=True, host='0.0.0.0', port=80)
+
+
+

{my_cloud_devops_consulting-5.5.9 → my_cloud_devops_consulting-5.6.9/my_cloud_devops_consulting.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: my-cloud-devops-consulting
-Version: 5.5.9
+Version: 5.6.9
 Summary: This is my consulting website for Cloud & DevOps services.
 Home-page: https://github.com/Betrand1999/project-root
 Author: Betrand Mutagha

{my_cloud_devops_consulting-5.5.9 → my_cloud_devops_consulting-5.6.9}/my_cloud_devops_consulting.egg-info/SOURCES.txt

@@ -19,9 +19,11 @@ static/js/login.js
 static/js/main.js
 static/js/register.js
 static/js/services.js
+templates/base.html
 templates/contact-form.html
 templates/index.html
 templates/login.html
+templates/private-videos.html
 templates/register.html
 templates/services.html
 tests/test_unit_test.py

{my_cloud_devops_consulting-5.5.9 → my_cloud_devops_consulting-5.6.9}/setup.py

@@ -2,7 +2,7 @@ from setuptools import setup, find_packages
 
 setup(
     name='my-cloud-devops-consulting',
-    version='5.5.9',
+    version='5.6.9',
     author='Betrand Mutagha',
     author_email='mmutagha@gmail.com',
     description='This is my consulting website for Cloud & DevOps services.',

{my_cloud_devops_consulting-5.5.9 → my_cloud_devops_consulting-5.6.9}/static/css/index.css

@@ -259,47 +259,3 @@ nav ul.visible {
 .scroll-to-top:hover {
   background: #e07a35;
 }
-
-/* Styling for the navigation toggle button (visible on small screens) */
-.nav-toggle {
-  display: none;
-  background: #17a2b8;
-  color: white;
-  border: none;
-  padding: 10px;
-  cursor: pointer;
-  margin: 10px 0;
-}
-
-nav ul.visible {
-  display: block;
-}
-
-@media (max-width: 768px) {
-  .nav-toggle {
-    display: block;
-  }
-
-  nav ul {
-    display: none;
-    flex-direction: column;
-  }
-}
-
-/* Styling for the scroll-to-top button */
-.scroll-to-top {
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  padding: 10px 15px;
-  background: #ff8c42;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  display: none;
-  cursor: pointer;
-}
-
-.scroll-to-top:hover {
-  background: #e07a35;
-}

my_cloud_devops_consulting-5.6.9/static/js/login.js

@@ -0,0 +1,71 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const loginForm = document.getElementById('loginForm');
+
+    if (loginForm) {
+        loginForm.addEventListener('submit', function(event) {
+            event.preventDefault(); // Prevent default form submission
+
+            // Get form values
+            const username = document.getElementById('username').value.trim();
+            const password = document.getElementById('password').value.trim();
+
+            // Basic input validation
+            if (!username || !password) {
+                showAlert('Please fill out all fields.', 'danger');
+                return;
+            }
+
+            // Successful validation message
+            // showAlert(`Logging in with username: ${username}`, 'success');
+
+            // TODO: Implement form submission logic (e.g., AJAX request)
+            // Create an object with the form data
+            let formData = new FormData();
+            formData.append('username', username);
+            formData.append('password', password);
+
+            // Send the form data to the server using fetch
+            fetch('/login', {
+                method: 'POST',
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.status=="200") {
+                    showAlert('Login successful!', 'success');
+                    // Redirect to another page or perform other actions on success
+                    window.location.href = '/';
+                } else {
+                    showAlert(data.message || 'Login failed. Please try again.', 'danger');
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                showAlert('An error occurred. Please try again later.', 'danger');
+            });
+
+        });
+    }
+
+    // Function to show alert messages
+    function showAlert(message, type) {
+        const existingAlert = document.querySelector('.alert');
+        if (existingAlert) existingAlert.remove(); // Remove existing alerts
+
+        const alert = document.createElement('div');
+        alert.className = `alert alert-${type} alert-dismissible fade show`;
+        alert.role = 'alert';
+        alert.innerHTML = `
+            ${message}
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        `;
+
+        // Insert alert message above the form
+        loginForm.parentNode.insertBefore(alert, loginForm);
+
+        // Automatically remove alert after 3 seconds
+        setTimeout(() => {
+            if (alert) alert.remove();
+        }, 3000);
+    }
+});

my_cloud_devops_consulting-5.6.9/static/js/main.js

@@ -0,0 +1,74 @@
+// document.addEventListener("DOMContentLoaded", () => {
+//     // Smooth scrolling for all internal links
+//     const smoothScrollLinks = document.querySelectorAll("a[href^='#']");
+//     smoothScrollLinks.forEach(link => {
+//         link.addEventListener("click", (event) => {
+//             event.preventDefault();
+//             const targetId = link.getAttribute("href").substring(1);
+//             const targetElement = document.getElementById(targetId);
+//             if (targetElement) {
+//                 targetElement.scrollIntoView({ behavior: "smooth" });
+//             }
+//         });
+//     });
+
+//     // Back to top button functionality
+//     const backToTopButton = document.createElement("button");
+//     backToTopButton.innerText = "↑ Top";
+//     backToTopButton.className = "scroll-to-top";
+//     document.body.appendChild(backToTopButton);
+
+//     backToTopButton.style.display = "none";
+//     backToTopButton.addEventListener("click", () => {
+//         window.scrollTo({ top: 0, behavior: "smooth" });
+//     });
+
+//     window.addEventListener("scroll", () => {
+//         backToTopButton.style.display = window.pageYOffset > 300 ? "block" : "none";
+//     });
+
+//     // Modular function to reveal elements on scroll
+//     const revealOnScroll = () => {
+//         const sections = document.querySelectorAll("section");
+//         const viewportHeight = window.innerHeight;
+//         sections.forEach(section => {
+//             const sectionTop = section.getBoundingClientRect().top;
+//             if (sectionTop < viewportHeight - 100) {
+//                 section.classList.add("visible");
+//             }
+//         });
+//     };
+//     window.addEventListener("scroll", revealOnScroll);
+
+//     // Inject dynamic styles for section reveal effect
+//     const styleSheet = document.createElement("style");
+//     // styleSheet.type = "text/css"; // Deprecated, no longer needed
+//     styleSheet.innerText = `
+//         section {
+//             opacity: 0;
+//             transform: translateY(20px);
+//             transition: opacity 0.5s ease, transform 0.5s ease;
+//         }
+//         section.visible {
+//             opacity: 1;
+//             transform: translateY(0);
+//         }
+//         .scroll-to-top {
+//             position: fixed;
+//             bottom: 20px;
+//             right: 20px;
+//             padding: 10px 15px;
+//             background: #007bff;
+//             color: white;
+//             border: none;
+//             border-radius: 5px;
+//             display: none;
+//             cursor: pointer;
+//         }
+//         .scroll-to-top:hover {
+//             background: #0056b3;
+//         }
+//     `;
+//     document.head.appendChild(styleSheet);
+// });
+

my_cloud_devops_consulting-5.6.9/templates/base.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Consulting Homepage</title>
+    <link
+      rel="stylesheet"
+      href="{{ url_for('static', filename='css/main.css') }}"
+    />
+    <link
+      rel="stylesheet"
+      href="{{ url_for('static', filename='css/index.css') }}"
+    />
+    <style>
+      /* CSS for Moving Image */
+      .moving-image-container {
+        overflow: hidden;
+        position: relative;
+        width: 100%;
+        height: 300px; /* Adjust height as needed */
+        margin: 20px 0;
+      }
+
+      .moving-image {
+        position: absolute;
+        width: 1400px; /* Adjust the size as needed */
+        height: auto;
+        animation: moveImage 30s linear infinite;
+      }
+
+      @keyframes moveImage {
+        0% {
+          left: -150px; /* Start off-screen (left) */
+        }
+        50% {
+          left: 50%; /* Move to the center */
+          transform: translateX(-50%);
+        }
+        100% {
+          left: 100%; /* Move off-screen (right) */
+        }
+      }
+    </style>
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
+      crossorigin="anonymous"
+    />
+  </head>
+  <body>
+    <header>
+      <div class="header-container">
+        <a href="{{ url_for('home') }}" style="text-decoration: none;">
+            
+            <div class="logo" >
+                C&DC <small>Cloud & DevOps Consulting L.L.C</small>
+              </div>
+        
+        </a>
+       
+
+        <nav aria-label="Main Navigation">
+          <ul>
+            <li><a href="{{ url_for('home') }}">Home</a></li>
+            <li><a href="{{ url_for('services') }}">Services</a></li>
+            <li><a href="{{ url_for('contact_form') }}">Contact Form</a></li>
+            {% if current_user.is_authenticated %}
+            <li><a href="{{ url_for('private_videos') }}">Videos</a></li>
+            <li><a href="{{ url_for('logout') }}">Logout</a></li>
+            {% else %}
+
+            <li><a href="{{ url_for('register') }}">Register</a></li>
+            <li><a href="{{ url_for('login') }}">Login</a></li>
+            {% endif %}
+          </ul>
+        </nav>
+      </div>
+    </header>
+
+    {% block main %}{% endblock main %}
+
+    <footer>
+      <div class="contact-info">
+        <p>
+          Phone: 240 298 1823 📞🔵 answer | Email 📩 :
+          <a href="mailto:mmutagha@gmail.com">mmutagha@gmail.com</a>
+        </p>
+      </div>
+      <p>&copy; 2025 Cloud & DevOps Consulting. All rights reserved.</p>
+    </footer>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+      crossorigin="anonymous"
+    ></script>
+    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
+  </body>
+</html>

my_cloud_devops_consulting-5.6.9/templates/contact-form.html

@@ -0,0 +1,101 @@
+{% extends "base.html" %}
+
+{% block main %}
+<main class="container mt-5">
+  <div class="row justify-content-center my-5" style="width: 100%;">
+    <div class="col-md-6 mx-auto">
+
+<!-- Flash messages for feedback -->
+{% with messages = get_flashed_messages(with_categories=true) %} 
+{% if messages %}
+<div class="alert alert-dismissible fade show" role="alert">
+  {% for category, message in messages %}
+  <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+    {{ message }}
+    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+  </div>
+  {% endfor %}
+</div>
+{% endif %} 
+{% endwith %}
+    <h2>Get in Touch with Us</h2>
+    
+    <form method="POST" action="{{ url_for('contact_form') }}" enctype="multipart/form-data">
+      <div class="mb-3">
+        <label for="name" class="form-label">Name:</label>
+        <input
+          type="text"
+          class="form-control"
+          id="name"
+          name="name"
+          placeholder="Enter your full name"
+          required
+        />
+      </div>
+  
+      <div class="mb-3">
+        <label for="email" class="form-label">Email:</label>
+        <input
+          type="email"
+          class="form-control"
+          id="email"
+          name="email"
+          placeholder="Enter your email address"
+          required
+        />
+      </div>
+  
+      <div class="mb-3">
+        <label for="phone" class="form-label">Phone Number:</label>
+        <input
+          type="tel"
+          class="form-control"
+          id="phone"
+          name="phone"
+          placeholder="Enter your phone number"
+        />
+      </div>
+  
+      <div class="mb-3">
+        <label for="category" class="form-label">Category:</label>
+        <select id="category" name="category" class="form-select">
+          <option value="general">General Inquiry</option>
+          <option value="service">Service Request</option>
+          <option value="feedback">Feedback</option>
+          <option value="support">Technical Support</option>
+        </select>
+      </div>
+  
+      <div class="mb-3">
+        <label for="appointment" class="form-label">Preferred Appointment Date and Time:</label>
+        <input type="datetime-local" class="form-control" id="appointment" name="appointment" />
+      </div>
+  
+      <div class="mb-3">
+        <label for="file" class="form-label">Upload a File (if applicable):</label>
+        <input type="file" class="form-control" id="file" name="file" />
+      </div>
+  
+      <div class="mb-3">
+        <label for="message" class="form-label">Message:</label>
+        <textarea
+          id="message"
+          class="form-control"
+          name="message"
+          rows="4"
+          placeholder="Write your message here"
+          required
+        ></textarea>
+      </div>
+  
+      <div class="mb-3">
+        <input type="submit" class="btn btn-primary" value="Submit" />
+      </div>
+    </form>
+
+  </div>
+</div>
+</div>
+</main>
+{% endblock main %}
+

my_cloud_devops_consulting-5.6.9/templates/index.html

@@ -0,0 +1,67 @@
+{% extends "base.html" %}
+
+{% block main %}
+
+<main>
+  <!-- Hero Section -->
+  <section class="hero">
+    <h2>Empowering Your Cloud & DevOps Journey</h2>
+    <p>
+      We specialize in delivering Cloud and DevOps consulting services
+      tailored to meet your unique business needs.
+    </p>
+    <button onclick="window.location.href='{{ url_for('services') }}'">
+      Explore Services
+    </button>
+  </section>
+
+  <!-- Moving Image Section -->
+  <section class="moving-image-container">
+    <img
+      src="{{ url_for('static', filename='images/image.jpg') }}"
+      alt="Moving Image"
+      class="moving-image"
+    />
+  </section>
+
+  <!-- Services Highlights -->
+  <section class="services-highlight">
+    <h3>Our Key Services</h3>
+    <div class="service-cards">
+      <div class="card">
+        <h4>Cloud Consulting</h4>
+        <p>
+          Cloud migration, strategy, and optimization tailored for your
+          business.
+        </p>
+        <a href="{{ url_for('services') }}" class="btn-link">Learn More</a>
+      </div>
+      <div class="card">
+        <h4>DevOps Solutions</h4>
+        <p>
+          CI/CD pipelines, automated infrastructure, and efficient delivery.
+        </p>
+        <a href="{{ url_for('services') }}" class="btn-link">Learn More</a>
+      </div>
+      <div class="card">
+        <h4>Security & Compliance</h4>
+        <p>
+          Ensure security and compliance across your cloud and on-premise
+          environments.
+        </p>
+        <a href="{{ url_for('services') }}" class="btn-link">Learn More</a>
+      </div>
+    </div>
+  </section>
+
+  <!-- Quick Links Section -->
+  <section class="quick-links">
+    <h3>Quick Links</h3>
+    <ul>
+      <li><a href="{{ url_for('services') }}">View Our Services</a></li>
+      <li><a href="{{ url_for('contact_form') }}">Contact Form</a></li>
+    </ul>
+  </section>
+</main>
+
+{% endblock main %}