Merge pull request #2199 from codeeu/2198-hackathon-final

Hackathon final
codeeu · Nov 22, 2023 · bf70e84 · bf70e84
2 parents c696558 + bbcfa67
commit bf70e84
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 28 deletions.
diff --git a/public/images/hackathons/banner_final.png b/public/images/hackathons/banner_final.png
diff --git a/resources/assets/sass/components/containers.scss b/resources/assets/sass/components/containers.scss
@@ -239,12 +239,12 @@
 @media (min-width:1025px) {
   .codeweek-content-grid {
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-template-columns: 1fr;
     grid-gap: 15px;
   }
   .hackathons-content-grid {
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-columns: 1fr;
     grid-gap: 15px;
   }
 }

diff --git a/resources/assets/sass/pages/hackathons.scss b/resources/assets/sass/pages/hackathons.scss
@@ -234,7 +234,7 @@ header.hackathons #right-menu #hackathons-register-button {
   //}
 
   .hackathons-content-grid {
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   }
 
   #codeweek-hackathons-page {
@@ -299,7 +299,7 @@ header.hackathons #right-menu #hackathons-register-button {
     font-size: 35px;
   }
   .hackathons-content-grid {
-    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
   }
   .codeweek-banner.hackathons .image .text {
     position: absolute;

diff --git a/resources/views/hackathons/index.blade.php b/resources/views/hackathons/index.blade.php
@@ -33,7 +33,8 @@
                 platform for young tech enthusiasts to learn, showcase their talents, and connect with like-minded
                 peers.<br/><br/>
 
-                The EU Code Week 2023 Hackathon is open to individuals between 15 and 19 years old, with a specific emphasis on STEM,
+                The EU Code Week 2023 Hackathon is open to individuals between 15 and 19 years old, with a specific
+                emphasis on STEM,
                 computer science, design, engineering, ICT, and other related fields. To the extent possible, the teams
                 should encompass both technical and functional competencies.<br/><br/>
 
@@ -43,19 +44,24 @@
 
         </section>
 
-        <section class="codeweek-content-wrapper">
+        <div class="codeweek-content-wrapper">
 
             <h1 class="align-center">EU Code Week Hackathon 2023</h1>
 
             <p>
-                The central theme for 2023 is “Code to problem-solve and give life to your dreams”. The organizers from
-                each country have made concrete challenge areas, concerning, for example, the education system, tourism,
-                transportation and other sectors. The local participants propose solutions to their country's
-                challenges.<br/><br/>
-
+                The central theme for 2023 is “Code to problem-solve and give life to your dreams”. The winning teams of
+                each of the participating countries will challenge themselves with their ideas EU Code Week Hackathon
+                final will be Friday 24 November, follow this link for more information:<br/><br/></p>
+            <div class="align-center" style="margin-bottom:10px;">
+                <a href="https://eventornado.com/event/final-eu-code-week-hackathon-2023#home">
+                    <img src="/images/hackathons/banner_final.png">
+                </a>
+            </div>
+            <p>
                 For 2023, there are six countries in focus. Follow the links for more information on challenge areas,
                 local organizers, and important dates:
             </p>
+            <div class="align-center">
             <section class="hackathons-content-grid">
 
 
@@ -121,24 +127,9 @@
                     </a>
                 </div>
 
-                <div class="codeweek-card-grid">
-                    <a href="https://codeweek.eu/hackathon/2023/france" target="_blank">
-                        <div class="city-image">
-                            <img src="/images/hackathons/flags/europe.jpg">
-                            <div class="transparent"></div>
-                            <div class="text">
-                                <div class="title hackaton">France</div>
-                            </div>
-                        </div>
-                    </a>
-                </div>
-
 
             </section>
-
-        </section>
-
-
+            </div>
+        </div>
     </section>
-
 @endsection