add education and skills

gabriellbbrr · Dec 18, 2023 · a201b6f · a201b6f
1 parent 9d78435
commit a201b6f
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 1 deletion.
diff --git a/public/assets/CV_GABRIEL_LABIRE.pdf b/public/assets/CV_GABRIEL_LABIRE.pdf
diff --git a/public/assets/html_css_js.png b/public/assets/html_css_js.png
diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -3,6 +3,30 @@ import BaseLayout from "../layouts/BaseLayout.astro";
 
 import ContactCTA from "../components/ContactCTA.astro";
 import Hero from "../components/Hero.astro";
+import { getCollection } from "astro:content";
+
+// Layout import — provides basic page elements: <head>, <nav>, <footer> etc.
+
+// Component Imports
+import CallToAction from "../components/CallToAction.astro";
+import Grid from "../components/Grid.astro";
+
+import PathIcon from "../components/Icon.astro";
+import { Icon } from "astro-icon";
+import Pill from "../components/Pill.astro";
+import PortfolioPreview from "../components/PortfolioPreview.astro";
+
+// Page section components
+
+import Skills from "../components/Skills.astro";
+
+// Content Fetching: List four most recent work projects
+const projects = (await getCollection("work"))
+  .sort((a, b) => b.data.publishDate.valueOf() - a.data.publishDate.valueOf())
+  .slice(0, 4);
+
+// Full Astro Component Syntax:
+// https://docs.astro.build/core-concepts/astro-components/
 ---
 
 <BaseLayout title="About | Gabriel Labire" description="About Lorem Ipsum">
@@ -43,6 +67,10 @@ import Hero from "../components/Hero.astro";
             aspirations. <br /> I am eager to make a positive contribution to an
             ambitious project while continuing my learning journey.
           </p>
+          <br />
+          <a class="cv" download="" href="../assets/CV_GABRIEL_LABIRE.pdf">
+            Download CV</a
+          >
         </div>
       </section>
       <section>
@@ -64,7 +92,12 @@ import Hero from "../components/Hero.astro";
       <section>
         <h2 class="section-title">Skills</h2>
         <div class="content">
-          <p>officia unde omnis</p>
+          <p class="skill_img">
+            <Icon name="icomoon-free:html-five2" size="4rem" />
+            <Icon name="icomoon-free:html-five2" size="4rem" />
+            <Icon name="icomoon-free:html-five2" size="4rem" />
+            <Icon name="icomoon-free:html-five2" size="4rem" />
+          </p>
         </div>
       </section>
     </main>

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -206,8 +206,25 @@ h5 {
 	color: #275295;
 }
 
+.cv{
+	background-color: rgb(255, 255, 255);
+	font-size: 1.5rem;
+	color: #0b3881;
+	border-radius: 10px;
+
+	font-weight: 900;
+	padding: 0.5rem;
+}
+
 .gap-2 {
 	gap: 0.5rem;
+}
+.skill_img{
+	max-width: 0.2rem;
+	display: inline;
+
+
+
 }
 .gap-4 {
 	gap: 1rem;