Adds graphics to some sub pages

djangocon · May 21, 2024 · ab35699 · ab35699
1 parent 4b2fcd5
commit ab35699
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 30 deletions.
diff --git a/src/about/conduct.html b/src/about/conduct.html
@@ -8,12 +8,15 @@
 redirect_from: /coc/
 ---
 
-<div class="hero">
+<div class="block-container">
   <div class="wrapper">
-    <header>
-      <h1 class="mb-8 pageheading">{{ title }}</h1>
-
-      <div class="max-w-[60rem]">
+    <header class="flex flex-wrap items-center gap-8 lg:gap-16">
+      <img
+        src="/assets/img/theme/graphics/coc.svg"
+        alt="A code of conduct document"
+        class="hidden w-full max-w-80 md:block" />
+      <div class="flex-1 max-w-screen-lg">
+        <h1 class="mb-8 pageheading">{{ title }}</h1>
         <p class="subheading">
           DjangoCon US is dedicated to providing a fun harassment-free conference experience for everyone, regardless of gender, gender identity, sexual orientation, disability, physical appearance, body size, race, or religion.
         </p>
@@ -51,9 +54,9 @@ <h2 class="mb-8 text-lg font-bold font-heading lg:text-2xl">Need help?</h2>
       <section class="prose lg:prose-lg">
         <h2>Important Numbers</h2>
 
-          <p>Conference staff will be happy to help participants contact venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance.</p>
+        <p>Conference staff will be happy to help participants contact venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance.</p>
 
-          <p>If your physical safety or the physical safety of others is at risk, please dial 911. If you are outside of Durham, or on a cell phone, and need to access Durham's 911 services, dial <a href="tel:+1-969-560-4600">(919) 560-4600</a>. For other needs, contact the relevant authorities below.</p>
+        <p>If your physical safety or the physical safety of others is at risk, please dial 911. If you are outside of Durham, or on a cell phone, and need to access Durham's 911 services, dial <a href="tel:+1-969-560-4600">(919) 560-4600</a>. For other needs, contact the relevant authorities below.</p>
       </section>
       <section>
         <section class="prose lg:prose-lg">

diff --git a/src/about/faq.html b/src/about/faq.html
@@ -8,12 +8,15 @@
 permalink: /faq/
 ---
 
-<div class="hero">
+<div class="block-container">
   <div class="wrapper">
-    <header>
-      <h1 class="mb-6 pageheading">{{ title }}</h1>
-
-      <div class="max-w-[60rem]">
+    <header class="flex flex-wrap items-center gap-8 lg:gap-16">
+      <img
+        src="/assets/img/theme/graphics/faq.svg"
+        alt="Question mark and exclamation point in a speech bubble"
+        class="hidden w-full max-w-80 md:block" />
+      <div class="flex-1 max-w-screen-lg">
+        <h1 class="mb-6 pageheading">{{ title }}</h1>
         <h2 class="mb-6 subheading">
           The answer to every question below is <strong>YES!</strong>
         </h2>

diff --git a/src/about/public-health.html b/src/about/public-health.html
@@ -11,10 +11,18 @@
 
 <div class="block-container">
   <div class="wrapper">
-    <div class="max-w-[60rem]">
-      <h1 class="mb-8 pageheading">{{ title }}</h1>
-      <h2 class="subheading">DjangoCon US 2024's public health policy includes required testing and a mask recommendation.</h2>
-    </div>
+    <header class="flex flex-wrap items-center gap-8 lg:gap-16">
+      <img
+        src="/assets/img/theme/graphics/health.svg"
+        alt="Doctor's bag"
+        class="hidden w-full max-w-80 md:block" />
+      <div class="flex-1 max-w-screen-lg">
+        <h1 class="mb-8 pageheading">{{ title }}</h1>
+        <p class="subheading">
+          DjangoCon US 2024's public health policy includes required testing and a mask recommendation.
+        </p>
+      </div>
+    </header>
   </div>
 </div>
 

diff --git a/src/about/tickets.html b/src/about/tickets.html
@@ -10,12 +10,15 @@
 ---
 
 
-<div class="py-12">
+<div class="block-container">
   <div class="wrapper">
-    <header>
-      <h1 class="mb-8 pageheading">{{ title }}</h1>
-
-      <div class="max-w-[60rem]">
+    <header class="flex flex-wrap items-center gap-8 lg:gap-16">
+      <img
+        src="/assets/img/theme/graphics/tickets.svg"
+        alt="Two colorful tickets"
+        class="hidden w-full max-w-80 md:block" />
+      <div class="flex-1 max-w-screen-lg">
+        <h1 class="mb-8 pageheading">{{ title }}</h1>
         <p class="subheading">
           DjangoCon US 2024 tickets are no longer on sale, but if you want to see what they cost, or need to consult the refund policy, keep reading!
         </p>

diff --git a/src/about/visas.html b/src/about/visas.html
@@ -8,15 +8,21 @@
 permalink: /visas/
 ---
 
-<div class="hero">
+<div class="block-container">
   <div class="wrapper">
-    <header>
-      <h1 class="pageheading">{{ title }}</h1>
+    <header class="flex flex-wrap items-center gap-8 lg:gap-16">
+      <img
+        src="/assets/img/theme/graphics/visa.svg"
+        alt="A passport with a visa stamp in it"
+        class="hidden w-full max-w-80 md:block" />
+      <div class="flex-1 max-w-screen-lg">
+        <h1 class="pageheading">{{ title }}</h1>
+      </div>
     </header>
   </div>
 </div>
 
-<div class="pt-0 block-container">
+<div class="bg-gray-100 block-container">
   <div class="wrapper">
     <div class="prose lg:prose-lg">
       <h2 id="do-i-need-a-visa-to-enter-the-usa">Do I need a visa to enter the USA?</h2>

diff --git a/src/sponsors/index.html b/src/sponsors/index.html
@@ -3,12 +3,18 @@
 layout: default
 ---
 
-<div class="hero">
+<div class="block-container">
   <div class="wrapper">
-    <div class="max-w-[60rem]">
-      <h1 class="mb-4 pageheading">{{ title }}</h1>
-      <p class="lead">DjangoCon US is only possible through the generosity of the organizations and businesses on this page. Their donations make it possible for us to provide opportunity grants to speakers and attendees, record all talks, host sprints, and feed everyone for five days. Thank you for your support!</p>
-    </div>
+    <header class="flex flex-wrap items-center gap-8 lg:gap-16">
+      <img
+        src="/assets/img/theme/graphics/sponsor.svg"
+        alt="The words 'Thank you'"
+        class="hidden w-full max-w-80 md:block" />
+      <div class="flex-1 max-w-screen-lg">
+        <h1 class="mb-4 pageheading">{{ title }}</h1>
+        <p class="lead">DjangoCon US is only possible through the generosity of the organizations and businesses on this page. Their donations make it possible for us to provide opportunity grants to speakers and attendees, record all talks, host sprints, and feed everyone for five days. Thank you for your support!</p>
+      </div>
+    </header>
   </div>
 </div>