From 5f11da805a9bdf47cb214c5492242595e186f90f Mon Sep 17 00:00:00 2001 From: v-jostruve Date: Mon, 28 Oct 2024 16:55:29 -0700 Subject: [PATCH] Kubecon 24 NA page --- website/src/css/custom.css | 12 +- website/src/pages/events/kubecon-na-24.js | 447 ++++++++++++++++++ website/src/pages/events/styles.module.css | 64 +++ .../events/kubecon-na-24-keynote-image.png | Bin 0 -> 136926 bytes 4 files changed, 521 insertions(+), 2 deletions(-) create mode 100644 website/src/pages/events/kubecon-na-24.js create mode 100644 website/src/pages/events/styles.module.css create mode 100644 website/static/img/events/kubecon-na-24-keynote-image.png diff --git a/website/src/css/custom.css b/website/src/css/custom.css index 9e3aba6f01..78e583f68b 100644 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -264,12 +264,14 @@ h2 { } .card .card-body h2, -.card .card-body h3 { +.card .card-body h3, +.card .card-body h4 { font-size: 1.25rem; } .card-body > h2, -.card-body > h3 { +.card-body > h3, +.card-body > h4 { font-size: 1.25rem!important; } @@ -284,6 +286,7 @@ h2 { font-weight: 600!important; font-size: 1rem!important; padding: .75rem 1rem; + text-decoration: none!important; } .button--primary { @@ -486,4 +489,9 @@ hr { border-radius: .5rem; border: 1px solid #e6f2fb; margin-bottom:1rem; +} + +.link-blue { + color: var(--link)!important; + text-decoration: underline; } \ No newline at end of file diff --git a/website/src/pages/events/kubecon-na-24.js b/website/src/pages/events/kubecon-na-24.js new file mode 100644 index 0000000000..b84f2a8d17 --- /dev/null +++ b/website/src/pages/events/kubecon-na-24.js @@ -0,0 +1,447 @@ +import React from 'react'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; +import Layout from '@theme/Layout'; +import Head from '@docusaurus/Head'; +import clsx from 'clsx'; +import styles from './styles.module.css'; +import Image from '@theme/IdealImage'; +import Link from '@docusaurus/Link'; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +function CampaignHeader() { + // Inline styles for responsive video + const videoResponsiveStyle = { + position: 'relative', + paddingBottom: '56.25%', // 16:9 aspect ratio + height: 0, + overflow: 'hidden', + maxWidth: '100%', + }; + + const iframeStyle = { + position: 'absolute', + top: 0, + left: 0, + width: '100%', + height: '100%', + }; + + return ( +
+
+
+
+

Join Microsoft Azure at KubeCon North America 2024

+

November 12-15, 2024 | Salt Lake City, Utah

+

+ Join us at KubeCon North America 2024 in Salt Lake City, Utah, from November 12-15, where Microsoft Azure will be a + Diamond Sponsor. Discover how Azure is leading the way in Kubernetes and intelligent applications with a series of + exciting sessions, demos, and keynotes. +

+

Find us at Booth #C4

+
+
+
+