feat: added prizes

headout · Oct 10, 2022 · 748ddbd · 748ddbd
1 parent 8cce41a
commit 748ddbd
Show file tree

Hide file tree

Showing 28 changed files with 29 additions and 296 deletions.
diff --git a/_includes/navigation.html b/_includes/navigation.html
@@ -12,7 +12,7 @@
 
     <ul class="nav-main">
       <li><a href="#speakers">Speakers</a></li>
-      <!-- <li><a href="#prizes">Prizes</a></li> -->
+      <li><a href="#prizes">Prizes</a></li>
       <li><a href="#schedule">Schedule</a></li>
       <li><a href="#faqs">FAQs</a></li>
       <li><a href="#sponsor">Sponsors</a></li>

diff --git a/assets/01.png b/assets/01.png
diff --git a/assets/02.png b/assets/02.png
diff --git a/assets/03.png b/assets/03.png
diff --git a/assets/Custom01.png b/assets/Custom01.png
diff --git a/assets/Custom02.png b/assets/Custom02.png
diff --git a/assets/Custom03.png b/assets/Custom03.png
diff --git a/assets/Custom04.png b/assets/Custom04.png
diff --git a/assets/Custom05.png b/assets/Custom05.png
diff --git a/assets/Custom06.png b/assets/Custom06.png
diff --git a/assets/prizes/card1st.png b/assets/prizes/card1st.png
diff --git a/assets/prizes/card2nd.png b/assets/prizes/card2nd.png
diff --git a/assets/prizes/card3rd.png b/assets/prizes/card3rd.png
diff --git a/assets/prizes/cardbest_design.png b/assets/prizes/cardbest_design.png
diff --git a/assets/prizes/cardmeme.png b/assets/prizes/cardmeme.png
diff --git a/assets/prizes/cardtop10.png b/assets/prizes/cardtop10.png
diff --git a/assets/prizes/cardtravel_track.png b/assets/prizes/cardtravel_track.png
diff --git a/assets/prizes/cardtrivia.png b/assets/prizes/cardtrivia.png
diff --git a/assets/prizes/cardtwitter.png b/assets/prizes/cardtwitter.png
diff --git a/assets/prizes/cardvalorant.png b/assets/prizes/cardvalorant.png
diff --git a/assets/prizes/first.svg b/assets/prizes/first.svg
diff --git a/assets/prizes/second.svg b/assets/prizes/second.svg
diff --git a/assets/prizes/third.svg b/assets/prizes/third.svg
diff --git a/assets/random01.png b/assets/random01.png
diff --git a/assets/random02.png b/assets/random02.png
diff --git a/assets/random03.png b/assets/random03.png
diff --git a/index.html b/index.html
@@ -155,30 +155,23 @@ <h1 class="speaker-title">Speakers</h1>
   <!-- </div> -->
 </section>
 
-<!-- <section class="prizes container" id="prizes">
+<section class="prizes container" id="prizes">
   <div class="section-copy">
     <h2 id="speakers">Prizes</h2>
   </div>
   <div class="prizes-primary">
-    <img src="/assets/01.png" alt="" />
-    <img src="/assets/02.png" alt="" />
-    <img src="/assets/03.png" alt="" />
-    <img src="/assets/Best Design.png" alt="" />
-    <img src="/assets/random01.png" alt="" />
-    <img src="/assets/random02.png" alt="" />
-    <img src="/assets/random03.png" alt="" />
-    <img src="/assets/Custom01.png" alt="" />
-    <img src="/assets/Custom02.png" alt="" />
-    <img src="/assets/Custom03.png" alt="" />
-    <img src="/assets/Custom04.png" alt="" />
-    <img src="/assets/Custom05.png" alt="" />
-    <img src="/assets/Custom06.png" alt="" />
-    <img src="/assets/sponsor01.png" alt="" />
-    <img src="/assets/sponsor02.png" alt="" />
-    <img src="/assets/sponsor03.png" alt="" />
-    <img src="/assets/sponsor04.png" alt="" />
+    <img src="/assets/prizes/card1st.png" alt="" />
+    <img src="/assets/prizes/card2nd.png" alt="" />
+    <img src="/assets/prizes/card3rd.png" alt="" />
+    <img src="/assets/prizes/cardbest_design.png" alt="" />
+    <img src="/assets/prizes/cardtravel_track.png" alt="" />
+    <img src="/assets/prizes/cardtop10.png" alt="" />
+    <img src="/assets/prizes/cardvalorant.png" alt="" />
+    <img src="/assets/prizes/cardtrivia.png" alt="" />
+    <img class="grid-col-2" src="/assets/prizes/cardtwitter.png" alt="" />
+    <img src="/assets/prizes/cardmeme.png" alt="" />
   </div>
-</section> -->
+</section>
 
 <section class="faq container" id="faqs">
   <div class="faq-container">

diff --git a/styles/main.scss b/styles/main.scss
@@ -10,6 +10,9 @@ html {
   html {
     font-size: 14px;
   }
+  .grid-col-2{
+    grid-column: 1;
+  }
 }
 
 * {
@@ -36,6 +39,10 @@ svg {
   margin-right: 8px;
 }
 
+.grid-col-2{
+  grid-column: 2;
+}
+
 button.dark button.dark:hover {
   background-color: #27333f;
   border: 2px solid transparent;
@@ -173,6 +180,9 @@ header.container {
     width: 250px;
     margin-top: 6rem;
   }
+  .grid-col-2{
+    grid-column: 1;
+  }
 }
 
 .header-right-container {
@@ -421,18 +431,22 @@ header.container {
   grid-template-columns: repeat(4, 1fr);
   column-gap: 1.4rem;
   row-gap: 1.4rem;
+  justify-items: center;
   z-index: -100;
 
   @media screen and (max-width: 600px) {
     grid-template-columns: 1fr;
     width: 80%;
     margin: 0 auto;
     row-gap: 20px;
+    .grid-col-2{
+      grid-column: 1;
+    }
   }
 
   img {
-    width: 100%;
-    border-radius: 4px;
+    width: 233.61px;
+    height: 177.47px;
   }
 }