chore: update content

cvgellhorn · Sep 3, 2024 · 0a32152 · 0a32152
1 parent eb9e475
commit 0a32152
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 48 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -1,35 +1,26 @@
 ---
 import { Icon } from "astro-icon/components";
+
+import { SITE, SOCIALS } from "../consts";
 import Container from "./Container.astro";
-import { SITE } from "../consts";
 ---
 
 <footer class="animate">
   <Container>
     <div class="flex items-center justify-between">
       <div>&copy; {new Date().getFullYear()} • {SITE.TITLE}</div>
-      <div class="flex flex-wrap items-center">
-        <a
-          href="https://www.linkedin.com/in/cvgellhorn/"
-          target="_blank"
-          class="inline-block rounded p-2 hover:bg-black/5 hover:text-black dark:hover:bg-white/5 dark:hover:text-white"
-        >
-          <Icon name="fa-brands:linkedin" class="h-5 w-5" />
-        </a>
-        <a
-          href="https://x.com/cvgellhorn"
-          target="_blank"
-          class="mx-2 inline-block rounded p-2 hover:bg-black/5 hover:text-black dark:hover:bg-white/5 dark:hover:text-white"
-        >
-          <Icon name="tabler:brand-x" class="h-5 w-5" />
-        </a>
-        <a
-          href="https://github.com/cvgellhorn"
-          target="_blank"
-          class="inline-block rounded p-2 hover:bg-black/5 hover:text-black dark:hover:bg-white/5 dark:hover:text-white"
-        >
-          <Icon name="fa-brands:github" class="h-5 w-5" />
-        </a>
+      <div class="flex flex-wrap items-center gap-2">
+        {
+          SOCIALS.map((social) => (
+            <a
+              href={social.url}
+              target="_blank"
+              class="inline-block rounded p-2 hover:bg-black/5 hover:text-black dark:hover:bg-white/5 dark:hover:text-white"
+            >
+              <Icon name={social.icon} class="h-5 w-5" />
+            </a>
+          ))
+        }
       </div>
     </div>
   </Container>

diff --git a/src/consts.js b/src/consts.js
@@ -12,26 +12,26 @@ export const HOME = {
 
 export const BLOG = {
   TITLE: "Blog",
-  DESCRIPTION: "A collection of articles on topics I am passionate about.",
+  DESCRIPTION: "A collection of articles on topics I am passionate about",
 };
 
 export const PROJECTS = {
   TITLE: "Projects",
   DESCRIPTION:
-    "A collection of my projects with links to repositories and live demos.",
+    "A collection of my projects with links to repositories and live demos",
 };
 
 export const SOCIALS = [
   {
-    NAME: "X (Twitter)",
-    HREF: "https://twitter.com/cvgellhorn",
+    url: "https://x.com/cvgellhorn",
+    icon: "tabler:brand-x",
   },
   {
-    NAME: "GitHub",
-    HREF: "https://github.com/cvgellhorn",
+    url: "https://www.linkedin.com/in/cvgellhorn",
+    icon: "fa-brands:linkedin",
   },
   {
-    NAME: "LinkedIn",
-    HREF: "https://www.linkedin.com/in/cvgellhorn",
+    url: "https://github.com/cvgellhorn",
+    icon: "fa-brands:github",
   },
 ];
diff --git a/src/content/blog/2024-08-30-website-refresh.md b/src/content/blog/2024-08-30-website-refresh.md
@@ -4,20 +4,24 @@ description: "Introducing the new blog and project list"
 date: "2024-08-30"
 ---
 
-Hello everyone!
+Hey everyone!
 
-I'm thrilled to announce the launch of my newly refreshed website. After a couple of hours of hard work and dedication, the site now features a sleek design, improved navigation, and a host of new content that I'm excited to share with you.
+I'm thrilled to announce the launch of my newly refreshed website. After a couple of hours of hard work (it's literally that fast with Astro) and dedication, the site now features a sleek design and a host of new content that I'm excited to share with you.
 
 ## What's New?
 
 ### Blog
 
-I've added a blog section where I'll be posting regular updates on my projects, thoughts and tips and tricks I've learned along the way. Whether you're a fellow developer, a tech enthusiast, or just curious about what I'm up to, there's something here for you.
+I've added a blog section where I'll be posting regular updates on my projects, thoughts and maybe even tips and tricks I've learned along the way. Whether you're a fellow dev, a tech enthusiast, or just curious about what I'm up to, there's something here for you.
 
 ### Project List
 
-The new project list showcases the various projects I've been working on. Each project includes a detailed description, technologies used, and links to the code repositories. I hope this will give you a better insight into my work and inspire you in your own projects.
+The new project list showcases the various projects I've been working on. Each project includes a short description, technologies used, and links to the code repositories, if available. I hope this will give you a better insight into my work.
+
+### Technologies Used
+
+This website was built using [Astro](https://astro.build/) and [Tailwind CSS](https://tailwindcss.com/). It is based on the [Astro Micro](https://github.com/trevortylerlee/astro-micro) theme and customised to my requirements.
 
 ## Stay Connected
 
-There is an old school RSS feed available, so don't forget to subscribe to stay updated on the latest posts. You can also follow me on social media for more frequent updates and random content.
+There is also an old school RSS feed available, so don't forget to subscribe to stay updated on the latest posts. You can also follow me on social media for more frequent updates and random content.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -17,6 +17,8 @@ const projects = (await getCollection("projects"))
   .filter((project) => !project.data.draft)
   .sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
   .slice(0, SITE.NUM_PROJECTS_ON_HOMEPAGE);
+
+const experience = new Date().getFullYear() - 2008;
 ---
 
 <Layout title={HOME.TITLE} description={HOME.DESCRIPTION}>
@@ -35,21 +37,20 @@ const projects = (await getCollection("projects"))
         <section>
           <article class="space-y-4">
             <p class="animate">
-              I'm a Software Engineer from Germany living in Sydney,
-              Australia. I work mostly with <Link href="https://react.dev/"
+              I'm a Software Engineer from Germany living in Sydney, Australia.
+              I worked in different startups across the globe over a {
+                experience
+              } year period. I'm specialised in <Link href="https://react.dev/"
                 >React</Link
               >, <Link href="https://nodejs.org/en/">Node.js</Link> and <Link
-                href="https://rubyonrails.org/">Rails</Link
-              > in my day to day.
+                href="https://rubyonrails.org/">Ruby on Rails</Link
+              > development.
             </p>
-						<p class="animate">
-              This website was built using <Link href="https://astro.build/"
-                >Astro</Link
-              > and <Link href="https://tailwindcss.com/">Tailwind CSS</Link>.
-              It is based on the <Link
-                href="https://github.com/trevortylerlee/astro-micro"
-                >Astro Micro</Link
-              > theme and edited to my liking.
+            <p class="animate">
+              Currently I'm very interested in building static sites with <Link
+                href="https://astro.build/">Astro</Link
+              >, creating Shopify Apps and increasing my knowlede in rapid AI
+              development.
             </p>
           </article>
         </section>