New section: Activities (#545)

* activities is now live

* correct a bit the text

* fix lint

* activities done

src/components/AppHeader.vue

@@ -149,14 +149,10 @@ const isActive = (page: string): boolean => {
             Challenges</RouterLink
           >
         </li>
-        <li :class="{ selected: isActive('/hardware') }">
-          <RouterLink to="/hardware" @click="closeAsideMenu"
-            ><FontAwesomeIcon
-              icon="microchip"
-              size="sm"
-              style="margin-right: 5px"
-            />
-            Hardware</RouterLink
+        <li :class="{ selected: isActive('/activities') }">
+          <RouterLink to="/activities" @click="closeAsideMenu"
+            ><FontAwesomeIcon icon="dice" size="sm" style="margin-right: 5px" />
+            Activities</RouterLink
           >
         </li>
         <li :class="{ selected: isActive('/rules') }">
@@ -166,7 +162,7 @@ const isActive = (page: string): boolean => {
               size="sm"
               style="margin-right: 5px"
             />
-            Rules</RouterLink
+            Judging & Rules</RouterLink
           >
         </li>
         <li :class="{ selected: isActive('/travel') }">
@@ -300,14 +296,14 @@ const isActive = (page: string): boolean => {
           </RouterLink>
         </Tooltip>
 
-        <Tooltip title="Hardware" class="cursor-is-rocket">
+        <Tooltip title="Activities" class="cursor-is-rocket">
           <RouterLink
-            to="/hardware"
+            to="/activities"
             class="header-nav-bar__item"
-            :class="{ selected: isActive('/hardware') }"
+            :class="{ selected: isActive('/activities') }"
           >
             <li>
-              <FontAwesomeIcon icon="microchip" size="lg" />
+              <FontAwesomeIcon icon="dice" size="lg" />
             </li>
           </RouterLink>
         </Tooltip>

src/config.ts

@@ -8,16 +8,18 @@ interface Config {
   readonly hideCafeteriaSchedule: boolean
   readonly hideMeals: boolean
   readonly hideWifiConfig: boolean
+  readonly hideActivities: boolean
 }
 
 const config: Config = {
-  //fakeStartTime: '29/4/2022 21:59:55',
+  // fakeStartTime: '15/4/2024 21:59:55',
   disabled: false,
   hideChallengesAndPrizes: true,
-  hideMission: true,
   hideCafeteriaSchedule: true,
   hideMeals: true,
   hideWifiConfig: true,
+  hideMission: true,
+  hideActivities: false,
 }
 
 export default config

src/data/activities.ts

@@ -1,151 +1,83 @@
-import imageBiene from '@/assets/img/activities/biene.png'
-import imageFreehand from '@/assets/img/activities/freehand.png'
-import imageHackuphone from '@/assets/img/activities/hackuphone.png'
-import imageNerf from '@/assets/img/activities/nerf.png'
-import imagePhotocall from '@/assets/img/activities/photocall.png'
-import imageRubberDuck from '@/assets/img/activities/rubber-duck.png'
-import imageSlideshareShow from '@/assets/img/activities/slideshare-show.png'
-import imageYoga from '@/assets/img/activities/yoga.png'
-
 type MarkdownString = string // Accepts Markdown
 export interface Activity {
   readonly title: string
   readonly description: MarkdownString
-  readonly image?: string
-  readonly start: string
-  readonly end?: string
+  readonly time: string
   readonly location: string
-  readonly icon: 'discord' | 'twitch'
+  readonly isMission?: boolean
 }
 
 export const activities: Activity[] = [
   {
-    title: 'Draw your Biene',
-    description: /* markdown */ `
-Biene is our mascot and we invite you to create your own personalized Biene 🐝.
-You can draw it by hand, digitally, on a cake... any form of art is welcome 😄
-
-Upload a picture of your Biene on the discord channel or on a social network using the **#drawyourbiene** hashtag.
-There will be final voting between some of your submissions in order to find a winner.
-`,
-    image: imageBiene,
-    start: '14/05/2022 21:00',
-    end: '16/05/2022 10:45',
-    location: '#draw-your-biene',
-    icon: 'discord',
+    title: 'Find a biene',
+    description: /* markdown */ `There are 12 bienes 🐝 hidden in the venue! Find them, take a selfie and show it on the InfoDesk to check your mission stamp! \n\n Please don't remove them from their place.`,
+    location: 'Hacking area',
+    time: 'All weekend',
+    isMission: true,
   },
   {
-    title: 'Photocall',
-    description: /* markdown */ `
-We would love to receive photos from your HackUPC online experience! 📷
-From you and your college coding, your pizza, anything you want to share with us!
-
-You can upload them on photocall channel or on any social network \`using\` the hashtag **#HackUPC2023**.
-If your account is private, send us a screenshot via DM!
-
-You will enter some amazing contests by participating!
-You can upload as many pictures as you want, every picture will count.
-`,
-    image: imagePhotocall,
-    start: '14/05/2022 21:00',
-    end: '16/05/2022 13:30',
-    location: '#photocall',
-    icon: 'discord',
+    title: 'Pins collection',
+    description: /* markdown */ `We have 11 company booths, each one has a pin. Collect them all and show them at the InfoDesk to earn the last pin! \n\n There are limited pins, hurry up! Only one pin per hacker.`,
+    location: 'Sponsors booths',
+    time: 'All weekend',
   },
   {
-    title: 'HackUphone',
-    description: /* markdown */ `
-How weird can a sentence become? Let's play a Telephone Game! ☎️
-
-Stay tuned to discord, there will be a message where you can react in order to participate,
-later on you will receive a picture or a sentence.
-If you receive a sentence, you will have to draw it;
-if you receive a picture you will have to write a sentence describing what the picture is about.
-You will have an hour to do it!
-`,
-    image: imageHackuphone,
-    start: '14/05/2022 21:00',
-    end: '16/05/2022 10:15',
-    location: 'DM with organizers',
-    icon: 'discord',
+    title: 'Wiki race',
+    description: /* markdown */ `How fast can you be? Start in a wikipedia link and be the first person to reach the destination page using WikiLinks  \n\n Don't forget to bring your phone or laptop.`,
+    location: 'A4101 & A4102',
+    time: 'Saturday 12:00h',
+    isMission: true,
   },
   {
-    title: 'Freehand',
-    description: /* markdown */ `
-So... let's draw!🎨
-We will tell you a topic and you have to draw in 3 minutes something inspired, related to the topic.
-You can use any medium to draw (by hand, paint, photoshop, illustrator…).
-
-In order to participate in the activity, join the voice channel and later on upload your picture on the text channel.
-We are not Picasso, so we will not judge any draw, we only want to have fun. 😄
-`,
-    image: imageFreehand,
-    start: '15/05/2022 10:00',
-    end: '15/05/2022 11:00',
-    location: '#playground',
-    icon: 'discord',
+    title: 'Nerf Gun Battle',
+    description: /* markdown */ `Compete with your friends in the Nerf Gun Battle! \n \n There will be several 4 vs 4 rounds, so bring your team and show your skills!`,
+    location: 'A4101 & A4102',
+    time: 'Sunday 00:30h',
   },
   {
-    title: 'NERF',
-    description: /* markdown */ `
-Let's chill a little bit playing some Online Nerf rounds!
-
-In HackUPC we always play NERF and in this online edition we will do it in a different way!
-We will play some 5-minute Krunker rounds.
-In order to play Krunker you only need to have a browser, no installation is needed.
-Stay tuned to the playground channel in order to join a round.
-Also, you can enter the voice channel to share the experience with the other players.
-`,
-    image: imageNerf,
-    start: '15/05/2022 12:00',
-    end: '15/05/2022 13:00',
-    location: '#playground 🔊playground',
-    icon: 'discord',
+    title: 'Sticker Xchange',
+    description: /* markdown */ `Want to improve your sticker collection? Come to the cafeteria and exchange your stickers with other hackathon lovers!`,
+    location: 'Cafeteria',
+    time: 'Sunday 00:00h',
   },
   {
-    title: 'SlideShare Show',
-    description: /* markdown */ `
-The MYTHIC HackUPC activity is back: SLIDE SHARE SHOW! 🎤
-This time, adapted into an online version.
-The activity will happen on our twitch channel!
-
-The details will be explained during the live…
-but if you don’t know about this activity long story short:
-someone will have to present some random slides.
-The topic of the slides will be chosen by the audience...
-So we need you to participate in both speaker and audience roles!!
-`,
-    image: imageSlideshareShow,
-    start: '15/05/2022 18:00',
-    end: '15/05/2022 19:00',
-    location: 'hackersupc',
-    icon: 'twitch',
+    title: 'Lego',
+    description: /* markdown */ `How creative can you be? Get your lego skills ready and build whatever you can imagine with our lego pieces and different topics.`,
+    location: 'A4101 & A4102',
+    time: 'Saturday 19:00h',
+    isMission: true,
+  },
+  {
+    title: 'Dodgeball',
+    description: /* markdown */ `Want to stretch your legs? Relax from coding and play a 4 vs 4 dodgeball match. Don't forget to bring your friends!`,
+    location: 'Dodgeball area',
+    time: 'Saturday 16:00h',
+    isMission: true,
+  },
+  {
+    title: 'SlideShare show',
+    description: /* markdown */ `Do you dare to present a slide presentation you have never seen before? Get some laughs in this activity watching hackers presenting random slides!`,
+    location: 'A5002',
+    time: 'Saturday 22:00h',
+    isMission: true,
+  },
+  {
+    title: 'Rubber duck finding',
+    description: /* markdown */ `Quack 🦆! Oh, it looks like some ducks have gone missing. Can you help us find them? You can keep the one you find!`,
+    location: 'Hacking area',
+    time: 'Saturday after lunch',
   },
   {
-    title: 'Rubber Duck',
-    description: /* markdown */ `
-The rubber duck search has begun!
-🦆 During the hacking time, every 2 hours, 2 questions will be launched.
-If you get the answer right and it is one of the first 4 correct answers,
-then you will get the rubber duck (virtually)!
-`,
-    image: imageRubberDuck,
-    start: '14/05/2022 21:00',
-    end: '16/05/2022 10:15',
-    location: '#rubber-duck',
-    icon: 'discord',
+    title: 'Photocall',
+    description: /* markdown */ `Get a cool memory! Take a picture in our photocall, share it in social media tagging us (@hackupc) and come to the InfoDesk to claim your mission stamp!`,
+    location: 'Photocall area',
+    time: 'All weekend',
+    isMission: true,
   },
   {
-    title: 'Yoga',
-    description: /* markdown */ `
-After the first hacking night, only standing up to go to the bathroom and to grab some snacks...
-We thought that a good relaxed 30-min yoga session could help you to release some tiredness!
-Join us in discord and get relaxed! 🧘
-`,
-    image: imageYoga,
-    start: '15/05/2022 10:00',
-    end: '15/05/2022 11:00',
-    location: '🔊playground',
-    icon: 'discord',
+    title: 'Cup stacking by MLH',
+    description: /* markdown */ `How many cups can you stack? Join the challenge, where you'll race against another team to build the tallest tower using only cups.`,
+    location: 'A4103',
+    time: 'Saturday 17:30h',
   },
 ]

src/data/missions.ts

@@ -1,6 +1,6 @@
 type MarkdownString = string // Accepts Markdown
 
-import MissionCard from '@/assets/img/hardware/missioncard.png'
+import MissionCard from '@/assets/img/activities/missioncard.png'
 
 export interface Mission {
   readonly title: string

src/main.ts

@@ -21,6 +21,7 @@ import {
   faChalkboardTeacher,
   faCircleQuestion,
   faCode,
+  faDice,
   faEnvelope,
   faFileInvoiceDollar,
   faGavel,
@@ -29,6 +30,7 @@ import {
   faHome,
   faHourglassHalf,
   faHourglassStart,
+  faLocationDot,
   faMapLocationDot,
   faMessage,
   faMicrochip,
@@ -47,7 +49,11 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 import Antd from 'ant-design-vue'
-import { faCircle, faCircleDot } from '@fortawesome/free-regular-svg-icons'
+import {
+  faCircle,
+  faCircleDot,
+  faClock,
+} from '@fortawesome/free-regular-svg-icons'
 
 registerSW({
   immediate: true,
@@ -99,6 +105,9 @@ library.add(
   faGlobe,
   faCircle,
   faCircleDot,
+  faDice,
+  faClock,
+  faLocationDot,
   faBookOpen,
   faTiktok,
   faXTwitter