Update info + fix column widths

Carberra · Sep 23, 2024 · 11e2f7e · 11e2f7e
1 parent 4d6bca9
commit 11e2f7e
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 35 deletions.
diff --git a/src/pages/sponsorships.tsx b/src/pages/sponsorships.tsx
@@ -23,21 +23,26 @@ video. Footage and logos etc. can be overlayed.
 | Length (sec) | Price (GBP) | Price (USD) |
 | :----------: | :---------: | :---------: |
 | 30-45        | 200         | 270         |
-| 46-60        | 250         | 335         |
+| 46-60        | 250         | 330         |
 | 61+          | _Enquire_   | _Enquire_   |
 
 # Placement
 
-Your product or service used within the video in some way, for example
-a tutorial on making requests to APIs using the API your organisation
-wants to advertise.
+These come in two types:
 
-| Price (GBP) | Price (USD) |
-| :---------: | :---------: |
-| 100         | 135         |
-  `;
+**Standard**: Your product or service used within the video in some way,
+for example a tutorial on making requests to APIs using the API your
+organisation wants to advertise.
+
+**Extended**: A section of the video talking about your product or
+service in the context of the video's main topic, where the product or
+service is the main focus for that section.
+
+| Type     | Price (GBP) | Price (USD) |
+| :------: | :---------: | :---------: |
+| Standard | 125         | 165         |
+| Extended | 250         | 330         |
 
-  const sponsorshipContentCol2 = `
 # Dedicated Video
 
 A full video talking about your product or service. Please note that due
@@ -48,18 +53,8 @@ _Only available for programming topics._
 
 | Length (min) | Price (GBP) | Price (USD) |
 | :----------: | :---------: | :---------: |
-| 0-15         | 350         | 470         |
+| 0-15         | 300         | 400         |
 | 16+          | _Enquire_   | _Enquire_   |
-
-# Extended Placement
-
-A section of the video talking about your product or service in the
-context of the video's main topic, where the product or service is the
-main focus for that section.
-
-| Price (GBP) | Price (USD) |
-| :---------: | :---------: |
-| 250         | 335         |
   `;
 
   const sponsorshipContentFooter = `
@@ -85,20 +80,12 @@ _Prices last updated 23 Sep 2024._
         </div>
         <div className="grow">
           <div className="flex justify-center mx-6 mt-4 font-sans text-white text-md sm:mx-10">
-            <div className="flex flex-col gap-8 md:flex-row">
-              <ReactMarkdown
-                children={sponsorshipContentCol1}
-                className="font-sans text-white unreset markdown grow max-w-text shrink basis-0"
-                remarkPlugins={[remarkGfm, remarkSlug]}
-                rehypePlugins={[rehypeRaw]}
-              />
-              <ReactMarkdown
-                children={sponsorshipContentCol2}
-                className="font-sans text-white unreset markdown grow max-w-text shrink basis-0"
-                remarkPlugins={[remarkGfm, remarkSlug]}
-                rehypePlugins={[rehypeRaw]}
-              />
-            </div>
+            <ReactMarkdown
+              children={sponsorshipContentCol1}
+              className="font-sans text-white unreset markdown grow max-w-text shrink basis-0"
+              remarkPlugins={[remarkGfm, remarkSlug]}
+              rehypePlugins={[rehypeRaw]}
+            />
           </div>
           <div className="flex justify-center mx-6 mt-4 font-sans text-white text-md sm:mx-10">
             <div className="flex flex-col gap-8 md:flex-row">

diff --git a/src/styles/markdown.scss b/src/styles/markdown.scss
@@ -24,6 +24,10 @@
     @apply text-brand-blue;
   }
 
+  table {
+    table-layout: fixed;
+  }
+
   td,
   th {
     @apply px-3 py-2;

diff --git a/src/styles/tailwind.scss b/src/styles/tailwind.scss
@@ -91,7 +91,7 @@
   ul,
   menu {
     // should be my-4 for proper reset, but thats ugly af
-    @apply list-disc my-1 pl-10;
+    @apply list-disc my-4 pl-10;
   }
 
   ol {
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,6 +24,10 @@ @@
         @apply text-brand-blue;
       }
+      table {
+        table-layout: fixed;
+      }
       td,
       th {
         @apply px-3 py-2;
@@ Expand Down @@