Spaces:

cbow
/

hubworks

Running

App Files Files Community

cbow commited on Sep 16, 2025

Commit

c2499bf

verified ·

1 Parent(s): cabfb82

add a drop shadow to the title text - Follow Up Deployment

Browse files

Files changed (2) hide show

index.html +19 -31
prompts.txt +17 -0

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Christopher Bolduc | Energy Efficiency Expert</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
@@ -12,7 +12,7 @@
     <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
     <style>
         .hero-gradient {
-            background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #1d4ed8 100%);
         }
         .skill-pill {
             transition: all 0.3s ease;
@@ -91,39 +91,41 @@
                 display: none;
             }
             #hero {
-                background: #1e3a8a;
             }
         }
     </style>
 </head>
 <body class="font-sans antialiased text-gray-800">
-    <!-- Hero Section with Vanta.js Background -->
-    <div id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden">
-        <div class="absolute inset-0 z-0">
-            <div id="vanta-bg" class="w-full h-full"></div>
-            <div class="absolute inset-0 bg-black opacity-30"></div>
         </div>
-        <div class="container mx-auto px-4 md:px-6 relative z-10 text-center py-16 md:py-20">
-            <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white mb-4 md:mb-6" data-aos="fade-down">
-                Christopher Bolduc
-            </h1>
-            <h2 class="text-xl md:text-2xl lg:text-3xl font-semibold text-blue-100 mb-6 md:mb-8" data-aos="fade-down" data-aos-delay="100">
                 Senior Energy Efficiency Consultant & Project Manager
             </h2>
-            <p class="text-lg md:text-xl text-blue-100 max-w-3xl mx-auto mb-8 md:mb-10" data-aos="fade-down" data-aos-delay="200">
                 Driving national energy policy through scientific research, cross-functional leadership, and innovative system thinking
             </p>
-            <div class="flex flex-wrap justify-center gap-3 md:gap-4" data-aos="fade-up" data-aos-delay="300">
                 <a href="#about" class="px-6 py-2 md:px-8 md:py-3 bg-white text-blue-800 font-semibold rounded-full hover:bg-blue-50 transition duration-300 text-sm md:text-base">
                     Learn More
                 </a>
-                <a href="#contact" class="px-6 py-2 md:px-8 md:py-3 border border-white md:border-2 text-white font-semibold rounded-full hover:bg-white hover:text-blue-800 transition duration-300 text-sm md:text-base">
                     Contact Me
                 </a>
             </div>
         </div>
         <a href="#about" class="absolute bottom-8 md:bottom-10 left-1/2 transform -translate-x-1/2 animate-bounce" data-aos="fade-up" data-aos-delay="400">
-            <i data-feather="chevron-down" class="text-white w-8 h-8 md:w-10 md:h-10"></i>
         </a>
     </div>
@@ -411,20 +413,6 @@
         });
         feather.replace();
-        VANTA.GLOBE({
-            el: "#vanta-bg",
-            mouseControls: true,
-            touchControls: true,
-            gyroControls: false,
-            minHeight: 200.00,
-            minWidth: 200.00,
-            scale: 1.00,
-            scaleMobile: 1.00,
-            color: 0x3b82f6,
-            backgroundColor: 0x111827,
-            size: 0.8
-        });
     </script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Chris Bolduc | Energy Efficiency Expert</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
     <style>
         .hero-gradient {
+            background: white;
         }
         .skill-pill {
             transition: all 0.3s ease;
                 display: none;
             }
             #hero {
+                background: white;
             }
         }
     </style>
 </head>
 <body class="font-sans antialiased text-gray-800">
+    <!-- Hero Section -->
+    <div id="hero" class="min-h-screen flex items-center justify-center bg-white">
+        <div class="absolute inset-0 overflow-hidden" style="top: 85px;">
+            <div class="h-full w-full" style="background: url('https://huggingface.co/spaces/cbow/hubworks/resolve/main/images/streak.gif') no-repeat center top; background-size: contain;"></div>
         </div>
+        <div class="container mx-auto px-4 md:px-6 py-16 md:py-20 relative z-10">
+            <div class="flex items-center justify-start gap-4 mb-8 relative z-20">
+                <img src="https://huggingface.co/spaces/cbow/hubworks/resolve/main/images/tree.png" alt="Logo" class="h-16 md:h-24">
+                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white relative z-20 drop-shadow-lg" data-aos="fade-down">
+                    Chris Bolduc
+                </h1>
+            </div>
+            <h2 class="text-xl md:text-2xl lg:text-3xl font-semibold text-gray-800 mb-6 md:mb-8 text-left relative z-10" data-aos="fade-down" data-aos-delay="100">
                 Senior Energy Efficiency Consultant & Project Manager
             </h2>
+            <p class="text-lg md:text-xl text-gray-700 max-w-3xl mb-8 md:mb-10 text-left" data-aos="fade-down" data-aos-delay="200">
                 Driving national energy policy through scientific research, cross-functional leadership, and innovative system thinking
             </p>
+            <div class="flex flex-wrap justify-start gap-3 md:gap-4" data-aos="fade-up" data-aos-delay="300">
                 <a href="#about" class="px-6 py-2 md:px-8 md:py-3 bg-white text-blue-800 font-semibold rounded-full hover:bg-blue-50 transition duration-300 text-sm md:text-base">
                     Learn More
                 </a>
+                <a href="#contact" class="px-6 py-2 md:px-8 md:py-3 border border-gray-800 md:border-2 text-gray-800 font-semibold rounded-full hover:bg-gray-100 hover:text-blue-800 transition duration-300 text-sm md:text-base">
                     Contact Me
                 </a>
             </div>
         </div>
         <a href="#about" class="absolute bottom-8 md:bottom-10 left-1/2 transform -translate-x-1/2 animate-bounce" data-aos="fade-up" data-aos-delay="400">
+            <i data-feather="chevron-down" class="text-gray-800 w-8 h-8 md:w-10 md:h-10"></i>
         </a>
     </div>
         });
         feather.replace();
     </script>
 </body>
 </html>

prompts.txt CHANGED Viewed

	@@ -0,0 +1,17 @@

+the tree images is the logo and the streak is the banner
+Use this as my logo
+make the logo left justified inline with the titie HUBWorks Consulting. remove the background image
+use this images as the background, do not repeat
+shring the background so that it will fit behind the logo. have the title "sit" above the background
+move the backgroud up 100px
+again
+move the background down 150px
+move the background up 30px
+move the background up 30px
+move the background up 10px
+move the background down 5px.
+change the title to: Chris Bolduc
+change the background color to white
+Change the text color to black
+change title text to Chris Bolduc, and change the title text color to white
+add a drop shadow to the title text