Merge pull request #54 from MikeCheek/partner-edit

Editing partner section
MikeCheek · Jul 15, 2024 · e0bc944 · e0bc944
2 parents f1304cd + 2c08ef8
commit e0bc944
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 14 deletions.
diff --git a/src/assets/partner/comune-grottole.png b/src/assets/partner/comune-grottole.png
diff --git a/src/components/atoms/Partners/index.tsx b/src/components/atoms/Partners/index.tsx
@@ -11,18 +11,31 @@ import { ReactComponent as Basilicata } from '../../../assets/partner/basilicata
 import { ReactComponent as LaPotenzaDellArte } from '../../../assets/partner/lapotenzadellarte.svg';
 import ShowOnView from '../ShowOnView';
 import { useTranslation } from 'react-i18next';
+import { useI18next } from 'gatsby-plugin-react-i18next';
 
 const Index = () => {
   const { t } = useTranslation();
+  const { language } = useI18next();
+
   return (
     <div className={styles.partners}>
       <Heading text="Powered By" />
       <ShowOnView className={styles.wrap}>
         <a href="https://www.syskrack.org/" rel="noopener noreferrer" title="Syskrack" target="_blank">
-          <Syskrack className={styles.logo} width={150} />
+          <Syskrack className={styles.logoLong} width={250} />
         </a>
         <h4 dangerouslySetInnerHTML={{ __html: t('PartnersText') }}></h4>
       </ShowOnView>
+      <Heading text={language === 'it' ? 'Con il patrocinio di' : 'Under the patronage of'} />
+      <ShowOnView className={styles.wrap}>
+        <StaticImage
+          layout="constrained"
+          src="../../../images/partners/comune_grottole.webp"
+          className={styles.logoLong}
+          alt="Comune di Grottole"
+          width={250}
+        />
+      </ShowOnView>
       <Heading text="Location Partner" />
       <ShowOnView className={styles.wrap}>
         <a href="https://podus.it/" title="Podus" rel="noopener noreferrer" target="_blank">
@@ -101,16 +114,6 @@ const Index = () => {
           />
         </a>
       </ShowOnView>
-      <Heading text="Istitutional Partner" />
-      <ShowOnView className={styles.wrap}>
-        <StaticImage
-          layout="constrained"
-          src="../../../images/partners/comune_grottole.webp"
-          className={styles.logo}
-          alt="Comune di Grottole"
-          width={150}
-        />
-      </ShowOnView>
       <Heading text="Hospitality Partner" />
       <ShowOnView className={styles.wrap}>
         {/* <a href="" title="Wonder Grottole" rel="noopener noreferrer" target="_blank"> */}

diff --git a/src/components/molecules/PartnerBody/index.module.scss b/src/components/molecules/PartnerBody/index.module.scss
@@ -1,5 +1,5 @@
 .wrap {
-  background-color: var(--nt-soft-green);
+  background-color: var(--nt-white); //var(--nt-soft-green);
   width: 100vw;
   padding: 100px 0 0 0;
   display: flex;

diff --git a/src/components/organisms/HeroPartner/index.module.scss b/src/components/organisms/HeroPartner/index.module.scss
@@ -40,7 +40,7 @@
   height: auto;
   z-index: 1;
   filter: drop-shadow(-58px 5px 5px rgba(0, 0, 0, 0.25));
-  fill: var(--nt-soft-green);
+  fill: var(--nt-white); //var(--nt-soft-green);
 }
 
 .white {
@@ -50,7 +50,7 @@
   width: 100vw;
   height: 100px;
   z-index: 1;
-  background-color: var(--nt-soft-green);
+  background-color: var(--nt-white); //var(--nt-soft-green);
 }
 
 .orangeFlowers {