Skip to content

Commit 233b85a

Browse files
PeterGrandPeterGrand
authored
Merge pull request #107 from blulady/venueless_welcome_page
venueless welcome page
2 parents 35bfe40 + 81fc631 commit 233b85a

File tree

1 file changed

+145
-0
lines changed

1 file changed

+145
-0
lines changed

‎src/venueless-welcome-page.html

+145
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
---
2+
layout: default
3+
4+
title: Venueless Welcome Page
5+
description: Online Welcome
6+
---
7+
8+
<div class="pt-8 pb-0 bg-repeat border-b-4 border-black lg:pt-2 bg-lines">
9+
<div class="wrapper">
10+
<div class="flex flex-col gap-8 lg:flex-row">
11+
<section class="self-center w-full pb-4 lg:flex-1">
12+
<h1 class="mb-4 text-4xl font-extrabold leading-tight lg:text-5xl">
13+
Welcome to DjangoCon US 2024 Online
14+
</h1>
15+
<br>
16+
<!-- <p class="mb-4 text-2xl lg:text-3xl">
17+
<strong>Venueless</strong>
18+
</p> -->
19+
20+
<p class="mb-6 text-2xl lg:text-3xl">
21+
<!-- <a
22+
href="https://www.marriott.com/events/start.mi?id=1674740649947&key=GRP"
23+
target="_blank"
24+
class="hover:text-blue reverse-link">Durham Convention Center<br/><strong>Durham, NC</strong></a> -->
25+
We are so happy to be hosting you online. We will be hosting discussions on
26+
<a href="https://djangoconus2024.slack.com">Slack</a> and are looking forward to chatting with
27+
you there while watching the conference. We have two stages Junior Ballroom and Grand Ballroom III where you can watch speakers
28+
while you ask questions in our Slack.
29+
</p>
30+
31+
32+
</section>
33+
34+
35+
<div class="self-end lg:max-w-2xl">
36+
<img
37+
src="/assets/img/theme/hero-img.webp"
38+
alt="A collage of Durham, NC centric stickers and photos."
39+
/>
40+
</div>
41+
</div>
42+
</div>
43+
</div>
44+
45+
<div class="bg-gray-100 block-container">
46+
<div class="wrapper">
47+
<div class="grid-1-2">
48+
<section class="flex flex-col items-start justify-center mb-6 sm:mb-0">
49+
<h2 class="mb-4 text-3xl font-bold leading-relaxed font-heading lg:text-5xl">Looking for something?</h2>
50+
<p class="mb-6 text-xl lg:text-2xl">
51+
52+
</p>
53+
<img
54+
src="/assets/img/blog/catherine-registration-desk.jpg"/>
55+
</section>
56+
<div>
57+
<ul class="space-y-10">
58+
<li>
59+
<h2 class="mb-4 text-xl font-bold leading-relaxed font-heading lg:text-3xl"><a href="https://djangoconus2024.slack.com">Slack</a></h2>
60+
<p>This is where we will be chatting. Come ask the speakers questions.
61+
Here you can also look at job opportunities, find the help desk, announcements updating speaker times, and hang out with us</p>
62+
</li>
63+
<li>
64+
<h2 class="mb-4 text-xl font-bold leading-relaxed font-heading lg:text-3xl"><a href="https://dcus24.venueless.events/rooms/a3ca2fcf-1e7b-4eed-8d12-833fb9c6b43d">Sponsors</a></h2>
65+
<p>We are so lucky to have such amazing support from the community. Come see what our community is up to!</p>
66+
</li>
67+
<li>
68+
<h2 class="mb-4 text-xl font-bold leading-relaxed font-heading lg:text-3xl"><a href="https://dcus24.venueless.events/rooms/156ce352-a5a0-40f8-9359-c9a762ec2183">Help!</a></h2>
69+
<p>Have general question about Venueless? Need help accessing Slack? General technical issues? Looking for information about accessibility? This is the place.</p>
70+
</li>
71+
<li>
72+
<h2 class="mb-4 text-xl font-bold leading-relaxed font-heading lg:text-3xl"><a href="https://dcus24.venueless.events/rooms/68fb19ba-996f-4e88-9c3f-8125c7e86c0e">Code of Conduct</a></h2>
73+
<p>DjangoCon US is dedicated to providing a fun harassment-free conference experience for everyone, regardless of gender, gender identity, sexual orientation, disability, physical
74+
appearance, body size, race, or religion. If you need help or more information about our Code Of Conduct, access it on this page.</p>
75+
</li>
76+
</ul>
77+
</div>
78+
</div>
79+
</div>
80+
</div>
81+
82+
<div class="block-container bg-blue">
83+
<div class="wrapper">
84+
<h2 class="mb-8 text-2xl font-bold text-center font-heading lg:text-5xl max-w-[20ch] mx-auto">Our Two Tracks</h2>
85+
<h2 class="mb-8 text-2xl font-bold text-center font-heading lg:text-3xl max-w-[20ch] mx-auto">See our <strong><a href="https://dcus24.venueless.events/schedule" class="link">Schedule</a></strong>.</h2>
86+
87+
<div class="grid gap-8 lg:grid-cols-2 lg:gap-16">
88+
<section class="relative flex flex-col gap-4 p-6 bg-white bg-lines lg:pt-10 card-effect-1 items-center">
89+
<a href="https://dcus24.venueless.events/rooms/f2fc9f50-b0cd-4c15-a692-919111fb8b08"><img src="/assets/img/theme/icons/Compass.svg" alt="Two people. One person is standing slightly in front of the other." class="w-16 h-16 icon" />
90+
<h3 class="text-lg font-bold lg:text-2xl font-heading">Junior Ballroom</h3></a>
91+
</section>
92+
93+
<section class="relative flex flex-col gap-4 p-6 bg-white bg-lines lg:pt-10 card-effect-2 items-center">
94+
<a href="https://dcus24.venueless.events/rooms/f18501f2-a51f-4e1c-8563-e4c97ae4653e"><img src="/assets/img/theme/icons/Globe.svg" alt="An official document with words written on it." class="w-16 h-16 icon" />
95+
<h3 class="text-lg font-bold lg:text-2xl font-heading">Grand Ballroom III</h3></a>
96+
</section>
97+
</div>
98+
</div>
99+
</div>
100+
101+
<div class="block-container">
102+
<div class="wrapper">
103+
<div class="grid-1-2">
104+
<figure>
105+
<span class="block h-full photo-effect">
106+
<img
107+
src="/assets/img/noah.jpg"
108+
loading="lazy"
109+
alt="Noah Alorwu smiling for a picture."
110+
class="object-cover w-full h-full">
111+
</span>
112+
</figure>
113+
<section>
114+
<h2 class="mb-8 text-2xl font-bold font-heading lg:text-5xl">Latest News</h2>
115+
116+
<ol class="divide-y" reversed>
117+
{%- for post in collections.posts reversed -%}
118+
{% unless post.hidden or post.category == 'talk' or post.category == 'tutorial' %}
119+
{% if forloop.index0 < 3 %}
120+
<li>
121+
<article class="py-6">
122+
<time
123+
class="mb-2 tracking-wide text-gray-600 uppercase"
124+
datetime="{{ post.date }}">{{ post.data.published_datetime | formatDateTime: "MMMM d, yyyy" }}</time>
125+
<h2 class="text-xl font-semibold font-heading lg:text-2xl"><a href="{{ post.url }}" class="reverse-link">{{ post.data.title | escape }}</a></h2>
126+
</article>
127+
</li>
128+
{% endif %}
129+
{% endunless %}
130+
{%- endfor -%}
131+
</ol>
132+
133+
<a class="button" href="/news/">Read More News</a>
134+
</section>
135+
</div>
136+
</div>
137+
</div>
138+
139+
<div class="block-container">
140+
<div class="wrapper">
141+
<h2 class="mb-10 text-2xl font-bold text-center font-heading lg:text-5xl">Our Sponsors</h2>
142+
143+
{% include "sponsor-listing.html" %}
144+
</div>
145+
</div>

0 commit comments

Comments
 (0)