Fix larger screen bento sizing on index; Fix Profile Picture not show…

…ing; Add curr download;
AE517 · Oct 17, 2024 · f777034 · f777034
1 parent f5d4cb3
commit f777034
Show file tree

Hide file tree

Showing 9 changed files with 697 additions and 679 deletions.
diff --git a/$HOME/vimfiles/undodir/C%%Users%Guilherme%Dev%JSTS%guilherme-homepage%nuxt.config.ts b/$HOME/vimfiles/undodir/C%%Users%Guilherme%Dev%JSTS%guilherme-homepage%nuxt.config.ts
diff --git a/$HOME/vimfiles/undodir/C%%Users%Guilherme%Dev%JSTS%guilherme-homepage%pages%about.vue b/$HOME/vimfiles/undodir/C%%Users%Guilherme%Dev%JSTS%guilherme-homepage%pages%about.vue
diff --git a/$HOME/vimfiles/undodir/C%%Users%Guilherme%Dev%JSTS%guilherme-homepage%pages%index.vue b/$HOME/vimfiles/undodir/C%%Users%Guilherme%Dev%JSTS%guilherme-homepage%pages%index.vue
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -5,16 +5,11 @@ export default defineNuxtConfig({
   ssr: false,
   devtools: { enabled: true },
   modules: ['@nuxtjs/tailwindcss', 'nuxt-icon', '@nuxtjs/mdc', '@nuxt/image'],
-  mdc: {
-    highlight: {
-      theme: 'monokai',
-      langs: ['shellscript'],
-      wrapperStyle: true,
-    },
-  },
+
   image: {
     inject: true
   },
+
   app: {
     head: {
       charset: 'utf-8',
@@ -29,11 +24,15 @@ export default defineNuxtConfig({
     //   mode: 'out-in',
     // },
   },
+
   css: ['~/assets/css/main.css'],
+
   postcss: {
     plugins: {
       tailwindcss: {},
       autoprefixer: {},
     },
   },
+
+  compatibilityDate: '2024-10-17',
 });
diff --git a/pages/about.vue b/pages/about.vue
@@ -7,7 +7,7 @@
             <figure id="picture-image" class="flex justify-center">
               <NuxtImg
                 class="aspect-square rounded-md transition-all sm:max-lg:size-3/5 lg:size-2/3"
-                src="/assets/images/profile.webp"
+                src="/profile/profile.webp"
                 alt="Guilherme-profile-picture"
               />
             </figure>
@@ -35,11 +35,11 @@
       <section class="whoami col-span-1 md:col-span-2">
         <div class="flex flex-col justify-center gap-y-10">
           <section id="about-me" class="flex animate-fade-left flex-col justify-center gap-y-5 animate-delay-500">
-            <h1
+              <h1
               class="border-b-2 border-sundress text-center font-oxanium text-5xl font-semibold uppercase md:w-[300px] lg:text-left lg:capitalize"
             >
-              Who am I?
-            </h1>
+            Who am I? <a href="/files/curr.pdf" target="_blank" download="guilherme-araujo.pdf"><Icon name="mdi:file-download" color="#EBCA89" size="50" class="mb-2"/></a>
+                  </h1>
             <p class="text-justify text-lg lg:text-xl">
               I&apos;m a <strong class="text-sundress"> Web Developer</strong> and
               <strong class="text-sundress">Pixel Artist</strong> based in Brazil. With a passion for arts, games and

diff --git a/pages/index.vue b/pages/index.vue
@@ -2,7 +2,7 @@
   <div class="h-full">
     <div
       ref="wrapper"
-      class="wrapper grid size-full grid-cols-1 gap-5 p-3 font-poppins *:size-full *:rounded-lg *:bg-midnight sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 xl:grid-rows-[repeat(3,255px)]"
+      class="wrapper grid size-full grid-cols-1 gap-5 p-3 font-poppins *:size-full *:rounded-lg *:bg-midnight sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 xl:content-center xl:grid-rows-[repeat(3,_minmax(255px,_300px))]"
     >
       <div id="greet" class="flex animate-fade-up flex-col justify-center p-5 animate-delay-100 lg:col-span-2">
         <NuxtLink to="/about" id="container" class="ml-4 size-full py-12">

diff --git a/public/files/curr.pdf b/public/files/curr.pdf
diff --git a/assets/images/profile.webp → public/profile/profile.webp b/assets/images/profile.webp → public/profile/profile.webp
diff --git a/yarn.lock b/yarn.lock