Merge pull request #99 from neontribe/new-logos

feat: new sponsors

app/components/Sponsors/Sponsors.css

@@ -41,9 +41,9 @@
   flex-wrap: wrap;
   justify-content: center;
   column-gap: 20px;
-  row-gap: 10px;
+  row-gap: 13px;
   max-width: 470px;
-  margin: 1rem 0.2rem;
+  margin: 1rem 2rem;
   align-items: center;
 }
 
@@ -52,4 +52,8 @@
   .sponsor-large {
     gap: 25px;
   }
+
+  .sponsor-large {
+    padding: 1rem 0;
+  }
 }

app/components/Sponsors/Sponsors.tsx

@@ -19,7 +19,7 @@ const Sponsors = () => {
               />
             </a>
           </div>
-          
+
           <div>
             <a target="_blank" href="https://www.ukgovcamp.com">
               <Image
@@ -65,8 +65,7 @@ const Sponsors = () => {
         </div>
 
         <div className="sponsor-grid">
-
-        <div>
+          <div>
             <a target="_blank" href=" https://www.thinknpc.org/">
               <Image
                 width={90}
@@ -87,7 +86,6 @@ const Sponsors = () => {
             </a>
           </div>
 
-
           <div>
             <a target="_blank" href="https://nexergroup.com/">
               <Image
@@ -106,7 +104,7 @@ const Sponsors = () => {
                 height={35}
                 alt="Thank you to Promo Cymru for sponsoring this event"
                 src="/promo-cymru.png"
-                     />
+              />
             </a>
           </div>
 
@@ -120,6 +118,45 @@ const Sponsors = () => {
               />
             </a>
           </div>
+
+          <div>
+            <a target="_blank" href="https://www.wearecast.org.uk/">
+              <Image
+                width={85}
+                height={25}
+                alt="Thank you to Cast for sponsoring this event"
+                src="/cast.png"
+              />
+            </a>
+          </div>
+
+          <div>
+            <a
+              target="_blank"
+              href="https://www.wearecast.org.uk/our-work/programmes-and-initiatives/digital-leads-network/"
+            >
+              <Image
+                width={100}
+                height={65}
+                alt="Thank you to Digital Leads Network for sponsoring this event"
+                src="/digital-leads.png"
+              />
+            </a>
+          </div>
+
+          <div>
+            <a
+              target="_blank"
+              href="https://www.designforjoy.co.uk/"
+            >
+              <Image
+                width={60}
+                height={60}
+                alt="Thank you to Design For Joy for sponsoring this event"
+                src="/joy.jpg"
+              />
+            </a>
+          </div>
         </div>
       </div>
     </div>

app/page.css

@@ -24,7 +24,6 @@
   color: var(--c-white);
 }
 
-
 .sign-up-label {
   font-family: var(--secondary-font);
   font-size: var(--medium);
@@ -66,13 +65,11 @@
   border-radius: 2px;
 }
 
-
 .sign-up-button:hover {
   color: var(--c-white);
   transition: 0.5s;
 }
 
-
 .sign-up-input-field {
   font-size: var(--v-small);
   height: 100%;
@@ -82,7 +79,6 @@
   padding-left: 1.5rem;
 }
 
-
 .main-container {
   display: flex;
   justify-content: space-evenly;
@@ -203,11 +199,10 @@
   font-size: var(--large);
   padding: 1.5rem;
   line-height: 1.2;
-
 }
 
 .quote p {
-  margin:0;
+  margin: 0;
 }
 
 .quote-author {
@@ -266,5 +261,10 @@
     font-size: var(--m-medium);
     line-height: 2rem;
   }
+}
 
+@media (max-width: 360px) {
+  .quote {
+    margin: 0;
+  }
 }