Skip to content

Commit

Permalink
Feature/aw 24 event date (#69)
Browse files Browse the repository at this point in the history 
* feat: Add Event Details Block

* feat: Create info-label component

* fix: Add spacing when <p> follows <ul>

* chore: Add examples for event components
  • Loading branch information
@natemate90
natemate90 authored Jan 20, 2025
1 parent 3e249aa commit 286543c
Show file tree
Hide file tree
Showing 8 changed files with 250 additions and 0 deletions.
24 changes: 24 additions & 0 deletions nextjs/src/app/[locale]/theme/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,8 @@ import {
services,
cardIconGridExample,
cardIconWiderExample,
eventDetails,
eventSection,
} from "./texts"
import Container from "@/components/container"
import CardSlider from "@/components/cards/card-slider"
Expand All @@ -51,6 +53,9 @@ import ExternalScript from "@/components/external-script"
import Topbar from "@/components/topbar"
import { NavProvider } from "@/components/nav-bar/nav-context"
import { CardMessage } from "@/components/cards/card-message"
import SectionEvent from "@/components/sections/section-event"
import InfoLabel from "@/components/info-label"
import LinkButton from "@/components/link-button"

export default function Theme({
params: { locale },
Expand Down Expand Up @@ -398,6 +403,25 @@ export default function Theme({
</CardGroup>
</SectionGroup>
</Container>

<Container id="event-info" padding="both-padding" background="stone">
<SectionGroup>
<SectionEvent
title={eventSection.title}
date={eventSection.date}
location={eventSection.location}
time={eventSection.time}
html={eventSection.html}
cta={eventSection.cta}
/>
</SectionGroup>
</Container>

<Container id="event-example" background="white" padding="both-padding">
<InfoLabel text={eventDetails.info} className="block mb-4" />
<Text markdown={eventDetails.description} className="mb-8 max-w-4xl" />
<LinkButton {...eventSection.cta}>{eventSection.cta.text}</LinkButton>
</Container>
</main>
)
}
31 changes: 31 additions & 0 deletions nextjs/src/app/[locale]/theme/texts.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -739,6 +739,37 @@ export const cardIconGridExample = {
],
} as const

export const eventDetails = {
info: "Date event: January 23, 2024",
description: `
## **Gitlab Roadshow - Stop in Bern**
At this event, you’ll have the opportunity to:
- Learn about GitLab Ultimate and DORA Metrics: Discover how to analyze and improve your DevOps Supply Chain performance with GitLab.
- Software Bill of Materials (SBOM): Understand the significance of an SBOM and how it can enhance the security of your DevOps Supply Chain.
- Partner Insights: Adfinis will share valuable insights on securing your software lifecycle with GitLab.
- Customer Stories: Hear firsthand from GitLab & Adfinis customers as they share their use cases and experiences on the open stage.
- Pasta Class and Tasting: Join us for a fun pasta-making class and savor the delicious results!
You are encouraged to take the stage and share your own experiences and use cases. Don’t hesitate to reach out if you have any questions or want to be part of the discussion.
Don’t miss this unique opportunity to gain insights, network with industry professionals, and enjoy a delightful pasta experience. Sign up now and secure your spot!
`,
}

export const eventSection = {
title: "Event Details",
date: "January 31, 2025",
time: "14:00 - 18:00 CET + get-together",
location: "Parkterrasse 10, 3012 Bern, Switzerland",
cta: {
href: "/contact",
text: "Get started",
variant: "primary",
size: "large",
} as CTA,
html: `<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2723.593419958105!2d7.436106476816756!3d46.950029533085306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x478e39bee413c419%3A0x91033410f606279d!2sParkterrasse%2010%2C%203012%20Bern%2C%20Switzerland!5e0!3m2!1sen!2snl!4v1737378430185!5m2!1sen!2snl' width='600' height='450' style='border:0;' allowfullscreen='' loading='lazy' referrerpolicy='no-referrer-when-downgrade'></iframe></div>`,
}

export const footer = {
columns: [
{
Expand Down
4 changes: 4 additions & 0 deletions nextjs/src/app/text.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,6 +90,10 @@
@apply border-l-4 border-quote-primary pl-4;
}

ul+p {
@apply mt-4;
}

p {
&:not(:last-child) {
@apply mb-4;
Expand Down
43 changes: 43 additions & 0 deletions nextjs/src/components/icons/icon-date.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
import React from "react"

const IconDate: React.FC<{ className?: string }> = ({ className }) => {
return (
<svg
fill="none"
height="30"
viewBox="0 0 30 30"
width="30"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<clipPath id="a">
<path d="m0 0h30v30h-30z" />
</clipPath>
<g clip-path="url(#a)" fill="currentColor">
<path d="m28.388 2.5708h-1.5111v-.65478c0-.89491-.7281-1.623051-1.6231-1.623051-.8949 0-1.6229.728081-1.6229 1.623051v.65478h-1.4237v-.65478c0-.89491-.7281-1.623051-1.623-1.623051-.895 0-1.6231.728081-1.6231 1.623051v.65478h-7.9222v-.65478c0-.89491-.7281-1.623051-1.62306-1.623051-.8949 0-1.62305.728081-1.62305 1.623051v.65478h-1.42365v-.65478c0-.89491-.72809-1.623051-1.62305-1.623051s-1.62304.728081-1.62304 1.623051v.65478h-1.51114c-.888805 0-1.61191.72311-1.61191 1.61197v23.91233c0 .8888.723105 1.6119 1.61197 1.6119h20.88803c.5682 0 .5682-.8789 0-.8789h-20.88803c-.40424 0-.733064-.3288-.733064-.733v-19.15405h2.536814c.56819 0 .56819-.8789 0-.8789h-2.536814v-3.87938c0-.40418.328824-.73306.733064-.73306h1.51114v.68953c0 .8949.72808 1.62305 1.62304 1.62305.8949 0 1.62305-.72809 1.62305-1.62305v-.68953h1.42365v.68953c0 .8949.72809 1.62305 1.62305 1.62305.895 0 1.623-.72809 1.623-1.62305v-.68953h7.9222v.68953c0 .8949.7281 1.62305 1.6231 1.62305.8949 0 1.623-.72809 1.623-1.62305v-.68953h1.4237v.68953c0 .8949.728 1.62305 1.6229 1.62305.895 0 1.6231-.72809 1.6231-1.62305v-.68953h1.5111c.4042 0 .7331.32883.7331.73306v3.87938h-23.05126c-.56818 0-.56818.8789 0 .8789h23.05126v19.15405c0 .4041-.3288.733-.7331.733h-3.2513c-.5682 0-.5682.8789 0 .8789h3.2513c.8889 0 1.612-.7231 1.612-1.6119v-23.91233c0-.88886-.7231-1.61197-1.612-1.61197zm-22.89771 1.56844c0 .41027-.33381.74414-.74414.74414s-.74414-.33381-.74414-.74414v-2.22322c0-.41028.33381-.74414.74414-.74414.41028 0 .74414.3338.74414.74414zm4.66971 0c0 .41027-.33383.74414-.74416.74414-.41027 0-.74414-.33381-.74414-.74414v-2.22322c0-.41028.33381-.74414.74414-.74414s.74416.3338.74416.74414zm11.1683 0c0 .41027-.3338.74414-.7441.74414-.4104 0-.7442-.33381-.7442-.74414v-2.22322c0-.41028.3338-.74414.7442-.74414.4103 0 .7441.3338.7441.74414zm4.6697 0c0 .41027-.3338.74414-.7442.74414-.4102 0-.744-.33381-.744-.74414v-2.22322c0-.41028.3338-.74414.744-.74414.4104 0 .7442.3338.7442.74414z" />
<path d="m8.40755 10.9469c-.88664 0-1.60799.7213-1.60799 1.608 0 .8866.72135 1.608 1.60799 1.608s1.60795-.7214 1.60795-1.608c0-.8867-.72131-1.608-1.60795-1.608zm0 2.3371c-.40201 0-.72908-.3271-.72908-.7291s.32707-.7291.72908-.7291.72908.3271.72908.7291-.32707.7291-.72908.7291z" />
<path d="m12.7505 10.9469c-.8866 0-1.6079.7213-1.6079 1.608 0 .8866.7213 1.608 1.608 1.608.8866 0 1.6079-.7214 1.6079-1.608 0-.8867-.7214-1.608-1.608-1.608zm.0001 2.3371c-.402 0-.7291-.3271-.7291-.7291s.3271-.7291.7291-.7291.729.3271.729.7291-.327.7291-.729.7291z" />
<path d="m21.4368 10.9469c-.8866 0-1.6079.7213-1.6079 1.608 0 .8866.7214 1.608 1.6079 1.608.8866 0 1.608-.7214 1.608-1.608 0-.8867-.7213-1.608-1.608-1.608zm0 2.3371c-.402 0-.729-.3271-.729-.7291s.327-.7291.729-.7291.7291.3271.7291.7291-.327.7291-.7291.7291z" />
<path d="m25.78 14.1629c.8867 0 1.608-.7214 1.608-1.608 0-.8867-.7214-1.608-1.608-1.608-.8865 0-1.6079.7213-1.6079 1.608 0 .8866.7213 1.608 1.6079 1.608zm0-2.3371c.4021 0 .7291.3271.7291.7291s-.327.7291-.7291.7291c-.4019 0-.729-.3271-.729-.7291s.327-.7291.729-.7291z" />
<path d="m4.06429 15.0984c-.88664 0-1.60799.7213-1.60799 1.608 0 .8866.72135 1.608 1.60799 1.608s1.60799-.7214 1.60799-1.608c0-.8867-.72135-1.608-1.60799-1.608zm0 2.337c-.40201 0-.72908-.3271-.72908-.7291s.32707-.7291.72908-.7291.72908.3271.72908.7291-.32707.7291-.72908.7291z" />
<path d="m8.40755 15.0984c-.88664 0-1.60799.7213-1.60799 1.608 0 .8866.72135 1.608 1.60799 1.608s1.60795-.7214 1.60795-1.608c0-.8867-.72131-1.608-1.60795-1.608zm0 2.337c-.40201 0-.72908-.3271-.72908-.7291s.32707-.7291.72908-.7291.72908.3271.72908.7291-.32707.7291-.72908.7291z" />
<path d="m12.7505 15.0984c-.8866 0-1.6079.7213-1.6079 1.608 0 .8866.7213 1.608 1.608 1.608.8866 0 1.6079-.7214 1.6079-1.608 0-.8867-.7214-1.608-1.608-1.608zm.0001 2.337c-.402 0-.7291-.3271-.7291-.7291s.3271-.7291.7291-.7291.729.3271.729.7291-.327.7291-.729.7291z" />
<path d="m21.4368 15.0984c-.8866 0-1.6079.7213-1.6079 1.608 0 .8866.7214 1.608 1.6079 1.608.8866 0 1.608-.7214 1.608-1.608 0-.8867-.7213-1.608-1.608-1.608zm0 2.337c-.402 0-.729-.3271-.729-.7291s.327-.7291.729-.7291.7291.3271.7291.7291-.327.7291-.7291.7291z" />
<path d="m25.78 18.3143c.8867 0 1.608-.7213 1.608-1.608 0-.8866-.7214-1.608-1.608-1.608-.8865 0-1.6079.7214-1.6079 1.608 0 .8867.7213 1.608 1.6079 1.608zm0-2.337c.4021 0 .7291.3271.7291.7291s-.327.7291-.7291.7291c-.4019 0-.729-.3271-.729-.7291s.327-.7291.729-.7291z" />
<path d="m4.06429 19.2498c-.88664 0-1.60799.7214-1.60799 1.608s.72135 1.608 1.60799 1.608 1.60799-.7214 1.60799-1.608-.72135-1.608-1.60799-1.608zm0 2.3371c-.40201 0-.72908-.3271-.72908-.7291s.32707-.7291.72908-.7291.72908.3271.72908.7291-.32707.7291-.72908.7291z" />
<path d="m8.40755 19.2498c-.88664 0-1.60799.7214-1.60799 1.608s.72135 1.608 1.60799 1.608 1.60795-.7214 1.60795-1.608-.72131-1.608-1.60795-1.608zm0 2.3371c-.40201 0-.72908-.3271-.72908-.7291s.32707-.7291.72908-.7291.72908.3271.72908.7291-.32707.7291-.72908.7291z" />
<path d="m12.7505 19.2498c-.8866 0-1.6079.7214-1.6079 1.608s.7213 1.608 1.608 1.608c.8866 0 1.6079-.7214 1.6079-1.608s-.7214-1.608-1.608-1.608zm.0001 2.3371c-.402 0-.7291-.3271-.7291-.7291s.3271-.7291.7291-.7291.729.3271.729.7291-.327.7291-.729.7291z" />
<path d="m21.4368 19.2498c-.8866 0-1.6079.7214-1.6079 1.608s.7214 1.608 1.6079 1.608c.8866 0 1.608-.7214 1.608-1.608s-.7213-1.608-1.608-1.608zm0 2.3371c-.402 0-.729-.3271-.729-.7291s.327-.7291.729-.7291.7291.3271.7291.7291-.327.7291-.7291.7291z" />
<path d="m17.0938 10.9469c-.8867 0-1.608.7213-1.608 1.608 0 .8866.7214 1.608 1.608 1.608s1.6079-.7214 1.6079-1.608c0-.8867-.7213-1.608-1.6079-1.608zm0 2.3371c-.402 0-.7291-.3271-.7291-.7291s.3271-.7291.7291-.7291c.4019 0 .729.3271.729.7291s-.327.7291-.729.7291z" />
<path d="m17.0938 15.0984c-.8867 0-1.608.7213-1.608 1.608 0 .8866.7214 1.608 1.608 1.608s1.6079-.7214 1.6079-1.608c0-.8867-.7213-1.608-1.6079-1.608zm0 2.337c-.402 0-.7291-.3271-.7291-.7291s.3271-.7291.7291-.7291c.4019 0 .729.3271.729.7291s-.327.7291-.729.7291z" />
<path d="m17.0938 19.2498c-.8867 0-1.608.7214-1.608 1.608s.7214 1.608 1.608 1.608 1.6079-.7214 1.6079-1.608-.7213-1.608-1.6079-1.608zm0 2.3371c-.402 0-.7291-.3271-.7291-.7291s.3271-.7291.7291-.7291c.4019 0 .729.3271.729.7291s-.327.7291-.729.7291z" />
<path d="m27.388 20.8578c0-.8866-.7214-1.608-1.608-1.608-.8865 0-1.6079.7214-1.6079 1.608s.7214 1.608 1.6079 1.608c.8866 0 1.608-.7214 1.608-1.608zm-2.337 0c0-.402.327-.7291.729-.7291s.7291.3271.7291.7291-.3271.7291-.7291.7291-.729-.3271-.729-.7291z" />
<path d="m4.06429 23.4013c-.88664 0-1.60799.7213-1.60799 1.608 0 .8866.72135 1.608 1.60799 1.608s1.60799-.7214 1.60799-1.608c0-.8867-.72135-1.608-1.60799-1.608zm0 2.337c-.40201 0-.72908-.327-.72908-.729s.32707-.7291.72908-.7291.72908.3271.72908.7291-.32707.729-.72908.729z" />
<path d="m8.40755 23.4013c-.88664 0-1.60799.7213-1.60799 1.608 0 .8866.72135 1.608 1.60799 1.608s1.60795-.7214 1.60795-1.608c0-.8867-.72131-1.608-1.60795-1.608zm0 2.337c-.40201 0-.72908-.327-.72908-.729s.32707-.7291.72908-.7291.72908.3271.72908.7291-.32707.729-.72908.729z" />
<path d="m12.7505 23.4013c-.8866 0-1.6079.7213-1.6079 1.608 0 .8866.7213 1.608 1.608 1.608.8866 0 1.6079-.7214 1.6079-1.608 0-.8867-.7214-1.608-1.608-1.608zm.0001 2.337c-.402 0-.7291-.327-.7291-.729s.3271-.7291.7291-.7291.729.3271.729.7291-.327.729-.729.729z" />
</g>
</svg>
)
}

export default IconDate
24 changes: 24 additions & 0 deletions nextjs/src/components/icons/icon-maps.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import React from "react"

const IconMaps: React.FC<{ className?: string }> = ({ className }) => {
return (
<svg
fill="none"
height="30"
viewBox="0 0 30 30"
width="30"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<clipPath id="a">
<path d="m0 0h30v30h-30z" />
</clipPath>
<g clip-path="url(#a)" fill="currentColor">
<path d="m15 5.46661c-.8216 0-1.6123.24715-2.2867.71473-.1993.13822-.2497.41309-.1125.61395s.41.2516.6094.11343c.5275-.3658 1.1464-.55916 1.7898-.55916 1.7434 0 3.1617 1.42899 3.1617 3.18545 0 1.75649-1.4183 3.18549-3.1617 3.18549s-3.1618-1.429-3.1618-3.18549c0-.51814.1195-1.01209.3549-1.46806.1117-.21633.0283-.48288-.1864-.59537-.2147-.11245-.4792-.02848-.5909.18785-.2969.57492-.4539 1.22349-.4539 1.87558.0001 2.24339 1.8115 4.06849 4.0381 4.06849 2.2265 0 4.0379-1.8251 4.0379-4.06849 0-2.24332-1.8114-4.0684-4.0379-4.0684z" />
<path d="m29.9663 29.3889-4.3244-10.4686c-.068-.1646-.2275-.2718-.4045-.2718h-4.3094c.8382-1.1425 1.5359-2.2805 2.0807-3.3978.9657-1.9801 1.4552-3.9031 1.4552-5.71562 0-5.25768-4.2455-9.53508-9.4639-9.53508-5.21845 0-9.46392 4.2774-9.46392 9.53502 0 1.81258.48955 3.73558 1.45518 5.71568.5448 1.1173 1.24248 2.2553 2.08072 3.3977h-4.30939c-.17696 0-.33657.1073-.40448.2718l-2.94679 7.1336c-.09299.2251.01271.4835.23613.5771.05508.0231.11203.0341.16816.0341.17168 0 .33463-.1023.40465-.272l.42047-1.0179h2.98277l-1.5457 3.742h-2.98271l.44806-1.0848c.09299-.2251-.01271-.4835-.23613-.5771-.22353-.0939-.479941.0128-.572871.2378l-.700488 1.6959c-.0563086.1363-.04130862.2919.0400195.4146.0812105.1227.2179685.1965.3644535.1965h29.123666c.1464 0 .2832-.0738.3645-.1965s.0963-.2783.04-.4146zm-23.55389-19.85388c0-4.77082 3.85239-8.652129 8.58759-8.652129s8.5875 3.881369 8.5875 8.652129c0 2.00058-.6899 5.19748-3.8815 9.27138-.0032.0038-.0061.0078-.0092.0117-.163.2079-.3323.4179-.5086.6303-1.7538 2.113-3.5286 3.656-4.1883 4.2042-.6577-.5463-2.4241-2.0815-4.1767-4.1905-.1807-.2175-.3541-.4324-.5209-.6451-.0027-.0034-.0052-.0069-.008-.0103-3.19148-4.0736-3.88189-7.2704-3.88189-9.27168zm-1.35762 9.99628h2.98284l-1.08797 2.6337h-2.98278zm2.56219 9.5858 2.73872-6.6298 7.7938 6.6298zm11.89092 0-9.0441-7.6934c-.1067-.0908-.2502-.1249-.3858-.0917-.13567.0331-.2477.1295-.30131.2594l-3.10881 7.5257h-1.64086l1.65797-4.0138c.05631-.1363.04131-.2918-.04002-.4146-.08121-.1227-.21803-.1965-.36451-.1965h-3.27487l.59661-1.4443h3.63972c.17696 0 .33656-.1073.40447-.2719l1.3404-3.2447h.76043c.13201.1658.26618.3317.40398.4975 2.2608 2.7205 4.487 4.4671 4.5806 4.5402.079.0616.1736.0923.2682.0923.0945 0 .1892-.0308.2681-.0923.0515-.0401.7475-.5865 1.7386-1.5211h4.9618c.242 0 .4382-.1976.4382-.4414s-.1962-.4415-.4382-.4415h-4.0587c.6075-.6154 1.2715-1.3329 1.939-2.1361.1378-.1659.272-.3317.404-.4976h4.6923l1.088 2.6337h-2.312c-.242 0-.4381.1977-.4381.4415s.1961.4414.4381.4414h2.6766l.5966 1.4443h-9.0275c-.1829 0-.3465.1144-.4105.287-.0639.1727-.0148.3671.1233.4879l4.4023 3.85zm3.9109 0-4.2788-3.7419h8.2191l1.5458 3.7419z" />
</g>
</svg>
)
}

export default IconMaps
Loading

0 comments on commit 286543c

Please sign in to comment.