Merge branch 'main' into contrib-guidelines

usevital · Jul 11, 2024 · d241128 · d241128
2 parents cd97284 + aa948cb
commit d241128
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 8 deletions.
diff --git a/components/categoryDivider.vue b/components/categoryDivider.vue
@@ -0,0 +1,9 @@
+<template>
+  <span
+    class="text-[var(--big-text-color)] italic font-['Geist Mono'] text-[4rem]"
+  >
+    <span class="font-[250] tracking wider">
+      <slot />
+    </span>
+  </span>
+</template>
diff --git a/components/pageHero.vue b/components/pageHero.vue
@@ -0,0 +1,17 @@
+<template>
+  <header class="text-[4rem] flex flex-col flex-wrap">
+    <span
+      class="text-[1.5rem] text-pretty sm:text-[2rem] md:text-[3rem] lg:text-[4rem] internalFont"
+    >
+      {{ title }}
+    </span>
+    <span class="text-lg">{{ subTitle }}</span>
+  </header>
+</template>
+
+<script setup>
+const props = defineProps({
+  title: String,
+  subTitle: String,
+})
+</script>
diff --git a/components/projectCard.vue b/components/projectCard.vue
@@ -20,11 +20,11 @@
     </div>
     <!-- Buttons -->
     <div class="flex flex-row flex-wrap gap-3 mb-5">
-      <NuxtLink
+      <ExternalLink
         v-for="(link, index) in urls"
         :to="link"
-        class="flex gap-2 px-10 py-3 rounded-xl items-center text-lg border-2 border-[var(--text-colour)] duration-300 hover:bg-[var(--text-colour)] hover:text-black active:scale-95"
-        ><LucideDownload />{{ index }}</NuxtLink
+        class="flex gap-2 px-10 py-3 rounded-xl items-center text-lg border-2 border-[var(--text-colour)] duration-300 hover:bg-[var(--text-colour)] hover:text-black active:scale-95 text-inherit font-normal"
+        ><LucideDownload />{{ index }}</ExternalLink
       >
     </div>
   </div>

diff --git a/components/projectSection.vue b/components/projectSection.vue
@@ -1,10 +1,6 @@
 <template>
   <div class="flex flex-col flex-wrap gap-6 pb-8">
-    <span
-      class="text-[var(--big-text-color)] italic font-['Geist Mono'] text-[4rem]"
-    >
-      <span class="font-[250] tracking wider">{{ title }}</span>
-    </span>
+    <CategoryDivider>{{ title }}</CategoryDivider>
     <ProjectCard
       v-for="(projectData, title) in data"
       :title="title"

diff --git a/components/user.vue b/components/user.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- ! DEPRECATED COMPONENT, MARKED FOR DELETION -->
   <span
     class="gap-4 flex flex-row font-bold text-2xl bg-[color:var(--brand-colour)] items-center p-4 rounded-2xl select-none duration-[0.4s] active:scale-[0.9]"
   >