Update banners and add CTAs for PulumiUP in docs and blog pages

themes/default/assets/sass/components/_audio.scss

@@ -22,7 +22,8 @@ pulumi-audio {
         }
 
         .audio-button {
-            @apply btn btn-orange inline-block;
+            @apply btn btn-orange inline-block rounded border-orange-600;
+            box-shadow: 0 0 15px, 0 0 2px, 0 0 1em $orange600, 0 0 0.5em $orange600, 0 0 0.1em $orange600;
         }
     }
 }

themes/default/components/src/components/hubspot-form/hubspot-form.tsx

@@ -1,5 +1,5 @@
 import { Component, Element, h, Prop, State, } from '@stencil/core';
-import { parseCookie, parseUTMCookieString } from "../../util/util";
+import { parseCookie, parseUTMCookieString, getQueryVariable } from "../../util/util";
 
 interface UTMData {
     campaign: string;
@@ -114,6 +114,9 @@ export class HubspotForm {
             if (utmMediumInput) {
                 utmMediumInput.value = utmData.medium;
             }
+
+            // Set the internal ad id.
+            this.setInternalAdId();
         }
 
         // When the form is submitted, notify Segment.
@@ -147,6 +150,17 @@ export class HubspotForm {
         }
     }
 
+    // Get the Internal Ad ID query param and update the corresponding form field.
+    private setInternalAdId() {
+        const internalAdId = getQueryVariable("iaid");
+        if (internalAdId) {
+            const internalAdIdInput: HTMLInputElement = this.el.querySelector(`input[name="last_internal_ad_conversion"]`);
+            if (internalAdIdInput) {
+                internalAdIdInput.value = internalAdId;
+            }
+        }
+    }
+
     // Parse the current cookie and return any UTM fields.
     private getUTMCookieData(): UTMData {
         const cookies = parseCookie();

themes/default/components/src/util/util.ts

@@ -1,17 +1,17 @@
 import * as uuid from "uuid";
 
 // Extracts a query string variable from the browser's location.
-export function getQueryVariable(paramKey): string {
+export function getQueryVariable(paramKey: string): string | null {
     const query = window.location.search.substring(1);
     const vars = query.split("&");
 
-    let paramVal = null
+    let paramVal = null;
     vars.forEach( v => {
         const pair = v.split("=");
         if (pair[0] === paramKey) {
             paramVal = decodeURIComponent(pair[1].replace(/\+/g, "%20"));
         }
-    })
+    });
     return paramVal;
 }
 

themes/default/layouts/blog/single.html

@@ -42,6 +42,9 @@ <h1 class="no-anchor"><a data-track="blog-title" href="{{ .Permalink }}">{{ .Tit
             <div class="md:w-3/12 md:pl-8 mt-16">
                 <div class="sticky-sidebar">
                     {{ partial "blog/right-nav.html" . }}
+                    <div class="mt-8">
+                        <a href="{{ relref . "/pulumi-up" }}?iaid=blog-right-nav"><img src="/images/pulumiup/pulumiup-rectangle-cta.png" alt="Register now for PulumiUP" /></a>
+                    </div>
                 </div>
             </div>
         </div>

themes/default/layouts/docs/aws-list.html

@@ -14,6 +14,10 @@
                 <div>
                     {{ partial "docs/feedback.html" . }}
                 </div>
+
+                <div class="mt-8">
+                    <a href="{{ relref . "/pulumi-up" }}?iaid=docs-right-nav"><img src="/images/pulumiup/pulumiup-rectangle-cta.png" alt="Register now for PulumiUP" /></a>
+                </div>
             </div>
 
             <div class="md:w-3/12 pr-8 mt-2 mb-8 pb-8 border-b-2 border-gray-400 md:border-none md:pb-0 md:mb-0">

themes/default/layouts/docs/aws-single.html

@@ -14,6 +14,10 @@
                 <div>
                     {{ partial "docs/feedback.html" . }}
                 </div>
+
+                <div class="mt-8">
+                    <a href="{{ relref . "/pulumi-up" }}?iaid=docs-right-nav"><img src="/images/pulumiup/pulumiup-rectangle-cta.png" alt="Register now for PulumiUP" /></a>
+                </div>
             </div>
 
             <div class="md:w-3/12 pr-8 mt-2 mb-8 pb-8 border-b-2 border-gray-400 md:border-none md:pb-0 md:mb-0">

themes/default/layouts/docs/list.html

@@ -23,6 +23,10 @@ <h1>{{ .Title }}</h1>
                     <div>
                         {{ partial "docs/feedback.html" . }}
                     </div>
+
+                    <div class="mt-8">
+                        <a href="{{ relref . "/pulumi-up" }}?iaid=docs-right-nav"><img src="/images/pulumiup/pulumiup-rectangle-cta.png" alt="Register Now For PulumiUP" /></a>
+                    </div>
                 </div>
             </div>
 

themes/default/layouts/docs/single.html

@@ -23,6 +23,9 @@ <h1>{{ .Title }}</h1>
                     <div>
                         {{ partial "docs/feedback.html" . }}
                     </div>
+                    <div class="mt-8">
+                        <a href="{{ relref . "/pulumi-up" }}?iaid=docs-right-nav"><img src="/images/pulumiup/pulumiup-rectangle-cta.png" alt="Register Now For PulumiUP" /></a>
+                    </div>
                 </div>
             </div>
 

themes/default/layouts/page/pulumi-up.html

@@ -10,7 +10,7 @@
                     <span class="green-neon-sign-xl">UP</span>
                 </div>
                 <div class="flex justify-center items-center">
-                    <pulumi-audio class="orange-neon"
+                    <pulumi-audio
                         paused-text="FEEL THE VIBE"
                         playing-text="PAUSE THE VIBE"
                         url="https://www.pulumi.com/uploads/pulumiup-background-loop.mp4"

themes/default/layouts/partials/alert.html

@@ -1,4 +1,4 @@
-{{ $text := "We're cooking up something brand new for you. Be the first know what it is." }}
+{{ $text := "PulumiUP: A two-hour virtual event for cloud engineers. Save your spot!" }}
 {{ $url := relref . "/pulumi-up" }}
 {{ $color := "orange"}}
 

themes/default/layouts/partials/banner.html

@@ -1,7 +1,7 @@
-{{ $name := "snowflake-case-study" }}
-{{ $summary := "Learn how Snowflake uses Pulumi to dramatically decrease infrastructure deployment time. 🚀" }}
-{{ $url := relref . "/case-studies/snowflake" }}
-{{ $label := "Read Now"}}
+{{ $name := "pulumiup-banner" }}
+{{ $summary := "PulumiUP: Hear from technical leaders as they present the vision for the future of cloud engineering." }}
+{{ $url := relref . "/pulumi-up" }}
+{{ $label := "Save Your Spot"}}
 {{ $external := false }}
 
 {{/* When a banner is dismissed, its `name` property is recorded in localStorage to