Changed sponsors style

WISVCH · Dec 2, 2023 · e23e0f2 · e23e0f2
1 parent b635220
commit e23e0f2
Show file tree

Hide file tree

Showing 11 changed files with 48 additions and 10 deletions.
diff --git a/src/components/sponsors/index.tsx b/src/components/sponsors/index.tsx
@@ -27,26 +27,37 @@ export const sponsorItem = (category: SponsorCategory) => {
     return (
         <Fragment>
             <h3>{category.title}</h3>
-            <p>More too be announced!</p>
             <ul class={style.sponsorlist}>
                 {sponsors.map((sponsor: Sponsor) => (
                     <li key={sponsor.logoKey} data-type={category.type}>
+
                         <a
                             href={sponsor.url}
                             target="_blank"
                             rel="noopener"
                             title={sponsor.title}
                         >
+
+                            <div class={style.topbar}>
+                                <hr/>
+                            </div>
+
                             <div class={style.img}>
                                 <img
                                     src={sponsorLogoMap[
                                         sponsor.logoKey
                                     ].toString()}
                                     alt={sponsor.title}
                                 />
+
+                            </div>                        
+                            <p>{sponsor.title}</p>           
+
+                            <div class={style.bottombar}>
+                                <hr/>
                             </div>
-                            <p>{sponsor.title}</p>
-                        </a>
+
+                        </a>                 
                     </li>
                 ))}
             </ul>

diff --git a/src/components/sponsors/style.scss b/src/components/sponsors/style.scss
@@ -12,21 +12,22 @@
         font-weight: 400;
         line-height: normal;
         text-align: center;
-        margin: 0;
-        margin-bottom: 32px;
+        margin-bottom: 64px;
         padding-left: 2px;
     }
 
     h3 {
         color: $primary-color;
         font-family: "Krona-One";
+        font-size: 32px;
         font-style: normal;
         font-weight: 400;
         line-height: normal;
         text-align: center;
-        margin: 0;
+        margin-bottom: 64px;
         padding-left: 2px;
     }
+
 }
 
 .sponsorlist {
@@ -42,27 +43,53 @@
         justify-content: center;
     }
 
+    .topbar{
+
+        hr {
+        margin-bottom: 10px;
+        height: 2px;
+        width: 100%;
+        color: #84C1EE;
+        background-color: #84C1EE;
+        } 
+    }
+
+    .bottombar {
+
+        hr {
+            margin-top: 10px;
+            height: 2px;
+            width: 75%;
+            color: #84C1EE;
+            background-color: #84C1EE;
+        }
+    }    
+
     .img {
         display: flex;
         padding: 8px;
-        border: 3px solid currentColor;
-        border-radius: 12px;
-        background-color: $sponsor-background;
 
         img {
             width: 100%;
             height: 120px;
             object-fit: contain;
         }
+
+
     }
 
     a {
         text-decoration: none;
     }
 
     p {
-        margin: 8px 0 0 0;
+        color: #FFF;
         text-align: center;
+        font-family: Krona One;
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: normal;
     }
 
     [data-type="organisation"] > * {

diff --git a/static/sponsors/bit.png b/static/sponsors/bit.png
diff --git a/static/sponsors/bwl.png b/static/sponsors/bwl.png
diff --git a/static/sponsors/cgi.png b/static/sponsors/cgi.png
diff --git a/static/sponsors/ch.png b/static/sponsors/ch.png
diff --git a/static/sponsors/ded.png b/static/sponsors/ded.png
diff --git a/static/sponsors/elastic.png b/static/sponsors/elastic.png
diff --git a/static/sponsors/ind.png b/static/sponsors/ind.png
diff --git a/static/sponsors/kleine.png b/static/sponsors/kleine.png
diff --git a/static/sponsors/koro.png b/static/sponsors/koro.png