From c9dc81b4776dc3635ac12d2c3db0c27189155b2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?D=C3=A9nes=20Csala?= <mail@csaladen.es>
Date: Wed, 29 Nov 2023 02:23:19 +0000
Subject: [PATCH] adds xp

---
 src/lib/components/explore.svelte             | 322 ++++++++++--------
 src/lib/components/home_generated.svelte      |  12 +-
 src/lib/components/new_green_energy.svelte    |  29 +-
 ....timestamp-1700721401417-acbfd6e17cbbf.mjs | 104 ++++++
 4 files changed, 306 insertions(+), 161 deletions(-)
 create mode 100644 vite.config.ts.timestamp-1700721401417-acbfd6e17cbbf.mjs

diff --git a/src/lib/components/explore.svelte b/src/lib/components/explore.svelte
index 92bd4ba..41bfbf6 100644
--- a/src/lib/components/explore.svelte
+++ b/src/lib/components/explore.svelte
@@ -374,7 +374,7 @@
       <div class="container mx-auto rounded-2xl">
         <div class="flex md:flex-row flex-col items-center rounded-2xl bg-white w-full">
           <div class="bg-[#E7F5F5] md:w-2/5 w-full flex justify-center rounded-t-2xl sm:rounded-l-2xl sm:rounded-tr-[0px]">
-            <img class="h-80 p-6" src="/assets/Frame 19 (1).png" alt="" />
+            <img class="h-full p-6" src="/assets/Frame 19 (1).png" alt="" />
           </div>
 
           <div class=" md:w-3/5 w-full p-14 pt-8 pb-6">
@@ -1106,8 +1106,8 @@
     <h1 class="rounded-2xl pt-10" id="calculator">
       <div class="container mx-auto rounded-2xl">
         <div class="flex md:flex-row flex-col items-center rounded-2xl bg-white w-full">
-          <div class="bg-[#E7F5F5] md:w-2/5 w-full flex justify-center rounded-l-2xl">
-            <img class="h-80 p-6" src="/assets/tech.png" alt="" />
+          <div class="bg-[#E7F5F5] md:w-2/5 w-full flex justify-center  rounded-t-2xl sm:rounded-l-2xl sm:rounded-tr-[0px]">
+            <img class="h-full p-6" src="/assets/tech.png" alt="" />
           </div>
 
           <div class=" md:w-3/5 w-full p-14 pt-8 pb-6">
@@ -1133,127 +1133,17 @@
       </div>
       <div
         id="calc-shadow-l"
-        class="bg-base-100"
+        class="bg-base-100 hidden sm:flex"
         style="width:1000px; height:750px; position: relative; left: -1000px; top: 0px; margin-bottom:-750px; z-index:9" />
       <div
         id="calc-shadow-r"
-        class="bg-base-100"
+        class="bg-base-100 hidden sm:flex"
         style="width:1000px; height:750px; position: relative; right: -100%; top: 0px; margin-bottom:-750px; z-index:9" />
     </h1>
 
     <!-- ===================after landing page =================== -->
-    <section
-      class="duration-300 transition opacity-0 container mb-[-1230px] sm:mb-[-630px] bg-white p-0 sm:p-16 pb-6 rounded-b-2xl"
-      id="results">
-      <div class="flex flex-row gap-8 items-center p-0 sm:p-5 pt-16 mt-[-20px]">
-        <div class="w-1/3 flex-col justify-center" style="font-family: 'Poppins', sans-serif;">
-          <div class="bg-[#E7F5F5] rounded-2xl text-center p-6 mb-10 text-[#2E3855]">
-            <p class="uppercase text-xl m-5">Waste type</p>
-            <h2 class="text-2xl font-bold leading-10">
-              <span id="waste-type1">PE Plastic</span>
-              <br />
-              <span id="waste-type2">10,000 tonnes</span>
-              &nbsp;per day
-            </h2>
-          </div>
-          <div class="bg-[#2E3855] rounded-2xl flex flex-col justify-center p-6 py-12 mb-6">
-            <div class="mx-auto">
-              <img src="/assets/medres/Pyrolysis1.jpg" class="rounded-full w-24 h-24" id="matched-img" alt="" />
-            </div>
-            <div class="text-center text-white">
-              <h3 class="uppercase text-xl m-5 mt-6">Most appropriate technology</h3>
-              <h2 class="text-2xl font-bold leading-6" id="matched-tech">Pyrolysis</h2>
-            </div>
-          </div>
-        </div>
-        <div class="w-2/3 flex-col justify-center mx-auto pl-10 mt-0">
-          <div class="flex justify-center">
-            <div
-              style="font-family: 'Poppins', sans-serif;"
-              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white mb-5 text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
-                            tracking-wider text-[#2E3855]">
-              Energy content <img class="ml-5 calc-gcv info-pop" src="/assets/info.png" alt="" />
-            </div>
-            <div
-              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] mb-5 text-center">
-              <span id="energycontent">18</span>
-              <span id="energycontent-unit">MJ/kg</span>
-            </div>
-          </div>
-          <div class="flex justify-center mb-2">
-            <div
-              style="font-family: 'Poppins', sans-serif;"
-              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white mb-5 text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
-                            tracking-wider text-[#2E3855]">
-              Heat produced <img class="ml-5 calc-heat-produced info-pop" src="/assets/info.png" alt="" />
-            </div>
-            <div
-              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] mb-5 text-center">
-              <span id="heatproduced">11,200</span>
-              kWh per year
-            </div>
-          </div>
-          <div class="flex justify-center mb-6">
-            <div
-              style="font-family: 'Poppins', sans-serif;"
-              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
-                            tracking-wider text-[#2E3855]">
-              Heat savings <img class="ml-5 calc-heat-savings info-pop" src="/assets/info.png" alt="" />
-            </div>
-            <div
-              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] text-center">
-              £
-              <span id="heatsavingspa">48,000</span>
-              per year
-            </div>
-          </div>
-          <div class="flex justify-center mb-2">
-            <div
-              style="font-family: 'Poppins', sans-serif;"
-              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white mb-5 text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
-                            tracking-wider text-[#2E3855]">
-              Electricity produced <img class="ml-5 calc-electricity-produced info-pop" src="/assets/info.png" alt="" />
-            </div>
-            <div
-              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] mb-5 text-center">
-              <span id="electricityproduced">4,800</span>
-              kWh per year
-            </div>
-          </div>
-          <div class="flex justify-center mb-6">
-            <div
-              style="font-family: 'Poppins', sans-serif;"
-              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
-                            tracking-wider text-[#2E3855]">
-              Electrical savings <img class="ml-5 calc-electrical-savings info-pop" src="/assets/info.png" alt="" />
-            </div>
-            <div
-              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] text-center">
-              £
-              <span id="electricitysavingspa">70,000</span>
-              per year
-            </div>
-          </div>
-          <div class="flex justify-center mb-6">
-            <div
-              style="font-family: 'Poppins', sans-serif;"
-              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
-                            tracking-wider text-[#2E3855]">
-              <span id="char-fert">Char</span>
-              &nbsp;produced
-              <img class="ml-5 calc-char info-pop hidden" src="/assets/info.png" alt="" />
-              <img class="ml-5 calc-fert info-pop hidden" src="/assets/info.png" alt="" />
-            </div>
-            <div
-              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] text-center">
-              <span id="fertiliser">500</span>
-              kg per year
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-    <section id="calculate">
+    
+    <section id="calculate" class="pt-10 relative" style="z-index:8;">
       <div class="container rounded-2xl bg-white p-5 sm:p-20 pt-12 pb-16 z-23" id="growcalc">
         <div class="text-center pb-10">
           <h1
@@ -1269,16 +1159,16 @@
         </div>
         <div
           style="font-family: 'Poppins', sans-serif;"
-          class="flex md:flex-row flex-col items-center rounded-lg bg-white w-full mt-5">
+          class="flex md:flex-row flex-col items-center rounded-lg bg-white w-full mt-5 h-0 sm:h-full">
           <div class="bg-[#E7F5F5] w-1/3 flex justify-center rounded-2xl mr-8 hidden sm:flex">
             <img class="h-60" id="calc-img" src="/assets/cow 1 (1).png" alt="" />
           </div>
-          <div class="w-full sm:w-2/3 sm:pl-12 pr-0 md:mt-0 mt-5 duration-300 transform" id="calc-selectors">
-            <div class="inline-flex rounded-xl shadow-sm w-full" role="group">
-              <button type="button" class="text-xl w-1/2 h-16 text-white bg-[#2E3855] rounded-l-xl">Waste type</button>
+          <div class="w-full sm:w-2/3 sm:pl-12 pr-0 md:mt-0 mt-5 duration-300 transform sm:-translate-y-[0px]" id="calc-selectors" style="z-index:19">
+            <div class="flex flex-col sm:flex-row rounded-xl shadow-sm w-full" role="group">
+              <button type="button" class="text-xl w-full sm:w-1/2 h-16 text-white bg-[#2E3855] rounded-tl-xl rounded-tr-xl sm:rounded-tr-none sm:rounded-bl-xl">Waste type</button>
               <!-- reduce font to fit on screen -->
               <div
-                class="button dropdown w-1/2 flex justify-between z-10 inline-flex items-center py-2.5 px-4 text-xl font-semibold text-center text-[#2E3855] bg-[#E7F5F5] rounded-r-xl hover:bg-gray-200 border-0">
+                class="button dropdown w-full sm:w-1/2 flex justify-between z-10 inline-flex items-center py-2.5 px-4 text-xl font-semibold text-center text-[#2E3855] bg-[#E7F5F5] rounded-b-xl sm:rounded-b-none sm:rounded-tr-xl sm:rounded-br-xl hover:bg-gray-200 border-0">
                 <select id="colorselector" class="w-full bg-transparent text-left border-0 line-h-20">
                   <optgroup class="bg-[#e2e6e6]" label="Alcohol and Beverages Industry">
                     <option class="bg-[#E7F5F5]" value="Beer production">Beer production</option>
@@ -1362,11 +1252,10 @@
                 </select>
               </div>
             </div>
-            <div class="inline-flex rounded-xl shadow-sm w-full mt-5" role="group">
-              <button type="button" class="text-xl w-1/2 h-16 text-white bg-[#2E3855] rounded-l-xl">Kilograms per day</button>
-
+            <div class="flex flex-col sm:flex-row rounded-xl shadow-sm w-full mt-5" role="group">
+              <button type="button" class="text-xl w-full sm:w-1/2 h-16 text-white bg-[#2E3855] rounded-tl-xl rounded-tr-xl sm:rounded-tr-none sm:rounded-bl-xl">Kilograms per day</button>
               <div
-                class="button dropdown w-1/2 flex justify-between flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-xl font-semibold text-center text-[#2E3855] bg-[#E7F5F5] rounded-r-xl hover:bg-gray-200 border-0">
+                class="button dropdown w-full sm:w-1/2 flex justify-between flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-xl font-semibold text-center text-[#2E3855] bg-[#E7F5F5] rounded-b-xl sm:rounded-b-none sm:rounded-tr-xl sm:rounded-br-xl hover:bg-gray-200 border-0">
                 <select
                   id="colorselector2"
                   class="w-full bg-transparent text-center focus-0 after:border-0 before:border-0 after:border-[#E7F5F5]">
@@ -1383,11 +1272,11 @@
                 </select>
               </div>
             </div>
-            <div class="inline-flex rounded-xl shadow-sm w-full mt-5" role="group">
-              <button type="button" class="text-xl w-1/2 h-16 text-white bg-[#2E3855] rounded-l-xl">Client needs</button>
+            <div class="flex flex-col sm:flex-row rounded-xl shadow-sm w-full mt-5" role="group">
+              <button type="button" class="text-xl w-full sm:w-1/2 h-16 text-white bg-[#2E3855] rounded-tl-xl rounded-tr-xl sm:rounded-tr-none sm:rounded-bl-xl">Client needs</button>
 
               <div
-                class="button dropdown w-1/2 flex justify-between flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-xl font-semibold text-center text-[#2E3855] bg-[#E7F5F5] rounded-r-xl hover:bg-gray-200 border-0">
+                class="button dropdown w-full sm:w-1/2 flex justify-between flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-xl font-semibold text-center text-[#2E3855] bg-[#E7F5F5] rounded-b-xl sm:rounded-b-none sm:rounded-tr-xl sm:rounded-br-xl hover:bg-gray-200 border-0">
                 <select id="colorselector3" class="w-full bg-transparent text-center">
                   <option class="bg-[#E7F5F5] nofood" value="electricity">Electricity</option>
                   <option class="bg-[#E7F5F5] nofood" value="heating-cooling">Heating / Cooling</option>
@@ -1401,49 +1290,168 @@
           </div>
         </div>
         <div
-          class="w-[784px] ml-80 pl-16 h-60 p-10 pt-16 md:mt-0 mt-5 duration-300 transform absolute -translate-x-full opacity-0 -translate-y-full bg-[#E7F5F5] rounded-2xl"
+          class="w-full sm:w-[784px] sm:ml-80 sm:pl-16 sm:h-60 p-10 pt-16 md:mt-0 mt-5 duration-300 transform relative sm:absolute sm:-translate-x-full opacity-0 sm:-translate-y-full bg-[#E7F5F5] rounded-2xl"
           id="calc-message">
-          <div class="text-4xl font-bold duration-100 mt-[-30px]" id="feasible">Your project is feasible</div>
+          <div class="text-2xl sm:text-4xl font-bold duration-100 mt-[-30px]" id="feasible">Your project is feasible</div>
           <p style=" font-family: 'Public Sans', sans-serif;" class="text-[#2E3855] tracking-wider mt-5" id="feasible-results">
             Review your results to explore the different possibilities and
             <br />
             book a slot with us for personalised guidance on next steps
           </p>
         </div>
-        <div class="flex justify gap-16 w-full">
+        <div class="flex flex-col sm:flex-row justify sm:gap-16 w-full">
+          <button
+            id="calc-button-mobile"
+            class="duration-300 transform flex sm:hidden h-full font-bold mt-6 p-5 sm:p-4 hover:bg-pfp-green bg-pfp-orange rounded-xl flex justify-center items-center text-white tracking-wider font-semibold text-2xl"
+            href="/explore/#calculate"
+            onclick="calculate();" style="z-index:6;">
+            <img class="mr-4 h-6" src="/assets/calculator.png" alt="" />
+            <span>Calculate</span>
+          </button>
           <a
             id="call-button"
-            class="duration-300 transform -translate-x-full opacity-0 font-bold mt-16 w-[375px] p-4 hover:bg-pfp-green bg-pfp-orange rounded-xl flex justify-center items-center text-white tracking-wider font-semibold text-2xl"
-            href="/contact">
+            class="duration-200 transform sm:-translate-x-full -translate-y-full sm:translate-y-[0px] opacity-0 font-bold mt-6 sm:mt-16 w-full sm:w-[375px] p-4 hover:bg-pfp-green bg-pfp-orange rounded-xl flex justify-center items-center text-white tracking-wider font-semibold text-2xl"
+            href="/contact" style="z-index:4;">
             <img class="mr-3" src="/assets/arrow-right-circle.png" alt="" />
             <span>Book a call with us</span>
             <!-- change alignment to fit below on FS -->
           </a>
           <a
             id="call-button2"
-            class="duration-300 transform -translate-x-full opacity-0 font-bold mt-16 ml-1 w-[350px] p-4 hover:bg-pfp-green bg-pfp-navy rounded-xl flex justify-center items-center text-white tracking-wider font-semibold text-2xl"
-            href="/green-energy/">
+            class="duration-500 transform sm:-translate-x-full -translate-y-full sm:translate-y-[0px] opacity-0 font-bold mt-6 sm:mt-16 w-full sm:w-[350px] p-4 hover:bg-pfp-green bg-pfp-navy rounded-xl flex justify-center items-center text-white tracking-wider font-semibold text-2xl"
+            href="/green-energy/" style="z-index:5;">
             <img class="mr-3" src="/assets/arrow-right-circle.png" alt="" />
             <span>Learn more</span>
           </a>
           <button
             id="calc-button"
-            class="duration-300 transform -translate-x-[338px] h-full font-bold mt-16 sm:w-1/3 p-5 sm:p-4 hover:bg-pfp-green bg-pfp-orange rounded-xl flex justify-center items-center text-white tracking-wider font-semibold text-2xl"
+            class="duration-300 transform hidden sm:flex -translate-x-[338px] h-full font-bold mt-16 sm:w-1/3 p-5 sm:p-4 hover:bg-pfp-green bg-pfp-orange rounded-xl flex justify-center items-center text-white tracking-wider font-semibold text-2xl"
             href="/explore/#calculate"
-            onclick="calculate();">
+            onclick="calculate();" style="z-index:6;">
             <img class="mr-4 h-6" src="/assets/calculator.png" alt="" />
             <span>Calculate</span>
           </button>
+          
         </div>
       </div>
       <div
         id="calc-spacer"
-        class="bg-base-100"
-        style="width:1000px; height:750px; position: relative; right: -100%; top: 0px; margin-bottom:-750px; z-index:9" />
+        class="bg-base-100 hidden"
+        style="width:1000px; height:750px; position: relative; right: -100%; top: 0px; margin-bottom:-750px; z-index:7" />
+    </section>
+    <section
+      class="duration-300 transition opacity-0 -translate-y-full container h-0 bg-white p-5 sm:p-16 pb-6 rounded-b-2xl mt-[-65px]"
+      id="results">
+      <div class="flex flex-col sm:flex-row gap-8 items-center p-0 sm:p-5 pt-16 mt-[-20px]">
+        <div class="w-full sm:w-1/3 flex flex-col sm:flex-row justify-center" style="font-family: 'Poppins', sans-serif;">
+          <div class="bg-[#E7F5F5] rounded-2xl text-center p-6 mb-10 text-[#2E3855]">
+            <p class="uppercase text-xl m-5">Waste type</p>
+            <h2 class="text-2xl font-bold leading-10">
+              <span id="waste-type1">PE Plastic</span>
+              <br />
+              <span id="waste-type2">10,000 tonnes</span>
+              &nbsp;per day
+            </h2>
+          </div>
+          <div class="bg-[#2E3855] rounded-2xl flex flex-col justify-center p-6 py-12 mb-6">
+            <div class="mx-auto">
+              <img src="/assets/medres/Pyrolysis1.jpg" class="rounded-full w-24 h-24" id="matched-img" alt="" />
+            </div>
+            <div class="text-center text-white">
+              <h3 class="uppercase text-xl m-5 mt-6">Most appropriate technology</h3>
+              <h2 class="text-2xl font-bold leading-6" id="matched-tech">Pyrolysis</h2>
+            </div>
+          </div>
+        </div>
+        <div class="w-full sm:w-2/3 flex-col justify-center mx-auto sm:pl-10 mt-0">
+          <div class="flex justify-center">
+            <div
+              style="font-family: 'Poppins', sans-serif;"
+              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white mb-5 text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
+                            tracking-wider text-[#2E3855]">
+              Energy content <img class="ml-5 calc-gcv info-pop" src="/assets/info.png" alt="" />
+            </div>
+            <div
+              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] mb-5 text-center">
+              <span id="energycontent">18</span>
+              <span id="energycontent-unit">MJ/kg</span>
+            </div>
+          </div>
+          <div class="flex justify-center mb-2">
+            <div
+              style="font-family: 'Poppins', sans-serif;"
+              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white mb-5 text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
+                            tracking-wider text-[#2E3855]">
+              Heat produced <img class="ml-5 calc-heat-produced info-pop" src="/assets/info.png" alt="" />
+            </div>
+            <div
+              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] mb-5 text-center">
+              <span id="heatproduced">11,200</span>
+              kWh per year
+            </div>
+          </div>
+          <div class="flex justify-center mb-6">
+            <div
+              style="font-family: 'Poppins', sans-serif;"
+              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
+                            tracking-wider text-[#2E3855]">
+              Heat savings <img class="ml-5 calc-heat-savings info-pop" src="/assets/info.png" alt="" />
+            </div>
+            <div
+              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] text-center">
+              £
+              <span id="heatsavingspa">48,000</span>
+              per year
+            </div>
+          </div>
+          <div class="flex justify-center mb-2">
+            <div
+              style="font-family: 'Poppins', sans-serif;"
+              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white mb-5 text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
+                            tracking-wider text-[#2E3855]">
+              Electricity produced <img class="ml-5 calc-electricity-produced info-pop" src="/assets/info.png" alt="" />
+            </div>
+            <div
+              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] mb-5 text-center">
+              <span id="electricityproduced">4,800</span>
+              kWh per year
+            </div>
+          </div>
+          <div class="flex justify-center mb-6">
+            <div
+              style="font-family: 'Poppins', sans-serif;"
+              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
+                            tracking-wider text-[#2E3855]">
+              Electrical savings <img class="ml-5 calc-electrical-savings info-pop" src="/assets/info.png" alt="" />
+            </div>
+            <div
+              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] text-center">
+              £
+              <span id="electricitysavingspa">70,000</span>
+              per year
+            </div>
+          </div>
+          <div class="flex justify-center mb-6">
+            <div
+              style="font-family: 'Poppins', sans-serif;"
+              class="pr-8 flex justify-end items-center p-4 relative w-1/2 bg-[#2E3855] rounded-l-2xl text-xl leading-10 text-white text-center after:absolute after:-right-3 after:top-[35%] after:content[''] after:block after:border-solid after:border-l-8 after:border-b-8 after:border-t-8 after:border-t-transparent after:border-b-transparent after:border-l-[#2E3855] z-20
+                            tracking-wider text-[#2E3855]">
+              <span id="char-fert">Char</span>
+              &nbsp;produced
+              <img class="ml-5 calc-char info-pop hidden" src="/assets/info.png" alt="" />
+              <img class="ml-5 calc-fert info-pop hidden" src="/assets/info.png" alt="" />
+            </div>
+            <div
+              class="absolute p-4 relative w-1/2 rounded-r-lg tracking-wider bg-[#E7F5F5] text-xl leading-10 text-[#2E3855] text-center">
+              <span id="fertiliser">500</span>
+              kg per year
+            </div>
+          </div>
+        </div>
+      </div>
     </section>
     <script>
-      function calculate() {
-        const data = {
+      const data = {
           Ceramics: {
             feasibility: 'N'
           },
@@ -2028,6 +2036,8 @@
             fertiliser: 91250
           }
         }
+      function calculate() {
+        
 
         var d = data[document.querySelector('#colorselector').value]
         var feasible = d['feasibility'] == 'Y'
@@ -2085,14 +2095,16 @@
             setTimeout(() => {
               document.getElementById('calculate').scrollIntoView({ behavior: 'smooth' })
             }, 500)
-            results.classList.toggle('translate-y-full')
+            results.classList.toggle('-translate-y-full')
+            results.classList.toggle('h-0')
             setTimeout(() => {
               results.classList.toggle('opacity-0')
             }, 100)
           } else {
             results.classList.toggle('opacity-0')
             setTimeout(() => {
-              results.classList.toggle('translate-y-full')
+              results.classList.toggle('-translate-y-full')
+              results.classList.toggle('h-0')
             }, 100)
             setTimeout(() => {
               document.getElementById('calculator').scrollIntoView({ behavior: 'smooth' })
@@ -2119,34 +2131,48 @@
         }
 
         var calcselectors = document.querySelector('#calc-selectors')
-        calcselectors.classList.toggle('translate-x-full')
+        calcselectors.classList.toggle('sm:translate-x-full')
+        calcselectors.classList.toggle('-translate-y-full')
         calcselectors.classList.toggle('opacity-0')
 
         var calcmessage = document.querySelector('#calc-message')
-        calcmessage.classList.toggle('-translate-x-full')
+        calcmessage.classList.toggle('sm:-translate-x-full')
         calcmessage.classList.toggle('opacity-0')
+        setTimeout(() => {
+          // calcmessage.classList.toggle('h-0')
+          // calcmessage.classList.toggle('h-full')
+        }, 300)
 
         var calcbutton = document.querySelector('#calc-button')
         // calcbutton.classList.toggle('-translate-x-full')
         calcbutton.classList.toggle('-translate-x-[338px]')
+        var calcbuttonm = document.querySelector('#calc-button-mobile')
         var calctext = document.querySelector('#calc-button span').innerHTML
         if (calctext == 'Calculate') {
           document.querySelector('#calc-button span').innerHTML = 'Start over'
         } else {
           document.querySelector('#calc-button span').innerHTML = 'Calculate'
         }
+        var calctextm = document.querySelector('#calc-button-mobile span').innerHTML
+        if (calctextm == 'Calculate') {
+          document.querySelector('#calc-button-mobile span').innerHTML = 'Start over'
+        } else {
+          document.querySelector('#calc-button-mobile span').innerHTML = 'Calculate'
+        }
         calcbutton.classList.toggle('w-1/4')
         calcbutton.classList.toggle('w-1/3')
 
         var callbutton = document.querySelector('#call-button')
-        callbutton.classList.toggle('-translate-x-full')
+        callbutton.classList.toggle('sm:-translate-x-full')
+        callbutton.classList.toggle('-translate-y-full')
         callbutton.classList.toggle('opacity-0')
         setTimeout(() => {
           callbutton.classList.toggle('glow')
         }, 3000)
 
         var callbutton2 = document.querySelector('#call-button2')
-        callbutton2.classList.toggle('-translate-x-full')
+        callbutton2.classList.toggle('sm:-translate-x-full')
+        callbutton2.classList.toggle('-translate-y-full')
         callbutton2.classList.toggle('opacity-0')
       }
     </script>
diff --git a/src/lib/components/home_generated.svelte b/src/lib/components/home_generated.svelte
index d3d7392..b31f4a0 100644
--- a/src/lib/components/home_generated.svelte
+++ b/src/lib/components/home_generated.svelte
@@ -256,11 +256,11 @@
                   class="h-6 w-6" />
               </div>
             </button>
-            <div class="flex flex-col h-[164px] overflow-x-hidden">
+            <div class="flex flex-col h-[440px] sm:h-[164px] overflow-x-hidden">
               <div
                 id="customer1"
                 class="bg-[#e7f5f5] duration-300 flex-col flex justify-center items-center gap-2.5 px-10 pt-[30px] pb-5 rounded-[10px] text-sm leading-[26px] text-center text-[#2e3855] font-PublicSans">
-                <div class="italic font-light w-[700px]">
+                <div class="italic font-light sm:w-[700px]">
                   “Not only did ABC Company deliver outstanding results, but they also provided exceptional customer service.
                   Their team was always responsive, accommodating, and willing to go the extra mile to address any questions or
                   concerns we had.”
@@ -269,8 +269,8 @@
               </div>
               <div
                 id="customer2"
-                class="bg-[#e7f5f5] mt-[-164px] -translate-x-full opacity-0 duration-300 flex-col flex justify-center items-center gap-2.5 px-10 pt-[30px] pb-5 rounded-[10px] text-sm leading-[26px] text-center text-[#2e3855] font-PublicSans">
-                <div class="italic font-light w-[700px]">
+                class="bg-[#e7f5f5] mt-[-422px] sm:mt-[-164px] -translate-x-full opacity-0 duration-300 flex-col flex justify-center items-center gap-2.5 px-10 pt-[30px] pb-5 rounded-[10px] text-sm leading-[26px] text-center text-[#2e3855] font-PublicSans">
+                <div class="italic font-light sm:w-[700px]">
                   “Not only did ABC Company 2 deliver outstanding results, but they also provided exceptional customer service.
                   Their team was always responsive, accommodating, and willing to go the extra mile to address any questions or
                   concerns we had.”
@@ -279,8 +279,8 @@
               </div>
               <div
                 id="customer3"
-                class="bg-[#e7f5f5] mt-[-164px] -translate-x-full opacity-0 duration-300 flex-col flex justify-center items-center gap-2.5 px-10 pt-[30px] pb-5 rounded-[10px] text-sm leading-[26px] text-center text-[#2e3855] font-PublicSans">
-                <div class="italic font-light w-[700px]">
+                class="bg-[#e7f5f5] mt-[-422px] sm:mt-[-164px] -translate-x-full opacity-0 duration-300 flex-col flex justify-center items-center gap-2.5 px-10 pt-[30px] pb-5 rounded-[10px] text-sm leading-[26px] text-center text-[#2e3855] font-PublicSans">
+                <div class="italic font-light sm:w-[700px]">
                   “Not only did ABC Company 3 deliver outstanding results, but they also provided exceptional customer service.
                   Their team was always responsive, accommodating, and willing to go the extra mile to address any questions or
                   concerns we had.”
diff --git a/src/lib/components/new_green_energy.svelte b/src/lib/components/new_green_energy.svelte
index adcc3a5..73cc2e8 100644
--- a/src/lib/components/new_green_energy.svelte
+++ b/src/lib/components/new_green_energy.svelte
@@ -57,7 +57,7 @@
               <div class="text-2xl sm:text-4xl leading-[46px] font-bold w-full">Slurry covers for farms with livestock</div>
             </div>
           </div>
-          <div class="bg-white w-full flex-col flex items-start gap-10 pt-10 rounded-b-[20px] text-[#2e3855]">
+          <div class="bg-white w-full flex-col flex items-start gap-10 pt-10 rounded-b-[20px] text-[#2e3855] ">
             <div class="w-full flex-col flex justify-center items-center gap-[30px]">
               <div class="w-full flex-col flex justify-center items-center gap-10">
                 <div class="flex-col w-[300px] sm:w-[700px] flex items-start gap-4">
@@ -69,7 +69,7 @@
                       emissions. By covering your slurry store, you can substantially reduce these emissions. Conventional
                       slurry store covers aren’t airtight like anaerobic digester covers, so gas escapes at a reduced rate
                       compared to open stores.
-                      <div class="hidden sm:flex">
+                      <div class="flex h-0 sm:h-full duration-300 animate overflow-hidden" id='slurry'>
                         <br />
                         Slurry store covers can be impermeable or permeable, fixed or floating. Impermeable covers prevent rainwater
                         from entering, reducing slurry volume and increasing storage capacity. In areas with moderate to high rainfall,
@@ -80,13 +80,14 @@
                         industry.
                       </div>
                     </div>
-                    <a href="#" target="_blank" class="sm:hidden pb-8">
-                      <img src="/assets/arm.svg" />
-                    </a>
+                    <button onclick="show_detail('slurry')" class="sm:hidden mb-5">
+                    <img src="/assets/arm.svg" class="slurry-rm" />
+                    <img src="/assets/arl.svg" class="slurry-rl hidden" />
+                  </button>
                   </div>
                 </div>
-                <div class="bg-[#e7f5f5] w-full hidden sm:flex items-center gap-10 px-[60px] pt-[30px] pb-[50px] text-sm">
-                  <div class="flex-1 flex-col flex items-start gap-4 align-top">
+                <div class="bg-[#e7f5f5] w-full h-0 sm:h-full duration-300 animate overflow-hidden flex flex-col sm:flex-row items-center gap-10  text-sm p-10 rounded-b-2xl  translate-y-[-0px] hidden" id='slurry2'>
+                  <div class="flex1 flex-col flex items-start gap-4 align-top h-full">
                     <div class="w-full flex items-center gap-3.5 leading-[21px] font-semibold text-center font-Poppins">
                       <img
                         src="/assets/new/badge-plus.svg"
@@ -123,6 +124,20 @@
                 </div>
               </div>
             </div>
+            <script>
+          function show_detail(k) {
+            console.log(k)
+            var element = document.querySelector('#' + k)
+            element.classList.toggle('h-full')
+            element.classList.toggle('h-0')
+            var element = document.querySelector('#' + k+'2')
+            element.classList.toggle('h-full')
+            element.classList.toggle('h-0')
+            element.classList.toggle('hidden')
+            document.querySelector('.' + k+'-rm').classList.toggle('hidden')
+            document.querySelector('.' + k+'-rl').classList.toggle('hidden')
+          }
+        </script>
           </div>
         </div>
         <div class="w-full flex-col flex items-start">
diff --git a/vite.config.ts.timestamp-1700721401417-acbfd6e17cbbf.mjs b/vite.config.ts.timestamp-1700721401417-acbfd6e17cbbf.mjs
new file mode 100644
index 0000000..26fae3b
--- /dev/null
+++ b/vite.config.ts.timestamp-1700721401417-acbfd6e17cbbf.mjs
@@ -0,0 +1,104 @@
+// vite.config.ts
+import { defineConfig } from "file:///E:/NoSync/pfp/node_modules/.pnpm/vite@4.4.9_@types+node@18.17.4/node_modules/vite/dist/node/index.js";
+import UnoCSS from "file:///E:/NoSync/pfp/node_modules/.pnpm/unocss@0.50.8_postcss@8.4.27_rollup@2.79.1_vite@4.4.9/node_modules/unocss/dist/vite.mjs";
+import { presetTagify, presetIcons, extractorSvelte } from "file:///E:/NoSync/pfp/node_modules/.pnpm/unocss@0.50.8_postcss@8.4.27_rollup@2.79.1_vite@4.4.9/node_modules/unocss/dist/index.mjs";
+import { imagetools } from "file:///E:/NoSync/pfp/node_modules/.pnpm/vite-imagetools@4.0.19_rollup@2.79.1/node_modules/vite-imagetools/dist/index.mjs";
+import { sveltekit as SvelteKit } from "file:///E:/NoSync/pfp/node_modules/.pnpm/@sveltejs+kit@1.22.4_svelte@3.59.2_vite@4.4.9/node_modules/@sveltejs/kit/src/exports/vite/index.js";
+import { SvelteKitPWA } from "file:///E:/NoSync/pfp/node_modules/.pnpm/@vite-pwa+sveltekit@0.1.3_@sveltejs+kit@1.22.4_vite-plugin-pwa@0.14.7/node_modules/@vite-pwa/sveltekit/dist/index.mjs";
+import TailwindCSS from "file:///E:/NoSync/pfp/node_modules/.pnpm/tailwindcss@3.3.3/node_modules/tailwindcss/lib/index.js";
+
+// src/lib/config/general.ts
+var theme = [
+  {
+    name: "winter",
+    text: "\u26AA Light"
+  }
+];
+
+// tailwind.config.ts
+import typography from "file:///E:/NoSync/pfp/node_modules/.pnpm/@tailwindcss+typography@0.5.9_tailwindcss@3.3.3/node_modules/@tailwindcss/typography/src/index.js";
+import daisyui from "file:///E:/NoSync/pfp/node_modules/.pnpm/daisyui@2.52.0_autoprefixer@10.4.14_postcss@8.4.27/node_modules/daisyui/src/index.js";
+var tailwind_config_default = {
+  content: ["./src/**/*.{html,md,js,svelte,ts}"],
+  // theme: { extend: {} },
+  theme: {
+    extend: {
+      colors: {
+        primary: "#3F9378",
+        secondary: "#2E3855",
+        "base-100": "#E5EBEB",
+        "base-200": "#E5EBEB",
+        "pfp-navy": "#2E3855",
+        "light-blue": "#E7F5F5",
+        "light-green": "#DDF3EA",
+        white: "#FFFFFF",
+        "baby-blue": "#D0E6F2",
+        "pfp-green": "#3F9378",
+        "pfp-orange": "#EC8B5A"
+      },
+      letterSpacing: {
+        menu: "0.15em"
+      },
+      fontFamily: {
+        sans: ["Public Sans", "Roboto", "sans-serif"],
+        PublicSans: ["Public Sans", "Roboto", "sans-serif"],
+        Poppins: ["Poppins", "Roboto", "sans-serif"]
+      }
+    }
+  },
+  plugins: [typography, daisyui],
+  daisyui: { themes: theme.map(({ name }) => name) }
+};
+
+// vite.config.ts
+import autoprefixer from "file:///E:/NoSync/pfp/node_modules/.pnpm/autoprefixer@10.4.14_postcss@8.4.27/node_modules/autoprefixer/lib/autoprefixer.js";
+import cssnano from "file:///E:/NoSync/pfp/node_modules/.pnpm/cssnano@5.1.15_postcss@8.4.27/node_modules/cssnano/src/index.js";
+var vite_config_default = defineConfig({
+  envPrefix: "URARA_",
+  build: {
+    sourcemap: false,
+    rollupOptions: {
+      cache: false
+    }
+  },
+  css: {
+    postcss: {
+      plugins: [
+        TailwindCSS(tailwind_config_default),
+        autoprefixer(),
+        ...process.env.NODE_ENV === "production" ? [
+          cssnano({
+            preset: ["default", { discardComments: { removeAll: true } }]
+          })
+        ] : []
+      ]
+    }
+  },
+  plugins: [
+    UnoCSS({
+      include: [/\.svelte$/, /\.md?$/, /\.ts$/],
+      extractors: [extractorSvelte],
+      presets: [
+        presetTagify({
+          extraProperties: (matched) => matched.startsWith("i-") ? { display: "inline-block" } : {}
+        }),
+        presetIcons({ scale: 1.5 })
+      ]
+    }),
+    imagetools(),
+    SvelteKit(),
+    SvelteKitPWA({
+      registerType: "autoUpdate",
+      manifest: false,
+      scope: "/",
+      workbox: {
+        globPatterns: ["posts.json", "**/*.{js,css,html,svg,ico,png,webp,avif}"],
+        globIgnores: ["**/sw*", "**/workbox-*"]
+      }
+    })
+  ]
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiLCAic3JjL2xpYi9jb25maWcvZ2VuZXJhbC50cyIsICJ0YWlsd2luZC5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJFOlxcXFxOb1N5bmNcXFxccGZwXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJFOlxcXFxOb1N5bmNcXFxccGZwXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9FOi9Ob1N5bmMvcGZwL3ZpdGUuY29uZmlnLnRzXCI7Ly8gdml0ZSBkZWZpbmUgY29uZmlnXG5pbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJ1xuLy8gdml0ZSBwbHVnaW5cbmltcG9ydCBVbm9DU1MgZnJvbSAndW5vY3NzL3ZpdGUnXG5pbXBvcnQgeyBwcmVzZXRUYWdpZnksIHByZXNldEljb25zLCBleHRyYWN0b3JTdmVsdGUgfSBmcm9tICd1bm9jc3MnXG5pbXBvcnQgeyBpbWFnZXRvb2xzIH0gZnJvbSAndml0ZS1pbWFnZXRvb2xzJ1xuaW1wb3J0IHsgc3ZlbHRla2l0IGFzIFN2ZWx0ZUtpdCB9IGZyb20gJ0BzdmVsdGVqcy9raXQvdml0ZSdcbmltcG9ydCB7IFN2ZWx0ZUtpdFBXQSB9IGZyb20gJ0B2aXRlLXB3YS9zdmVsdGVraXQnXG4vLyBwb3N0Y3NzICYgdGFpbHdpbmRjc3NcbmltcG9ydCBUYWlsd2luZENTUyBmcm9tICd0YWlsd2luZGNzcydcbmltcG9ydCB0YWlsd2luZENvbmZpZyBmcm9tICcuL3RhaWx3aW5kLmNvbmZpZydcbmltcG9ydCBhdXRvcHJlZml4ZXIgZnJvbSAnYXV0b3ByZWZpeGVyJ1xuaW1wb3J0IGNzc25hbm8gZnJvbSAnY3NzbmFubydcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcbiAgZW52UHJlZml4OiAnVVJBUkFfJyxcbiAgYnVpbGQ6IHtcbiAgICBzb3VyY2VtYXA6IGZhbHNlLFxuICAgIHJvbGx1cE9wdGlvbnM6IHtcbiAgICAgIGNhY2hlOiBmYWxzZVxuICAgIH1cbiAgfSxcbiAgY3NzOiB7XG4gICAgcG9zdGNzczoge1xuICAgICAgcGx1Z2luczogW1xuICAgICAgICBUYWlsd2luZENTUyh0YWlsd2luZENvbmZpZyksXG4gICAgICAgIGF1dG9wcmVmaXhlcigpLFxuICAgICAgICAuLi4ocHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09ICdwcm9kdWN0aW9uJ1xuICAgICAgICAgID8gW1xuICAgICAgICAgICAgICBjc3NuYW5vKHtcbiAgICAgICAgICAgICAgICBwcmVzZXQ6IFsnZGVmYXVsdCcsIHsgZGlzY2FyZENvbW1lbnRzOiB7IHJlbW92ZUFsbDogdHJ1ZSB9IH1dXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICBdXG4gICAgICAgICAgOiBbXSlcbiAgICAgIF1cbiAgICB9XG4gIH0sXG4gIHBsdWdpbnM6IFtcbiAgICBVbm9DU1Moe1xuICAgICAgaW5jbHVkZTogWy9cXC5zdmVsdGUkLywgL1xcLm1kPyQvLCAvXFwudHMkL10sXG4gICAgICBleHRyYWN0b3JzOiBbZXh0cmFjdG9yU3ZlbHRlXSxcbiAgICAgIHByZXNldHM6IFtcbiAgICAgICAgcHJlc2V0VGFnaWZ5KHtcbiAgICAgICAgICBleHRyYVByb3BlcnRpZXM6IChtYXRjaGVkOiBzdHJpbmcpID0+IChtYXRjaGVkLnN0YXJ0c1dpdGgoJ2ktJykgPyB7IGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snIH0gOiB7fSlcbiAgICAgICAgfSksXG4gICAgICAgIHByZXNldEljb25zKHsgc2NhbGU6IDEuNSB9KVxuICAgICAgXVxuICAgIH0pLFxuICAgIGltYWdldG9vbHMoKSxcbiAgICBTdmVsdGVLaXQoKSxcbiAgICBTdmVsdGVLaXRQV0Eoe1xuICAgICAgcmVnaXN0ZXJUeXBlOiAnYXV0b1VwZGF0ZScsXG4gICAgICBtYW5pZmVzdDogZmFsc2UsXG4gICAgICBzY29wZTogJy8nLFxuICAgICAgd29ya2JveDoge1xuICAgICAgICBnbG9iUGF0dGVybnM6IFsncG9zdHMuanNvbicsICcqKi8qLntqcyxjc3MsaHRtbCxzdmcsaWNvLHBuZyx3ZWJwLGF2aWZ9J10sXG4gICAgICAgIGdsb2JJZ25vcmVzOiBbJyoqL3N3KicsICcqKi93b3JrYm94LSonXVxuICAgICAgfVxuICAgIH0pXG4gIF1cbn0pXG4iLCAiY29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2Rpcm5hbWUgPSBcIkU6XFxcXE5vU3luY1xcXFxwZnBcXFxcc3JjXFxcXGxpYlxcXFxjb25maWdcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkU6XFxcXE5vU3luY1xcXFxwZnBcXFxcc3JjXFxcXGxpYlxcXFxjb25maWdcXFxcZ2VuZXJhbC50c1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vRTovTm9TeW5jL3BmcC9zcmMvbGliL2NvbmZpZy9nZW5lcmFsLnRzXCI7aW1wb3J0IHR5cGUgeyBUaGVtZUNvbmZpZywgSGVhZENvbmZpZywgSGVhZGVyQ29uZmlnLCBGb290ZXJDb25maWcsIERhdGVDb25maWcsIEZlZWRDb25maWcgfSBmcm9tICckbGliL3R5cGVzL2dlbmVyYWwnXG5cbmV4cG9ydCBjb25zdCB0aGVtZTogVGhlbWVDb25maWcgPSBbXG4gIHtcbiAgICBuYW1lOiAnd2ludGVyJyxcbiAgICB0ZXh0OiAnXHUyNkFBIExpZ2h0J1xuICB9XG5dXG5cbmV4cG9ydCBjb25zdCBoZWFkOiBIZWFkQ29uZmlnID0ge31cblxuZXhwb3J0IGNvbnN0IGhlYWRlcjogSGVhZGVyQ29uZmlnID0ge1xuICBzZWFyY2g6IHtcbiAgICBwcm92aWRlcjogJ2dvb2dsZSdcbiAgfSxcbiAgbmF2OiBbXG4gICAge1xuICAgICAgdGV4dDogJ0hvbWUnLFxuICAgICAgbGluazogJy8nXG4gICAgfSxcbiAgICB7XG4gICAgICB0ZXh0OiAnRXhwbG9yZScsXG4gICAgICBsaW5rOiAnL2V4cGxvcmUnXG4gICAgfSxcbiAgICB7XG4gICAgICB0ZXh0OiAnQWJvdXQgdXMnLFxuICAgICAgbGluazogJy9hYm91dCdcbiAgICB9LFxuICAgIHtcbiAgICAgIHRleHQ6ICdHcmVlbiBlbmVyZ3knLFxuICAgICAgbGluazogJy9ncmVlbi1lbmVyZ3knXG4gICAgfSxcbiAgICB7XG4gICAgICB0ZXh0OiAnUmVzb3VyY2VzJyxcbiAgICAgIGNoaWxkcmVuOiBbXG4gICAgICAgIHtcbiAgICAgICAgICB0ZXh0OiAnRmluYW5jaWFsIG9wdGlvbnMnLFxuICAgICAgICAgIGxpbms6ICcvcmVzb3VyY2VzL2ZpbmFuY2lhbC1vcHRpb25zJ1xuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdGV4dDogJ0ZBUScsXG4gICAgICAgICAgbGluazogJy9yZXNvdXJjZXMvYXJ0aWNsZXMnXG4gICAgICAgIH1cbiAgICAgIF1cbiAgICB9LFxuICAgIHtcbiAgICAgIHRleHQ6ICdOZXdzJyxcbiAgICAgIGxpbms6ICcvbmV3cydcbiAgICB9LFxuICAgIHtcbiAgICAgIHRleHQ6ICdDb250YWN0IFVzJyxcbiAgICAgIGxpbms6ICcvY29udGFjdCdcbiAgICB9XG4gIF1cbn1cblxuZXhwb3J0IGNvbnN0IGZvb3RlcjogRm9vdGVyQ29uZmlnID0ge1xuICBuYXY6IFtcbiAgICB7XG4gICAgICB0ZXh0OiAnRmVlZCcsXG4gICAgICBsaW5rOiAnL2F0b20ueG1sJ1xuICAgIH0sXG4gICAge1xuICAgICAgdGV4dDogJ1NpdGVtYXAnLFxuICAgICAgbGluazogJy9zaXRlbWFwLnhtbCdcbiAgICB9XG4gIF0sXG4gIGltZzogJy9hc3NldHMvcGZwLnBuZydcbn1cblxuZXhwb3J0IGNvbnN0IGRhdGU6IERhdGVDb25maWcgPSB7XG4gIGxvY2FsZXM6ICdlbi1VUycsXG4gIG9wdGlvbnM6IHtcbiAgICB5ZWFyOiAnbnVtZXJpYycsXG4gICAgd2Vla2RheTogJ2xvbmcnLFxuICAgIG1vbnRoOiAnbG9uZycsXG4gICAgZGF5OiAnbnVtZXJpYydcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgZmVlZDogRmVlZENvbmZpZyA9IHt9XG4iLCAiY29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2Rpcm5hbWUgPSBcIkU6XFxcXE5vU3luY1xcXFxwZnBcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkU6XFxcXE5vU3luY1xcXFxwZnBcXFxcdGFpbHdpbmQuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9FOi9Ob1N5bmMvcGZwL3RhaWx3aW5kLmNvbmZpZy50c1wiO2ltcG9ydCB7IHRoZW1lIH0gZnJvbSAnLi9zcmMvbGliL2NvbmZpZy9nZW5lcmFsJ1xuLy8gQHRzLWlnbm9yZSBDb3VsZCBub3QgZmluZCBhIGRlY2xhcmF0aW9uIGZpbGUgZm9yIG1vZHVsZSAnQHRhaWx3aW5kY3NzL3R5cG9ncmFwaHknLlxuaW1wb3J0IHR5cG9ncmFwaHkgZnJvbSAnQHRhaWx3aW5kY3NzL3R5cG9ncmFwaHknXG4vLyBAdHMtaWdub3JlIENvdWxkIG5vdCBmaW5kIGEgZGVjbGFyYXRpb24gZmlsZSBmb3IgbW9kdWxlICdkYWlzeXVpJy5cbmltcG9ydCBkYWlzeXVpIGZyb20gJ2RhaXN5dWknXG4vLyBAdHMtaWdub3JlIENvdWxkIG5vdCBmaW5kIGEgZGVjbGFyYXRpb24gZmlsZSBmb3IgbW9kdWxlICdAdGFpbHdpbmRjc3MvZm9ybXMnLlxuLy8gaW1wb3J0IGZvcm1zIGZyb20gJ0B0YWlsd2luZGNzcy9mb3JtcydcblxuZXhwb3J0IGRlZmF1bHQge1xuICBjb250ZW50OiBbJy4vc3JjLyoqLyoue2h0bWwsbWQsanMsc3ZlbHRlLHRzfSddLFxuICAvLyB0aGVtZTogeyBleHRlbmQ6IHt9IH0sXG4gIHRoZW1lOiB7XG4gICAgZXh0ZW5kOiB7XG4gICAgICBjb2xvcnM6IHtcbiAgICAgICAgcHJpbWFyeTogJyMzRjkzNzgnLFxuICAgICAgICBzZWNvbmRhcnk6ICcjMkUzODU1JyxcbiAgICAgICAgJ2Jhc2UtMTAwJzogJyNFNUVCRUInLFxuICAgICAgICAnYmFzZS0yMDAnOiAnI0U1RUJFQicsXG4gICAgICAgICdwZnAtbmF2eSc6ICcjMkUzODU1JyxcbiAgICAgICAgJ2xpZ2h0LWJsdWUnOiAnI0U3RjVGNScsXG4gICAgICAgICdsaWdodC1ncmVlbic6ICcjRERGM0VBJyxcbiAgICAgICAgd2hpdGU6ICcjRkZGRkZGJyxcbiAgICAgICAgJ2JhYnktYmx1ZSc6ICcjRDBFNkYyJyxcbiAgICAgICAgJ3BmcC1ncmVlbic6ICcjM0Y5Mzc4JyxcbiAgICAgICAgJ3BmcC1vcmFuZ2UnOiAnI0VDOEI1QScsXG4gICAgICB9LFxuICAgICAgbGV0dGVyU3BhY2luZzoge1xuICAgICAgICBtZW51OiAnMC4xNWVtJyxcbiAgICAgIH0sXG4gICAgICBmb250RmFtaWx5OiB7XG4gICAgICAgIHNhbnM6IFsnUHVibGljIFNhbnMnLCAnUm9ib3RvJywgJ3NhbnMtc2VyaWYnXSxcbiAgICAgICAgUHVibGljU2FuczogWydQdWJsaWMgU2FucycsICdSb2JvdG8nLCAnc2Fucy1zZXJpZiddLFxuICAgICAgICBQb3BwaW5zOiBbJ1BvcHBpbnMnLCAnUm9ib3RvJywgJ3NhbnMtc2VyaWYnXSxcbiAgICAgIH1cbiAgICB9LFxuICB9LFxuICBwbHVnaW5zOiBbdHlwb2dyYXBoeSwgZGFpc3l1aV0sXG4gIGRhaXN5dWk6IHsgdGhlbWVzOiB0aGVtZS5tYXAoKHsgbmFtZSB9KSA9PiBuYW1lKSB9XG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQ0EsU0FBUyxvQkFBb0I7QUFFN0IsT0FBTyxZQUFZO0FBQ25CLFNBQVMsY0FBYyxhQUFhLHVCQUF1QjtBQUMzRCxTQUFTLGtCQUFrQjtBQUMzQixTQUFTLGFBQWEsaUJBQWlC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