Removed unnecessary objects

css/general.css

@@ -863,8 +863,10 @@ section {
 }
 
 .slide {
-  width: 600px;
+  min-width: 340px;
-  height: 400px;
+  max-width: 600px;
+  min-height: 200px;
+  max-height: 400px;
   cursor: pointer;
   float: left;
   display: flex;

index.html

@@ -684,7 +684,7 @@
                     </div>
                 </div>
             </div>
-            <div id="prize-box">
+            <!-- <div id="prize-box">
                 Prizes will be in the form of these (very snazzy) items (amounts above are the estimated total value):<br>
                 <ul id="prize-list">
                     <li><span class="emphasis-text">1st Place</span>: TBA</li>
@@ -696,8 +696,8 @@
                 - Your team is responsible for equally distributing prizes to team members as per our Code of Conduct.<br>
                 - Prizes are non-refundable; if you refuse to accept the prize, we will offer it to another team member.<br>
                 - Gilroy Hacks will not be liable for the prize once it reaches its recipient.
-            </div>
+            </div> -->
-            <div id="chart"></div>
+            <!-- <div id="chart"></div> -->
         </section>
         <section id="team">
             <h2 class="topic">Hackathon Team</h2>

js/general.js

@@ -157,8 +157,7 @@ document.addEventListener('DOMContentLoaded', function(){
     '#second-podium',
     '#first-podium',
     '#third-podium',
-    '#chart',
+    // '#chart',
-    '#prize-box',
     '#administration',
     '#logistics',
     '#outreach',
@@ -537,82 +536,82 @@ function slide(wrapper, items, prev, next) {
   }
 }
 
-var options = {
+// var options = {
-  series: [{
+//   series: [{
-    name: 'Idea',
+//     name: 'Idea',
-    data: [7, 9, 6, 10, 14],
+//     data: [7, 9, 6, 10, 14],
-  }, {
+//   }, {
-    name: 'Implementation',
+//     name: 'Implementation',
-    data: [11, 6, 11, 3, 9]
+//     data: [11, 6, 11, 3, 9]
-  }, {
+//   }, {
-    name: 'Presentation',
+//     name: 'Presentation',
-    data: [12, 7, 12, 11, 8]
+//     data: [12, 7, 12, 11, 8]
-  }, {
+//   }, {
-    name: 'Overall',
+//     name: 'Overall',
-    data: [10, 6, 9, 7, 11],
+//     data: [10, 6, 9, 7, 11],
-  }],
+//   }],
-  chart: {
+//   chart: {
-    type: 'bar',
+//     type: 'bar',
-    height: 350,
+//     height: 350,
-    stacked: true,
+//     stacked: true,
-    background: '#0d1117'
+//     background: '#0d1117'
-  },
+//   },
-  plotOptions: {
+//   plotOptions: {
-    bar: {
+//     bar: {
-      horizontal: true,
+//       horizontal: true,
-    },
+//     },
-  },
+//   },
-  stroke: {
+//   stroke: {
-    width: 1,
+//     width: 1,
-    colors: ['#fff']
+//     colors: ['#fff']
-  },
+//   },
-  title: {
+//   title: {
-    text: 'Team Scores - Summer 2022',
+//     text: 'Team Scores - Summer 2022',
-    style: {
+//     style: {
-      color: '#fff'
+//       color: '#fff'
-    }
+//     }
-  },
+//   },
-  xaxis: {
+//   xaxis: {
-    categories: ['Team 2', 'Team 3', 'Team 4', 'Team 6', 'Team 7'],
+//     categories: ['Team 2', 'Team 3', 'Team 4', 'Team 6', 'Team 7'],
-    labels: {
+//     labels: {
-      formatter: function (val) {
+//       formatter: function (val) {
-        return val + ""
+//         return val + ""
-      },
+//       },
-      style: {
+//       style: {
-        colors: '#fff'
+//         colors: '#fff'
-      }
+//       }
-    },
+//     },
-  },
+//   },
-  yaxis: {
+//   yaxis: {
-    labels: {
+//     labels: {
-        style: {
+//         style: {
-          colors: '#fff'
+//           colors: '#fff'
-        }
+//         }
-    },
+//     },
-    title: {
+//     title: {
-      text: undefined
+//       text: undefined
-    },
+//     },
-  },
+//   },
-  tooltip: {
+//   tooltip: {
-    y: {
+//     y: {
-      formatter: function (val) {
+//       formatter: function (val) {
-        return val + ""
+//         return val + ""
-      }
+//       }
-    },
+//     },
-    theme: 'dark'
+//     theme: 'dark'
-  },
+//   },
-  fill: {
+//   fill: {
-    opacity: 1
+//     opacity: 1
-  },
+//   },
-  legend: {
+//   legend: {
-    position: 'top',
+//     position: 'top',
-    horizontalAlign: 'left',
+//     horizontalAlign: 'left',
-    offsetX: 40,
+//     offsetX: 40,
-    labels: {
+//     labels: {
-      colors: '#fff',
+//       colors: '#fff',
-  },
+//   },
-  },
+//   },
-  };
+//   };
 
-  var chart = new ApexCharts(document.querySelector("#chart"), options);
+//   var chart = new ApexCharts(document.querySelector("#chart"), options);
-  chart.render();
+//   chart.render();