v1.4.0: update deps, update team page, some minor changes

buildingblocs · Sep 23, 2023 · d245eaf · d245eaf
1 parent d6bf3ab
commit d245eaf
Show file tree

Hide file tree

Showing 100 changed files with 4,283 additions and 6,268 deletions.
diff --git a/app.vue b/app.vue
@@ -13,4 +13,19 @@
 .page-leave-to {
   opacity: 0;
 }
-</style>
+</style>
+
+<script setup>
+useHead({
+  htmlAttrs: {
+    lang: 'en'
+  },
+  link: [
+    {
+      rel: 'icon',
+      type: 'image/png',
+      href: '/favicon.ico'
+    }
+  ]
+})
+</script>
diff --git a/components/index/timeline.vue b/components/index/timeline.vue
@@ -34,8 +34,8 @@
                   <div class="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700"></div>
                   <time class="mb-1 text-sm font-normal leading-none text-gray-600 dark:text-gray-300">3rd Sept - 5th Sept 2023</time>
                   <h2 class="text-lg font-semibold tracking-tight text-gray-900 sm:text-xl dark:text-white">Our September Conference</h2>
-                  <p class="mb-4 sm:text-lg text-md text-gray-600 dark:text-slate-300">Registrations closed, do check
-                    Discord for any important announcements.</p>
+                  <p class="mb-4 sm:text-lg text-md text-gray-600 dark:text-slate-300">The September Conference has
+                    finished. Congratulations to all the winners and participants :)</p>
                   <NuxtLink href="/events/sept" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700">Learn more <svg class="w-3 h-3 ml-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></NuxtLink>
                 </li>
               </ol>

diff --git a/components/team/badges/sep.vue b/components/team/badges/sep.vue
@@ -1,4 +1,4 @@
 <template>
     <span
-        class="inline-flex items-center rounded-md bg-indigo-50 dark:bg-indigo-900 dark:text-indigo-300 px-2 py-1 text-xs font-medium text-indigo-700 ring-1 ring-inset ring-indigo-700/10">September</span>
+        class="inline-flex items-center rounded-md bg-indigo-50 dark:bg-indigo-900 dark:text-indigo-300 px-2 py-1 text-xs font-medium text-indigo-700 ring-1 ring-inset ring-indigo-700/10">Sep</span>
 </template>
diff --git a/components/team/card.vue b/components/team/card.vue
@@ -1,26 +1,96 @@
 <template>
-    <div
-        class="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 relative">
-        <!-- Add the `relative` class to the parent div to make absolute positioning work -->
-        <!-- Icon placed in the top right corner -->
-        <div class="absolute top-0 right-0 m-2">
-            <svg class="w-6 h-6 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"
-                xmlns="http://www.w3.org/2000/svg">
-                <path fill-rule="evenodd"
-                    d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                    clip-rule="evenodd" />
-            </svg>
-        </div>
-        <!-- Card content -->
-        <div class="flex">
-            <img class="w-14 h-14 m-3 rounded-full self-center shadow-lg" src="/teams/ppl/seth.jpeg" alt="Bonnie image" />
-            <div class="content-center grid mb-1">
-                <div class="flex">
-                    <h5 class="font-bold tracking-tight text-gray-900 dark:text-white text-xl pr-2">Seth Olav Yong</h5>
-                    <TeamBadgesDec />
-                </div>
-                <span class="text-gray-500 dark:text-gray-400 text-sm">Hi, I'm Seth, a Poly 2 student from SP.</span>
+  <div class="flex flex-wrap justify-center">
+    <div v-for="(teamMember, index) in teamMembers" :key="index" class="m-2">
+      <div
+          class="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 h-80">
+        <div class="px-4 pt-4 flex justify-between">
+          <div class="text-left">
+            <div class="space-x-2">
+              <TeamBadgesDec v-if="teamMember.dec" />
+              <TeamBadgesFoss v-if="teamMember.foss" />
+              <TeamBadgesJune v-if="teamMember.june" />
+              <TeamBadgesLead v-if="teamMember.lead" />
+              <TeamBadgesMarch v-if="teamMember.march" />
+              <TeamBadgesSep v-if="teamMember.sep" />
             </div>
+          </div>
+          <div class="text-right">
+            <NuxtLink v-if="teamMember.githubLink" :to="teamMember.githubLink"
+                      class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg text-sm p-1.5" type="button">
+              <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
+                   fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 .333A9.911 9.911 0 0 0 6.866 19.65c.5.092.678-.215.678-.477 0-.237-.01-1.017-.014-1.845-2.757.6-3.338-1.169-3.338-1.169a2.627 2.627 0 0 0-1.1-1.451c-.9-.615.07-.6.07-.6a2.084 2.084 0 0 1 1.518 1.021 2.11 2.11 0 0 0 2.884.823c.044-.503.268-.973.63-1.325-2.2-.25-4.516-1.1-4.516-4.9A3.832 3.832 0 0 1 4.7 7.068a3.56 3.56 0 0 1 .095-2.623s.832-.266 2.726 1.016a9.409 9.409 0 0 1 4.962 0c1.89-1.282 2.717-1.016 2.717-1.016.366.83.402 1.768.1 2.623a3.827 3.827 0 0 1 1.02 2.659c0 3.807-2.319 4.644-4.525 4.889a2.366 2.366 0 0 1 .673 1.834c0 1.326-.012 2.394-.012 2.72 0 .263.18.572.681.475A9.911 9.911 0 0 0 10 .333Z" clip-rule="evenodd"/>
+              </svg>
+            </NuxtLink>
+            <NuxtLink v-if="teamMember.inLink" :to="teamMember.inLink"
+                      class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg text-sm p-1.5" type="button">
+              <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
+                   fill="currentColor" viewBox="0 0 15 15">
+                <path fill-rule="evenodd" d="M7.979 5v1.586a3.5 3.5 0 0 1 3.082-1.574C14.3 5.012 15 7.03 15 9.655V15h-3v-4.738c0-1.13-.229-2.584-1.995-2.584-1.713 0-2.005 1.23-2.005 2.5V15H5.009V5h2.97ZM3 2.487a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" clip-rule="evenodd"/>
+                <path d="M3 5.012H0V15h3V5.012Z"/>
+              </svg>
+            </NuxtLink>
+            <NuxtLink v-if="teamMember.webLink" :to="teamMember.webLink"
+                      class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg text-sm p-1.5" type="button">
+              <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
+                   fill="none" viewBox="0 0 21 20">
+                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.487 1.746c0 4.192 3.592 1.66 4.592 5.754 0 .828 1 1.5 2 1.5s2-.672 2-1.5a1.5 1.5 0 0 1 1.5-1.5h1.5m-16.02.471c4.02 2.248 1.776 4.216 4.878 5.645C10.18 13.61 9 19 9 19m9.366-6h-2.287a3 3 0 0 0-3 3v2m6-8a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
+              </svg>
+            </NuxtLink>
+          </div>
+        </div>
+        <div class="flex flex-col items-center">
+          <nuxt-img format="webp" class="w-32 h-32 mb-3 rounded-full shadow-lg" :src="teamMember.imageSrc" :alt="teamMember.name + ' image'" />
+          <h5 class="text-lg font-semibold tracking-tight text-gray-900 sm:text-xl dark:text-white">{{ teamMember.name }}</h5>
+          <p class="text-sm text-gray-600 dark:text-slate-300 text-center mx-6">{{ teamMember.description }}</p>
         </div>
+      </div>
     </div>
-</template>
+  </div>
+</template>
+<script setup lang="ts">
+const teamMembers = [
+  {
+    dec: true,
+    githubLink: 'https://github.com/username1',
+    imageSrc: '/teams/ppl/yikting.png',
+    name: 'Lam Yik Ting',
+    description: "YT here - explorer of AI, Web Dev, and Cybersec. If I'm not listening to music, I'm probably on a BuildingBloCS call. :>"
+  },
+  {
+    dec: true,
+    githubLink: 'https://github.com/username1',
+    imageSrc: '/teams/ppl/yikting.png',
+    name: 'Lam Yik Ting',
+    description: "YT here - explorer of AI, Web Dev, and Cybersec. If I'm not listening to music, I'm probably on a BuildingBloCS call. :>"
+  },
+  {
+    dec: true,
+    githubLink: 'https://github.com/username1',
+    imageSrc: '/teams/ppl/yikting.png',
+    name: 'Lam Yik Ting',
+    description: "YT here - explorer of AI, Web Dev, and Cybersec. If I'm not listening to music, I'm probably on a BuildingBloCS call. :>"
+  },
+  {
+    dec: true,
+    githubLink: 'https://github.com/username1',
+    imageSrc: '/teams/ppl/yikting.png',
+    name: 'Lam Yik Ting',
+    description: "YT here - explorer of AI, Web Dev, and Cybersec. If I'm not listening to music, I'm probably on a BuildingBloCS call. :>"
+  },
+  {
+    dec: true,
+    githubLink: 'https://github.com/username1',
+    imageSrc: '/teams/ppl/yikting.png',
+    name: 'Lam Yik Ting',
+    description: "YT here - explorer of AI, Web Dev, and Cybersec. If I'm not listening to music, I'm probably on a BuildingBloCS call. :>"
+  },
+  {
+    dec: true,
+    githubLink: 'https://github.com/username1',
+    imageSrc: '/teams/ppl/yikting.png',
+    name: 'Lam Yik Ting',
+    description: "YT here - explorer of AI, Web Dev, and Cybersec. If I'm not listening to music, I'm probably on a BuildingBloCS call. :>"
+  },
+];
+</script>
diff --git a/components/team/exco.vue b/components/team/exco.vue
diff --git a/components/team/oic.vue b/components/team/oic.vue
diff --git a/components/team/org/bbo.vue b/components/team/org/bbo.vue
diff --git a/components/team/org/dev.vue b/components/team/org/dev.vue
diff --git a/components/team/org/hack.vue b/components/team/org/hack.vue
diff --git a/components/team/org/hr.vue b/components/team/org/hr.vue
diff --git a/components/team/org/index.vue b/components/team/org/index.vue
diff --git a/components/team/org/pd.vue b/components/team/org/pd.vue
diff --git a/components/team/org/qa.vue b/components/team/org/qa.vue