Industry track page

rustnl · Feb 27, 2024 · 8d117b6 · 8d117b6
1 parent 0c928b3
commit 8d117b6
Show file tree

Hide file tree

Showing 5 changed files with 189 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1 +1,7 @@
-# RustNL 2024 Website
+# RustNL 2024 Website
+
+## Run in development
+
+```
+yarn run dev
+```
diff --git a/src/layouts/IndustryLayout.astro b/src/layouts/IndustryLayout.astro
@@ -0,0 +1,91 @@
+---
+import Head from "../components/head.astro";
+import Footer from "../components/footer.astro";
+import "../styles/index.scss";
+---
+
+<!doctype html>
+<html lang="en">
+    <Head title="Industry track - RustNL 2024" />
+
+    <body>
+        <section class="hero page">
+            <div class="nav">
+                <img src="/images/logo.svg" alt="Logo RustNL 2024" />
+                <div class="button-group">
+                    <a href="/" class="button button-primary">Home</a>
+                </div>
+            </div>
+            <h1 class="text-3xl">Industry track</h1>
+            <a
+                class="button button-primary"
+                style="text-decoration: none;color:var(--color-neutral-400);"
+                href="#tickets">But ticket</a
+            >
+        </section>
+        <section class="container md:grid md:cols-12 py-12 about-industry">
+            <div
+                class="text-lg md:col-start-3 md:col-end-11 xl:col-start-4 xl:col-end-10"
+            >
+                <slot name="about-industry" />
+            </div>
+        </section>
+        <section class="container py-24 space-y-12 track-schedule" id="schedule">
+            <div class="space-y-12 md:grid md:cols-2 md:space-y-0">
+                <div class="space-y-6 px-3 sm:px-6 md:space-y-12 xl:px-12">
+                    <h3 class="text-2xl">Schedule <strong>day 1</strong></h3>
+                    <slot name="timetable-day" />
+                </div>
+            </div>
+        </section>
+
+        <section class="container md:grid md:cols-12 py-12 tickets" id="tickets">
+            <div
+                class="text-lg md:col-start-3 md:col-end-11 xl:col-start-4 xl:col-end-10"
+            >
+                <slot name="tickets" />
+            </div>
+        </section>
+        <section class="container py-12 space-y-6">
+            <div
+                class="space-y-12 md:grid md:cols-2 md:space-y-0"
+                style="justify-content: center;"
+            >
+            </div>
+        </section>
+        <section class="container space-y-6">
+            <h3 class="text-2xl text-center">Our speakers</h3>
+            <div class="grid md:cols-2 xl:cols-4" id="speakers">
+                <slot name="speakers" />
+            </div>
+        </section>
+        <section class="container sponsors industry" id="sponsors">
+            <h3 class="text-2xl text-center">Track Sponsors</h3>
+            <div class="sponsors-tiers space-y-6">
+                <div class="sponsors-row">
+                    <div
+                        class="sponsor"
+                        style="--image: url(/images/sponsors/tweede-golf.png);"
+                    >
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section class="container py-24 space-y-12">
+            <h3 class="text-2xl text-center">City & venue</h3>
+            <div class="location">
+                <div class="image"></div>
+                <div class="image"></div>
+                <div class="image">
+                    <div class="ferris"></div>
+                    <div class="ferris-arms"></div>
+                </div>
+                <div class="ferris">
+                    <img src="/images/ferris.png" alt="" />
+                </div>
+            </div>
+        </section>
+
+        <Footer />
+    </body>
+</html>
diff --git a/src/pages/industry.astro b/src/pages/industry.astro
@@ -0,0 +1,76 @@
+---
+import IndustryLayout from "../layouts/IndustryLayout.astro";
+import Organiser from "../components/organiser.astro";
+import Speaker from "../components/speaker.astro";
+import TimetableItem from "../components/timetable-item.astro";
+
+---
+
+<IndustryLayout>
+    <div class="markdown" slot="about-industry">
+        <h2 class="text-2xl space-y-6" id="about">About this track</h2>
+        <p>
+            A special track as part of the RustNL developer conference on
+            Tuesday May 7 in the afternoon, aimed at decision makers that are
+            currently exploring - or thinking about exploring - adopting Rust in
+            their team / department / organisation.
+        </p>
+        <p>
+            Key words: interacting with industry peers, learning from each
+            other, international, inspiration, practical, limited (max 50)
+            attendants.
+        </p>
+    </div>
+    <div class="markdown" slot="tickets">
+        <h2 class="text-2xl space-y-6" id="about">Tickets</h2>
+        <p>
+            To attend the industry track, you will need a separate industry
+            track ticket. A ticket for the RustNL conference is not required.
+        </p>
+        <div class="button-group">
+            <a
+                class="button button-primary"
+                style="text-decoration: none;color:var(--color-neutral-400);"
+                href="#">But ticket</a
+            >
+        </div>
+    </div>
+    <Fragment slot="speakers">
+        <Speaker name="Tim" image="empty.jpg" description="Tim is ..." />
+        <Speaker name="Frederic" image="empty.jpg" description="" />
+    </Fragment>
+
+    <Fragment slot="support">
+        <Organiser
+            name="Tweede golf"
+            image="empty.png"
+            description="Tweede golf is organizing partner of RustNL 2024."
+        />
+        <Organiser
+            name="The Red Dress Effect"
+            image="empty.png"
+            description="Anna Kocks of the Red Dress Effect is an event planner of tech events, supporting us with the logistics of the conference."
+        />
+        <Organiser
+            name="Grafische Republiek"
+            image="empty.png"
+            description="Erwin is designer and front-end developer at Grafische Republiek."
+        />
+    </Fragment>
+
+    <ul class="timetable" slot="timetable-day">
+        <TimetableItem time="10:00" title="Registration" />
+        <TimetableItem time="23:59" title="tbd" speaker="tbd" />
+
+        <TimetableItem time="10:00" title="Registration" />
+        <TimetableItem time="10:00" title="Registration" />
+        <TimetableItem time="10:00" title="Registration" />
+        <TimetableItem time="23:59" title="tbd" speaker="tbd" />
+        <TimetableItem time="23:59" title="tbd" speaker="tbd" />
+
+        <TimetableItem time="10:00" title="Registration" />
+        <TimetableItem time="10:00" title="Registration" />
+        <TimetableItem time="23:59" title="tbd" speaker="tbd" />
+        <TimetableItem time="10:00" title="Registration" />
+    </ul>
+</IndustryLayout>
diff --git a/src/styles/components/_industry.scss b/src/styles/components/_industry.scss
@@ -0,0 +1,14 @@
+.track-schedule {
+
+    &::before, &::after {
+        background-image: url('/images/stripes.svg');
+        background-position: center center;
+        background-repeat: no-repeat;
+        background-size: 100% auto;
+        content: '';
+        display: block;
+        height: var(--space-6);
+        position: relative;
+        margin: var(--space-12) 0;
+      }
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -15,6 +15,7 @@
 @use 'components/location';
 @use 'components/speakers';
 @use 'components/about';
+@use 'components/industry';
 @use 'components/sponsors';
 @use 'components/timetable';
 @use 'components/youtube';