update pulumiUp page for 2024 save-the-date (#4210)

* update pulumiUp page for 2024 save-the-date * fix on-demand-ness of 2023 content * update nav text
pulumi · Apr 24, 2024 · 0167e57 · 0167e57
1 parent 4e851cd
commit 0167e57
Show file tree

Hide file tree

Showing 11 changed files with 54 additions and 30 deletions.
diff --git a/themes/default/assets/css/bundle.css b/themes/default/assets/css/bundle.css
@@ -18414,7 +18414,7 @@ body.section-pulumi-up .below-banner-description{
 }
 
 body.section-pulumi-up .light-blue-background{
-  background-color:#7bdeff
+  background-color:#cbeffe
 }
 
 body.section-pulumi-up .light-blue-background::before{

diff --git a/themes/default/assets/js/bundle.js b/themes/default/assets/js/bundle.js
diff --git a/themes/default/content/pulumi-up/_index.md b/themes/default/content/pulumi-up/_index.md
@@ -1,12 +1,12 @@
 ---
-title: "PulumiUP: Infrastructure as Code Conference | June 15, 2023"
+title: "PulumiUP: Infrastructure as Code Conference | Sept 18, 2024"
 type: page
 layout: pulumi-up-2023
 meta_image: /images/pulumiup-2023/meta.png
 meta_desc: |
     PulumiUP is a virtual conference with industry-recognized leaders, demos, and panel discussions about the future of IaC, Platform Engineering & DevOps and Cloud
 
-event_date: 2023-06-15T08:00:00-07:00
+event_date: 2024-09-18T08:00:00-07:00
 
 aliases:
     - /pulumiup

diff --git a/themes/default/layouts/page/pulumi-up-2023-confirmation.html b/themes/default/layouts/page/pulumi-up-2023-confirmation.html
@@ -5,7 +5,7 @@
     <div class="banner-image-confirmation flex justify-center items-center">
         <div class="text-center py-8">
             <img src="/images/pulumiup-2023/logo.svg" alt="Pulumi UP, virtual, free" class="mx-auto h-40" />
-            <h3 class="yellow-header-text">June 15, 2023</h3>
+            <h3 class="yellow-header-text">September 18, 2024</h3>
             <h4>Thank you for registering</h4>
         </div>
     </div>
@@ -38,7 +38,7 @@ <h5 class="mt-4">{{ $item.heading }}</h5>
         </div>
     </section>
 
-    <section id="workshops" style="background: linear-gradient(180deg, #7BDEFF 0%, #DBF4E4 100%);">
+    <section id="workshops" style="background: linear-gradient(180deg, #cbeffe, #ddf6ff 100%);">
         <div class="container mx-auto py-16">
             <h2 class="px-4 pb-8">Workshops</h2>
 
@@ -54,7 +54,7 @@ <h5>{{ .title }}</h5>
                             <p>{{ .description }}</p>
                             <div class="my-8">
                                 <a href="{{ .url }}" class="btn-secondary">
-                                    <span class="text-violet-600">Register Now &#8594;</span>
+                                    <span class="text-violet-600">Watch On-Demand &#8594;</span>
                                 </a>
                             </div>
                         </div>

diff --git a/themes/default/layouts/page/pulumi-up-2023.html b/themes/default/layouts/page/pulumi-up-2023.html
@@ -5,29 +5,38 @@
     <div class="banner-image flex justify-center">
         <div class="text-center py-16">
             <img src="/images/pulumiup-2023/logo.svg" alt="Pulumi UP, virtual, free" class="mx-auto mt-16 h-40" />
-            <h3 class="yellow-header-text">June 15, 2023</h3>
-            <div class="banner-description mx-auto mb-12 w-1/2">
-                <h4>The Global Infrastructure as Code Conference</h4>
+            <h3 class="yellow-header-text">September 18, 2024</h3>
+            <div class="banner-description mx-auto mb-12 w-2/3">
+                <h4>The Global Cloud and IaC Conference</h4>
                 <p>
-                    Join us virtually for a half-day of technical talks, best practices, and demos about the latest innovations in Infrastructure as Code, cloud application
-                    development, and software engineering.
+                    Dive into the future of cloud and Infrastructure as Code (IaC).<br/>Watch talks that demonstrate how to build and scale on the cloud, through Platform Engineering, with AI, and more
                 </p>
             </div>
-            <a class="btn-primary btn-primary-blue-bg" href="https://www.youtube.com/playlist?list=PLyy8Vx2ZoWlqkEzXbjUvE_CoEmBkT9Xoe" target="_blank">Watch On-Demand</a>
+            <a class="btn-secondary" href="https://sessionize.com/pulumiup-conference-2024" target="_blank">Submit a Proposal</a>
+            <a class="btn-primary" href="#register">Register</a>
         </div>
     </div>
 
     <div class="below-banner-description mx-auto px-8 my-10 w-full flex-col">
-        <h4>The Global Infrastructure as Code Conference</h4>
+        <h4>The Global Cloud and IaC Conference</h4>
         <p>
-            Join us virtually for a half-day of technical talks, best practices, and demos about the latest innovations in Infrastructure as Code, cloud application development,
-            and software engineering.
+            Dive into the future of cloud and Infrastructure as Code (IaC).<br/>Watch talks that demonstrate how to build and scale on the cloud, through Platform Engineering, with AI, and more
         </p>
     </div>
 
-    <section id="ai-panel" class="mb-12">
+    <section id="countdown" class="pt-12">
+        <pulumi-date-countdown-circles
+            date-string="{{ .Params.event_date }}"
+            value-label-class="block font-normal"
+            container-class="flex flex-wrap justify-center items-center"
+            text-class="px-3 text-4xl m-0"
+        >
+        </pulumi-date-countdown-circles>
+    </section>
+
+    <section id="ai-panel" class="my-12">
         <div class="container mx-auto text-center">
-            <h2 class="text-center">AI and the Future of Cloud Development</h2>
+            <h2 class="text-center">Watch PulumiUP 2023 On-Demand</h2>
             <p class="text-center mb-8">
                 Get ready for the future of cloud development! Listen to industry experts in our unfiltered panel discussion on how AI is transforming the cloud native landscape.
                 Stay ahead of the curve by hearing and learning from the best in the industry.
@@ -77,7 +86,7 @@ <h2>A MUST attend for...</h2>
         </div>
     </section>
 
-    <section id="dev-stories" style="background: linear-gradient(180deg, #7BDEFF, #DBF4E4 100%);">
+    <section id="dev-stories" style="background: linear-gradient(180deg, #cbeffe, #ddf6ff 100%);">
         <div class="container mx-auto px-4 pb-16 text-center">
             <h2>DevStories and Demos</h2>
             <p class="text-lg">
@@ -107,7 +116,7 @@ <h6 class="py-4">Don't miss out on this opportunity to improve your knowledge an
         </div>
     </section>
 
-    <section id="workshops" style="background: linear-gradient(180deg, #DBF4E4 0%, #7BDEFF 100%);">
+    <section id="workshops" style="background: linear-gradient(180deg, #ddf6ff 0%, #ddf6ff 100%);">
         <div class="container mx-auto py-16">
             <h2 class="px-4 pb-8">Workshops</h2>
 
@@ -123,7 +132,7 @@ <h5>{{ .title }}</h5>
                             <p>{{ .description }}</p>
                             <div class="my-8">
                                 <a href="{{ .url }}" class="btn-secondary">
-                                    <span class="text-violet-600">Register Now &#8594;</span>
+                                    <span class="text-violet-600">Watch On-Demand &#8594;</span>
                                 </a>
                             </div>
                         </div>
@@ -159,7 +168,7 @@ <h2 class="pl-8">Why Attend</h2>
         </div>
     </section>
 
-    {{ partial "event-schedule.html" (dict "schedule" .Params.schedule "background_color" "#7bdeff") }}
+    {{ partial "event-schedule.html" (dict "schedule" .Params.schedule "background_color" "#cbeffe") }}
 
 
     <section id="speakers" class="relative mb-8">
@@ -207,4 +216,19 @@ <h6 class="text-center lg:hidden">{{ .Params.customer_logos.title }}</h6>
             {{ end }}
         </div>
     </section>
+
+    <section id="register" class="bg-gray-100">
+        <div class="container mx-auto pb-12">
+            <div class="flex flex-col md:flex-row">
+                <div class="w-full lg:w-1/2 mx-auto p-6">
+                    <div class="mt-10 md:mt-0 bg-gray-200 rounded p-6 shadow">
+                        <h4>
+                            Register for PulumiUp 2024
+                        </h4>
+                        <pulumi-hubspot-form form-id="08a1925e-2f41-4bc4-baeb-88c2c9d89981" salesforce-campaign-id="701PQ00000Aa9TdYAJ"></pulumi-hubspot-form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
 {{ end }}
diff --git a/themes/default/layouts/partials/header.html b/themes/default/layouts/partials/header.html
@@ -262,8 +262,8 @@
                                             <div class="list-title">
                                                 <a href="/pulumi-up/">
                                                     <i class="fas fa-calendar fa-fw"></i>
-                                                    PulumiUP 2023 | Virtual Conference
-                                                    <div class="list-sub-title">The future of IaC, Platform Engineering, DevOps, and Cloud</div>
+                                                    PulumiUP 2024 | Virtual Conference
+                                                    <div class="list-sub-title">The future of IaC, AI/ML, Platform Engineering, DevOps, and Cloud</div>
                                                 </a>
                                             </div>
                                         </li>
@@ -434,7 +434,7 @@
                                 <hr />
                                 <div class="mobile-menu-subitems-learn">
                                     <li>
-                                        <a href="/pulumi-up/"> <i class="fas fa-calendar fa-fw"></i> PulumiUP 2023 </a>
+                                        <a href="/pulumi-up/"> <i class="fas fa-calendar fa-fw"></i> PulumiUP 2024 </a>
                                     </li>
                                     <li>
                                         <a href="/blog/"> <i class="fas fa-blog fa-fw"></i> Blog </a>

diff --git a/themes/default/static/images/pulumiup-2023/icons/network.svg b/themes/default/static/images/pulumiup-2023/icons/network.svg
diff --git a/themes/default/static/images/pulumiup-2023/icons/podium.svg b/themes/default/static/images/pulumiup-2023/icons/podium.svg
diff --git a/themes/default/static/images/pulumiup-2023/icons/rocket.svg b/themes/default/static/images/pulumiup-2023/icons/rocket.svg
diff --git a/themes/default/theme/src/scss/marketing/_pulumi-up.scss b/themes/default/theme/src/scss/marketing/_pulumi-up.scss
@@ -65,7 +65,7 @@ body.section-pulumi-up {
         &::before {
             height: 0px;
         }
-        background-color: #7bdeff;
+        background-color: #cbeffe;
     }
 
     .why-attend {

diff --git a/...s/default/theme/stencil/src/components/date-countdown-circles/date-countdown-circles.scss b/...s/default/theme/stencil/src/components/date-countdown-circles/date-countdown-circles.scss
@@ -12,7 +12,7 @@
     position: relative;
     width:100%;
     height: 100%;
-    background: linear-gradient(#fff, #fff) content-box no-repeat, conic-gradient(#7bdeff calc(var(--p)*1%), 0, #d9d9d9 100% ) border-box;
+    background: linear-gradient(#fff, #fff) content-box no-repeat, conic-gradient(#b6d7e4 calc(var(--p)*1%), 0, #ededed 100% ) border-box;
     display:flex;
     justify-content: center;
     align-items: center;