Update home tournament (#724)

* added images for tournaments

* add new tournaments and change layout

* added new old info

* remove dota tournament

* added note for sleep breakfast and lunch options

data/official-tournaments.json

@@ -44,6 +44,21 @@
       "TBD"
     ]
   },
+  {
+    "title": "VALORANT",
+    "subtitle": "5v5",
+    "headerTitle": "Valorant",
+    "description": "",
+    "backgroundImagePath":"images-optimized/activities/valorant.jpg",
+    "sponsor": {
+      "name": "TBD",
+      "imagePath": "images-optimized/invader.png",
+      "website": "https://areafiftylan.nl"
+    },
+    "prizes": [
+      "TBD"
+    ]
+  },
   {
     "title": "SMASH BROS",
     "subtitle": "FFA",

data/unofficial-tournaments.json

@@ -1 +1,14 @@
-[]
+[
+    {
+        "title": "MARIO KART",
+        "subtitle": "FFA",
+        "headerTitle": "Mario Kart 8 Deluxe",
+        "description": "",
+        "backgroundImagePath": "images-optimized/unofficial/mkdd.jpg",
+        "sponsor": {
+            "name": "TBD",
+            "imagePath": "images-optimized/unofficial/mariokart.jpg",
+            "website": ""
+          }
+    }
+]

src/lancie-activity/lancie-activities.html

@@ -13,11 +13,11 @@
       :host {
         display: block;
       }
-
+      
       lancie-activity {
         padding: 20px 10px;
         box-sizing: border-box;
-        width: 25%;
+        width: 20%;
       }
 
       @media (max-width: 750px) {

src/lancie-activity/lancie-activity-button.html

@@ -44,16 +44,16 @@
       }
       .header h1 {
         font-weight: 500;
-        font-size: 100%;
+        font-size: 70%;
       }
       @media (max-width: 1000px) {
         .header h1 {
-          font-size: 60%;
+          font-size: 50%;
         }
       }
       .header h2 {
         font-weight: 100;
-        font-size: 60%;
+        font-size: 40%;
       }
     </style>
     <paper-material elevation="1" class$="{{_computeClass(data.footer)}}">

src/lancie-activity/lancie-activity-content.html

@@ -12,6 +12,9 @@
         text-align: justify;
         padding-right: 16px;
       }
+      .content {
+        padding-bottom: 20px;
+      }
     </style>
 
     <div class="content">

src/lancie-home-page/lancie-home-page.html

@@ -88,32 +88,34 @@
       <lancie-timeline></lancie-timeline>
     </lancie-section> -->
 
-    <!--<lancie-section type="primary" header="AreaFiftyLAN">
+    <lancie-section type="primary" header="AreaFiftyLAN">
       <div class="intro-container">
         <div class="intro-text">
           <p>
-            AreaFiftyLAN is the annual gaming event held at the TU Delft.
-            In May, more than 200 gamers will spend the weekend having a blast playing games
-            together. It is organised by the study association of Applied
-            Mathematics and Computer Science &amp; Engineering, W.I.S.V. ‘Christiaan Huygens',
-            in cooperation with X (former Unit Sports &amp; Culture, TU Delft). All students are
-            welcome to bring their computers to play their favourite games with their friends.
-            There will be official tournaments where you can win amazing prizes. Besides the
-            official tournaments, you can team up and have fun with more casual games as well
-            or organise your own tournament.
-          </p>
+            AreaFiftyLAN is the annual gaming event held at the TU Delft: 
+            a LAN-party organised by the study association of 
+            Applied Mathematics and Computer Science &amp; Engineering, 
+            W.I.S.V. ‘Christiaan Huygens', in cooperation with X (former Unit Sports &amp; Culture, TU Delft). 
+            <br><br>
+            On May 12th, 13th and 14th, roughly 200 gamers will all come together at X 
+            to spend the weekend having a blast playing games together. 
+            All students are welcome to bring their computers to play their 
+            favourite games and potentially win cool prizes through the official tournaments. 
+            Besides the tournaments, there are plenty of possibilities for the more casual gamers as well. 
+            In the launCH area you can hang out and play other games, such as board games, ping-pong, foosball and pool.
+          <!-- </p>
           <p>
             This year for the second time there will be a Pre-LAN again.
             The Pre-LAN is an online gaming event.
             It will be held on Friday 25 February 2022.
             It will have gaming, chilling and tournaments.
             The tickets for the Pre-LAN are free and available now!
             <br /><sub>* A Discord account is required to participate</sub>
-          </p>
+          </p> -->
           <lancie-activities json="data/activity.json"></lancie-activities>
         </div>
       </div>
-    </lancie-section>-->
+    </lancie-section>
 
      <lancie-section type="primary" header="What do you get?">
       <div>
@@ -214,9 +216,10 @@
           support for the tournament will be minimal, but we will help you gain
           other enthusiastic gamers by placing your tournament on our site for
           others to sign up. If you are interested in sponsoring one of the
-          unofficial tournaments, you can find our contact information below.
+          participant hosted tournaments, you can find our contact information below.
         </p>
 
+        <h1> Current participant hosted tournaments</h1>
         <lancie-activities
           json="data/unofficial-tournaments.json?ver=1.3"
         ></lancie-activities>

src/lancie-ticket-page/lancie-tickets.html

@@ -32,7 +32,11 @@ <h2>Tickets</h2>
         <lancie-ticket-item ticket="[[item]]" basket="[[basket]]" color="[[_getColorClass(index)]]"></lancie-ticket-item>
       </template>
 
+
       <p hidden="[[tickets.length]]">Currently there are no tickets available.</p>
+      <p>*The sleep, breakfast and lunch options for the tickets are <b>not</b> binding, 
+        they serve as an indication for us and will not add additional costs. </p>
+
     </div>
 
   </template>