my-cloud-devops-consulting 1.1.202507100102__tar.gz → 1.1.202507110132__tar.gz

{my-cloud-devops-consulting-1.1.202507100102/my_cloud_devops_consulting.egg-info → my-cloud-devops-consulting-1.1.202507110132}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: my-cloud-devops-consulting
-Version: 1.1.202507100102
+Version: 1.1.202507110132
 Summary: This is my consulting website for Cloud & DevOps services.
 Home-page: https://github.com/Betrand1999/project-root
 Author: Betrand Mutagha
@@ -103,3 +103,6 @@ docker system prune -a
 
 site:1beto.com ### it confirms that 1beto.com is not yet indexed by Google
 
+
+# moving image is in the base.html  start with moving
+

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132}/README.md

@@ -85,4 +85,7 @@ docker system prune -a
 ################################################
 
 
-site:1beto.com ### it confirms that 1beto.com is not yet indexed by Google
+site:1beto.com ### it confirms that 1beto.com is not yet indexed by Google
+
+
+# moving image is in the base.html  start with moving

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132/my_cloud_devops_consulting.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: my-cloud-devops-consulting
-Version: 1.1.202507100102
+Version: 1.1.202507110132
 Summary: This is my consulting website for Cloud & DevOps services.
 Home-page: https://github.com/Betrand1999/project-root
 Author: Betrand Mutagha
@@ -103,3 +103,6 @@ docker system prune -a
 
 site:1beto.com ### it confirms that 1beto.com is not yet indexed by Google
 
+
+# moving image is in the base.html  start with moving
+

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132}/my_cloud_devops_consulting.egg-info/SOURCES.txt

@@ -23,6 +23,10 @@ static/images/favicon.svg
 static/images/image.jpg
 static/images/instagram.png
 static/images/linkedin.png
+static/images/pexels-divinetechygirl-1181341.jpg
+static/images/pexels-divinetechygirl-1181472.jpg
+static/images/pexels-fotios-photos-16129703.jpg
+static/images/pexels-tiger-lily-7108466.jpg
 static/images/whatsapp-navbar.png
 static/js/counter.js
 static/js/index.js

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132}/static/css/assessment.css

@@ -1,46 +1,3 @@
-/* body {
-  font-family: Arial, sans-serif;
-  background-color: #f8f9fa;
-  color: #333;
-}
-
-.container {
-  width: 60%;
-  margin: 50px auto;
-  background: white;
-  padding: 30px;
-  border-radius: 8px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
-
-label {
-  display: block;
-  margin-top: 20px;
-}
-
-input[type="text"],
-input[type="number"] {
-  width: 100%;
-  padding: 8px;
-  margin-top: 5px;
-}
-
-button {
-  margin-top: 20px;
-  padding: 10px 20px;
-  background-color: #0077cc;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.result {
-  margin-top: 30px;
-  padding: 20px;
-  background-color: #eef;
-  border-left: 5px solid #0077cc;
-} */
 body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   background-color: #f0f4f8;
@@ -113,7 +70,7 @@ button:hover {
   color: #333;
 }
 
-@media (max-width: 600px) {
+@media (max-width: 20px) {
   .container {
     padding: 25px;
     margin: 20px;

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132}/static/css/index.css

@@ -177,7 +177,6 @@ footer {
   box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
 }
 
-
 @media (max-width: 768px) {
   /* 🔧 Fix navigation links hidden on mobile */
   nav ul {

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132}/static/css/main.css

@@ -152,12 +152,4 @@ nav ul li a i {
   animation-delay: 3s;
 }
 
-@keyframes float {
-  0%,
-  100% {
-    transform: translateY(0px);
-  }
-  50% {
-    transform: translateY(-20px);
-  }
-}
+/* moving image is not here */

my-cloud-devops-consulting-1.1.202507110132/static/js/counter.js

@@ -0,0 +1,20 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const counters = document.querySelectorAll(".counter");
+  counters.forEach(counter => {
+    const updateCount = () => {
+      const target = +counter.getAttribute("data-target");
+      const count = +counter.innerText;
+      const increment = target / 600; // smaller = slower
+
+      if (count < target) {
+        counter.innerText = Math.ceil(count + increment);
+        setTimeout(updateCount, 40);
+      } else {
+        counter.innerText = target;
+      }
+    };
+    updateCount();
+  });
+});
+
+// update our impact numbers here 

my-cloud-devops-consulting-1.1.202507110132/static/js/index.js

@@ -0,0 +1,119 @@
+
+document.addEventListener("DOMContentLoaded", () => {
+  // Smooth scrolling for internal links
+  const links = document.querySelectorAll("a[href^='#']");
+  links.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", () => {
+    if (window.pageYOffset > 300) {
+      backToTopButton.style.display = "block";
+    } else {
+      backToTopButton.style.display = "none";
+    }
+  });
+
+  // Hero section animation
+  const heroSection = document.querySelector(".hero");
+  if (heroSection) {
+    heroSection.style.transition = "opacity 1s ease, transform 1s ease";
+    heroSection.style.opacity = 0;
+    heroSection.style.transform = "translateY(20px)";
+    setTimeout(() => {
+      heroSection.style.opacity = 1;
+      heroSection.style.transform = "translateY(0)";
+    }, 100);
+  }
+
+  // Card hover effect with subtle movement
+  const cards = document.querySelectorAll(".card");
+  cards.forEach(card => {
+    card.addEventListener("mouseover", () => {
+      card.style.transform = "scale(1.05)";
+      card.style.transition = "transform 0.3s ease";
+    });
+    card.addEventListener("mouseout", () => {
+      card.style.transform = "scale(1)";
+    });
+  });
+
+  // Section reveal on scroll
+  const sections = document.querySelectorAll("section");
+  const revealSection = () => {
+    const viewportHeight = window.innerHeight;
+    sections.forEach(section => {
+      const sectionTop = section.getBoundingClientRect().top;
+      if (sectionTop < viewportHeight - 100) {
+        section.classList.add("visible");
+      }
+    });
+  };
+  window.addEventListener("scroll", revealSection);
+
+  // Styling enhancements for the reveal effect
+  const styleSheet = document.createElement("style");
+  styleSheet.type = "text/css";
+  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: #ff8c42;
+      color: white;
+      border: none;
+      border-radius: 5px;
+      display: none;
+      cursor: pointer;
+      transition: background 0.3s ease;
+    }
+    .scroll-to-top:hover {
+      background: #e07a35;
+    }
+  `;
+  document.head.appendChild(styleSheet);
+});
+
+
+// Function to scroll to the top of the page
+function scrollToTop() {
+window.scrollTo({ top: 0, behavior: 'smooth' });
+}
+
+// Show the button when the user scrolls down
+window.addEventListener('scroll', () => {
+const scrollToTopButton = document.querySelector('.scroll-to-top');
+if (window.pageYOffset > 300) {
+  scrollToTopButton.style.display = 'block';
+} else {
+  scrollToTopButton.style.display = 'none';
+}
+});

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132}/templates/base.html

@@ -70,35 +70,77 @@
     {% endif %}
 
     <style>
-      /* CSS for Moving Image */
-      .moving-image-container {
-        overflow: hidden;
+      /* Wrapper holding both images horizontally */
+      .moving-images-row {
+        display: flex;
+        justify-content: center;
+        gap: 30px;
+        padding: 40px 20px;
+        background: #f9f9f9;
+        overflow-x: auto;
+      }
+
+      /* Individual image wrapper */
+      .moving-image-box {
         position: relative;
-        width: 100%;
-        height: 300px; /* Adjust height as needed */
-        margin: 20px 0;
+        width: 400px; /* Width of each image */
+        height: 200px;
+        overflow: hidden;
+        border-radius: 12px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        flex: 0 0 auto;
       }
 
+      /* Floating animation effect */
       .moving-image {
-        position: absolute;
-        width: 1400px; /* Adjust the size as needed */
-        height: auto;
-        animation: moveImage 30s linear infinite;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        animation: floatImage 4s ease-in-out infinite; /* 👈 reduced from 8s to 4s */
       }
 
-      @keyframes moveImage {
+      @keyframes floatImage {
         0% {
-          left: -150px; /* Start off-screen (left) */
+          transform: translateY(0px);
         }
         50% {
-          left: 50%; /* Move to the center */
-          transform: translateX(-50%);
+          transform: translateY(-10px);
         }
         100% {
-          left: 100%; /* Move off-screen (right) */
+          transform: translateY(0px);
+        }
+      }
+
+      /* Staggered float animation delays */
+      .moving-image-box:nth-child(1) .moving-image {
+        animation-delay: 0s;
+      }
+
+      .moving-image-box:nth-child(2) .moving-image {
+        animation-delay: 2s;
+      }
+
+      .moving-image-box:nth-child(3) .moving-image {
+        animation-delay: 4s;
+      }
+
+      .moving-image-box:nth-child(4) .moving-image {
+        animation-delay: 6s;
+      }
+
+      @keyframes zoomInOut {
+        0% {
+          transform: scale(1);
+        }
+        50% {
+          transform: scale(1.05);
+        }
+        100% {
+          transform: scale(1);
         }
       }
     </style>
+
     <link
       href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
       rel="stylesheet"
@@ -116,26 +158,6 @@
           </div>
         </a>
 
-        <!--
-       <nav aria-label="Main Navigation">
-          <ul>
-            <li><a href="{{ url_for('home') }}">Home</a></li>
-            <li><a href="{{ url_for('about') }}">About</a></li>
-            <li><a href="{{ url_for('assessment') }}">Assessment</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> -->
-
         <nav aria-label="Main Navigation">
           <ul>
             <li>

{my-cloud-devops-consulting-1.1.202507100102 → my-cloud-devops-consulting-1.1.202507110132}/templates/index.html

@@ -73,15 +73,38 @@
       Request A Demo
     </a>
   </section>
-  <!-- add demo -->
 
-  <!-- Moving Image Section -->
-  <section class="moving-image-container">
-    <img
-      src="{{ url_for('static', filename='images/image.jpg') }}"
-      alt="Moving Image"
-      class="moving-image"
-    />
+  <!-- Moving Image Section  1 -->
+  <!-- Horizontal Moving Images -->
+  <section class="moving-images-row">
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-tiger-lily-7108466.jpg') }}"
+        alt="Tiger Lily"
+        class="moving-image"
+      />
+    </div>
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-divinetechygirl-1181341.jpg') }}"
+        alt="Techy Girl"
+        class="moving-image"
+      />
+    </div>
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-divinetechygirl-1181472.jpg') }}"
+        alt="Techy Girl"
+        class="moving-image"
+      />
+    </div>
+    <div class="moving-image-box">
+      <img
+        src="{{ url_for('static', filename='images/pexels-fotios-photos-16129703.jpg') }}"
+        alt="Techy Girl"
+        class="moving-image"
+      />
+    </div>
   </section>
 
   <!-- Services Highlights -->

my-cloud-devops-consulting-1.1.202507100102/static/js/counter.js

@@ -1,19 +0,0 @@
-document.addEventListener("DOMContentLoaded", () => {
-    const counters = document.querySelectorAll(".counter");
-    counters.forEach(counter => {
-      const updateCount = () => {
-        const target = +counter.getAttribute("data-target");
-        const count = +counter.innerText;
-        const increment = target / 200; // smaller = slower
-  
-        if (count < target) {
-          counter.innerText = Math.ceil(count + increment);
-          setTimeout(updateCount, 20);
-        } else {
-          counter.innerText = target;
-        }
-      };
-      updateCount();
-    });
-  });
-  

my-cloud-devops-consulting-1.1.202507100102/static/js/index.js

@@ -1,118 +0,0 @@
-document.addEventListener("DOMContentLoaded", () => {
-    // Smooth scrolling for internal links
-    const links = document.querySelectorAll("a[href^='#']");
-    links.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", () => {
-      if (window.pageYOffset > 300) {
-        backToTopButton.style.display = "block";
-      } else {
-        backToTopButton.style.display = "none";
-      }
-    });
-  
-    // Hero section animation
-    const heroSection = document.querySelector(".hero");
-    if (heroSection) {
-      heroSection.style.transition = "opacity 1s ease, transform 1s ease";
-      heroSection.style.opacity = 0;
-      heroSection.style.transform = "translateY(20px)";
-      setTimeout(() => {
-        heroSection.style.opacity = 1;
-        heroSection.style.transform = "translateY(0)";
-      }, 100);
-    }
-  
-    // Card hover effect with subtle movement
-    const cards = document.querySelectorAll(".card");
-    cards.forEach(card => {
-      card.addEventListener("mouseover", () => {
-        card.style.transform = "scale(1.05)";
-        card.style.transition = "transform 0.3s ease";
-      });
-      card.addEventListener("mouseout", () => {
-        card.style.transform = "scale(1)";
-      });
-    });
-  
-    // Section reveal on scroll
-    const sections = document.querySelectorAll("section");
-    const revealSection = () => {
-      const viewportHeight = window.innerHeight;
-      sections.forEach(section => {
-        const sectionTop = section.getBoundingClientRect().top;
-        if (sectionTop < viewportHeight - 100) {
-          section.classList.add("visible");
-        }
-      });
-    };
-    window.addEventListener("scroll", revealSection);
-  
-    // Styling enhancements for the reveal effect
-    const styleSheet = document.createElement("style");
-    styleSheet.type = "text/css";
-    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: #ff8c42;
-        color: white;
-        border: none;
-        border-radius: 5px;
-        display: none;
-        cursor: pointer;
-        transition: background 0.3s ease;
-      }
-      .scroll-to-top:hover {
-        background: #e07a35;
-      }
-    `;
-    document.head.appendChild(styleSheet);
-  });
-  
-
-  // Function to scroll to the top of the page
-function scrollToTop() {
-  window.scrollTo({ top: 0, behavior: 'smooth' });
-}
-
-// Show the button when the user scrolls down
-window.addEventListener('scroll', () => {
-  const scrollToTopButton = document.querySelector('.scroll-to-top');
-  if (window.pageYOffset > 300) {
-    scrollToTopButton.style.display = 'block';
-  } else {
-    scrollToTopButton.style.display = 'none';
-  }
-});