fix: update layout

tolocar-project · Jan 17, 2024 · 8857f95 · 8857f95
1 parent ae109eb
commit 8857f95
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 11 deletions.
diff --git a/public/images/community b/public/images/community
diff --git a/public/images/playbook/og_playbook.jpg b/public/images/playbook/og_playbook.jpg
diff --git a/src/assets/tolocar_underline_11.svg b/src/assets/tolocar_underline_11.svg
diff --git a/src/components/HeadlineUnderlined.tsx b/src/components/HeadlineUnderlined.tsx
@@ -9,6 +9,7 @@ import Underline7Svg from "@assets/tolocar_underline_7.svg";
 import Underline8Svg from "@assets/tolocar_underline_8.svg";
 import Underline9Svg from "@assets/tolocar_underline_9.svg";
 import Underline10Svg from "@assets/tolocar_underline_10.svg";
+import Underline11Svg from "@assets/tolocar_underline_11.svg";
 import CircularUnderlineSvg from "@assets/tolocar_circular_underline.svg";
 
 interface Props {
@@ -36,6 +37,7 @@ const underlineSvgAndClassesMapping = [
   },
   { component: Underline9Svg, classes: "bottom-0" },
   { component: Underline10Svg, classes: "top-6 w-full" },
+  { component: Underline11Svg, classes: "top-10 w-full" },
 ];
 
 const HeadlineUnderlined: React.FC<Props> = ({

diff --git a/src/pages/en/playbook.mdx b/src/pages/en/playbook.mdx
@@ -1,9 +1,9 @@
 ---
 layout: "@layouts/AwardsLayout.astro"
-title: "How To Tolocar: Playbook for Mobile Makerspaces"
+title: "How to Tolocar: Playbook for Mobile Makerspaces"
 footerGrey: false
-metaImage: og_image_award.jpg
-metaDescription: "Empowering Ukrainian Maker Community: Where Networking Meets Funding, Mentoring Sparks Ideas, and Innovation Comes to Life!"
+metaImage: images/playbook/og_playbook.jpg
+metaDescription: "How to Tolocar: With this playbook, we share our insights from the Tolocar project, and the diverse possibilities and applications of mobile makerspaces in Ukraine since May 2022."
 ---
 
 import WideCard from "@components/WideCard";
@@ -20,7 +20,7 @@ import LinkNewTab from "@components/LinkNewTab.astro"
   bg={3}
   className="mt-20 md:mt-32 !px-0"
   centerImage="images/playbook/playbook.svg"
-  centerImageClasses="w-full"
+  centerImageClasses="w-full relative -top-32"
 />
 <div class="bg-neutral-50 w-full -mt-48 pt-48">
   <div class="container-width grid grid-cols-1 md:grid-cols-12 gap-8 mt-8 mb-20 md:mt-20 bg-neutral-50 lg:!px-0">
@@ -37,7 +37,9 @@ import LinkNewTab from "@components/LinkNewTab.astro"
   </div>
 </div>
 
-<div class="container-width grid grid-cols-12 p-0 md:py-24">
+
+<div class="container-width grid grid-cols-12 p-0 md:pt-24">
+  <HeadlineUnderlined large variant={12} className="pt-10 pb-8 sm:py-0 col-span-5 mb-10">Read the Playbook</HeadlineUnderlined>
   <object type="application/pdf" data="/playbook/HowToTolocar_Playbook_EN_ES.pdf" width="100%" height="800px" className="w-full md:col-span-12"></object>
 </div>
 

diff --git a/src/pages/ua/playbook.mdx b/src/pages/ua/playbook.mdx
@@ -1,9 +1,9 @@
 ---
 layout: "@layouts/AwardsLayout.astro"
-title: "UA How To Tolocar: Playbook for Mobile Makerspaces"
+title: "ЯК ТОЛОКАРИТИ: Практичний посібник для мобільних мейкерспейсів"
 footerGrey: false
-metaImage: og_image_award.jpg
-metaDescription: "UA Empowering Ukrainian Maker Community: Where Networking Meets Funding, Mentoring Sparks Ideas, and Innovation Comes to Life!"
+metaImage: images/playbook/og_playbook.jpg
+metaDescription: "ЯК ТОЛОКАРИТИ: У цьому Практичний посібник ми ділимося нашими усвідомленнями, здобутими в межах проєкту «Tolocar», а також різноманітними можливостями та варіантами застосування мобільних мейкерспейсів в Україні з травня 2022 року."
 ---
 
 import WideCard from "@components/WideCard";
@@ -20,7 +20,7 @@ import LinkNewTab from "@components/LinkNewTab.astro"
   bg={3}
   className="mt-20 md:mt-32 !px-0"
   centerImage="images/playbook/playbook.svg"
-  centerImageClasses="w-full"
+  centerImageClasses="w-full relative -top-32"
 />
 <div class="bg-neutral-50 w-full -mt-48 pt-48">
   <div class="container-width grid grid-cols-1 md:grid-cols-12 gap-8 mt-8 mb-20 md:mt-20 bg-neutral-50 lg:!px-0">
@@ -37,7 +37,8 @@ import LinkNewTab from "@components/LinkNewTab.astro"
   </div>
 </div>
 
-<div class="container-width grid grid-cols-12 p-0 md:py-24">
+<div class="container-width grid grid-cols-12 p-0 md:pt-24">
+  <HeadlineUnderlined large variant={12} className="pt-10 pb-8 sm:py-0 col-span-5 mb-10">Read the Playbook</HeadlineUnderlined>
   <object type="application/pdf" data="/playbook/HowToTolocar_Playbook_UA_ES.pdf" width="100%" height="800px" className="w-full md:col-span-12"></object>
 </div>