Improvements (#535)

* improvements and added new meal * improvements and added new meal
hackupc · Apr 15, 2024 · 0c50c09 · 0c50c09
1 parent 376fe49
commit 0c50c09
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 2 deletions.
diff --git a/src/data/meals.ts b/src/data/meals.ts
@@ -179,8 +179,8 @@ export const meals: Meals[] = [
   },
   {
     title: 'Sunday Lunch',
-    provider: 'TBD',
-    mealTitle: 'TBD',
+    provider: 'Casa Vallés',
+    mealTitle: 'Frankfurts',
     mealDescription: [
       {
         nameMeal: 'TBD',

diff --git a/src/views/Challenges.vue b/src/views/Challenges.vue
@@ -16,6 +16,15 @@ const hideChallengesAndPrizes = ref(config.hideChallengesAndPrizes)
 <template>
   <div id="challenges">
     <PanelContainer>
+      <div>
+        <blockquote>
+          Remember that in HackUPC you can develop whatever you want, it's not
+          mandatory to follow a challenge, what it's important is to follow
+          <a href="/rules">HackUPC rules</a>!! One project per team and the code
+          can not start before the event.
+        </blockquote>
+      </div>
+
       <Panel title="HackUPC prizes" size="big">
         <div class="prizes-container">
           <!--Example of prize:
@@ -71,6 +80,7 @@ const hideChallengesAndPrizes = ref(config.hideChallengesAndPrizes)
 
 <style lang="scss" scoped>
 @use '@/variables' as *;
+@use 'sass:color';
 
 .channel {
   margin-bottom: 1em;
@@ -109,4 +119,25 @@ strong {
     font-size: 2rem;
   }
 }
+
+blockquote {
+  padding: 10px 0 10px 24px;
+  border-left: 4px solid $primary-color;
+  margin: 1em 2rem;
+  background-color: color.adjust($primary-color, $alpha: -0.7);
+  border-radius: 0 8px 8px 0;
+  color: #fff;
+  font-weight: bold;
+  letter-spacing: 0.6px;
+  line-height: 1.6;
+
+  a {
+    color: $links-color;
+    font-weight: bold;
+
+    &:hover {
+      color: $links-color-hover;
+    }
+  }
+}
 </style>
diff --git a/src/views/Meals.vue b/src/views/Meals.vue
@@ -143,6 +143,13 @@ const hideCafeteriaSchedule = ref(config.hideCafeteriaSchedule)
         <p><span class="allergies--icon">🥦</span> Vegan diet</p>
         <p><span class="allergies--icon">🌾</span> Gluten free</p>
       </div>
+      <div class="note">
+        <blockquote>
+          We take in account all the allergies you specified in the application,
+          so don't worry, we will have something for you. We do not offer Halal
+          food, we recommend selecting the vegetarian diet instead.
+        </blockquote>
+      </div>
     </Panel>
 
     <template v-for="meal in meals" :key="meal.title">
@@ -220,6 +227,14 @@ const hideCafeteriaSchedule = ref(config.hideCafeteriaSchedule)
   vertical-align: middle;
 }
 
+.note {
+  margin-top: 2rem;
+
+  blockquote {
+    margin: 0 !important;
+  }
+}
+
 .provider-icon {
   color: $primary-color-light;
 }