src/components/Bio.astro

@@ -1,9 +1,10 @@
 <div>
-  <img src="/assets/headshotShawn.jpg" alt="Headshot of Shawn Reuter">
+  <img src="/assets/profile-pic.webp" alt="Headshot of Maxi Ferreira">
   <p>
-    Hi, I'm <strong>Shawn</strong>. I'm a freelance web developer creating dynamic websites for those in need. 
-    You can follow or connect with me on <a href="https://www.linkedin.com/in/shawn-reuter/" target="_blank">LinkedIn</a>,    
-    see some of my work on <a href="https://github.com/reuterShawn" target="_blank">GitHub</a>,
+    Hi, I'm <strong>Maxi</strong>. I'm a software engineer and data scientist based in Los Angeles.
+    You can follow me on <a href="https://www.twitter.com/Charca" target="_blank">Twitter</a>,
+    see some of my work on <a href="https://www.github.com/Charca" target="_blank">GitHub</a>,
+    or read more about me on <a href="https://www.maxiferreira.com" target="_blank">my website</a>.
   </p>
 </div>
 
@@ -16,7 +17,7 @@
   img {
     width: 100px;
     height: 100px;
-    border-radius: 12px;
+    border-radius: 100px;
     display: block;
     margin-right: 20px;
   }

src/components/Footer.astro

@@ -1,7 +1,8 @@
 <footer>
   <span>
-    &copy; {new Date().getFullYear()} Shawn Reuter Blog.
+    &copy; {new Date().getFullYear()} Your Blog.
     Powered by <a href="https://astro.build" target="_blank" rel="noopener">Astro</a>.
+    Template by <a href="https://www.twitter.com/Charca" target="_blank" rel="noopener">Maxi Ferreira</a>.
   </span>
 </footer>
 

src/components/Logo.astro

@@ -1,7 +1,9 @@
+
+
 <style>
   img {
     display: block;
-    width: 100px;
+    width: 75px;
   }
 
   @media screen and (max-width: 520px) {
@@ -9,8 +11,22 @@
       display: none;
     }
   }
+
+  .light {
+    visibility: hidden;
+  }
+
+  .dark {
+    visibility: hidden;
+  }
+
 </style>
 
-<div>
-  <img alt="Blog Logo" src="/assets/reuterdev.png" width="200" height="200" />
+<div class="light">
+  <img alt="Blog Logo" src="/assets/reuterLight3.png" width="200" height="200" />
 </div>
+<!-- 
+  <div class="dark">
+    <img alt="Blog Logo" src="/assets/reuterDark.png" width="200" height="200" />
+  </div> -->
+</a>

src/data/blog-posts/design-process.md

@@ -1,14 +0,0 @@
-<!-- ---
-title: Creating an Audit to Propose to a Client
-publishDate: 19 August 2024
-description: Going into detail of creating a audit to use to propose to a client. In this example I am creating a Wordpress wwebsite with an ecommerce solution.
----
-
-## Thinking About Your Solution to Their Problem Wix vs Wordpress
-
-
-## Simple Solution to The Problem
-
-
-
-##  -->

src/data/blog-posts/hello-world.md

@@ -1,51 +1,11 @@
 ---
-title: Thought Process Behind My Logo 👋
-publishDate:  August 2024
-description: Go into Detail the specific decisions made when I was designing my logo and brand.
+title: Hello World 👋
+publishDate: 30 Nov 2021
+description: Every blog starts with a single post. This is yours. Make it great.
 ---
 
-![Logo of Reuter Development](/assets/reuterDark.png)
+![Illustration of woman using a meditation app](/assets/blog/casual-life-3d-meditation-crystal.webp)
 
-# Reuter Developement Inspiration
+This post intentionally left blank.
 
-"Clearing the path for your success"
-
-The initial idea came from the definition of my name Reuter meaning clearing or clearer of the woodland eventually with the goal to make a farm.  
-
-My last name is of German decendence and my grandparents and father were farmers. 
-
-## Defining the Details
-
-The logo is made up of three main different objects.
-
-1. Path
-2. Trees
-3. Sun
-4. Fields
-
-
-## Path
-
-The path is the guiding outline that I will give to clients in order to achieve the goals that they have in mind
-
-Giving a path to your clients is so important in order to not only establish confidence in yourself but give confidence to your clients that you have all the details mapped out and they have nothing to worry about when they hire you to make your website.
-
-
-##  Trees
-
-The trees in my logo are the guide posts in your project that help establish markers that you can check as you make progress towards the main goal of creating a ecommerce website for example. 
-
-## Sun
-
-The sun is the goal that you are working towards, this could be an ecommerce, blog or point of contact website that you may be desiging. 
-
-Be clear to define what is the sun that you are working towards when you propose an idea or audit to a potential client.
-
-
-## Field Of Fruition
-
-The fields of fruition on the sides is the work you are doing and to show or display that you are always growing in your skills as an individual and in my brand I want that to stand out. 
-
-
-
-## Applying This Structure 
+Write what you want.

src/pages/index.astro

@@ -1,7 +1,7 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
 
-const title = 'Shawn Reuter Blgo';
+const title = 'My Astro Blog';
 const description = 'The perfect starter for your perfect blog.';
 const permalink = Astro.site.href;
 ---
@@ -9,8 +9,8 @@ const permalink = Astro.site.href;
 <BaseLayout title={title} description={description} permalink={permalink}>
   <div class="home-container">
     <div class="home-copy">
-      <h1>Welcome to my Blog</h1>
-      <p>I am web developer ffreelancing with my brand Reuter Development</p>
+      <h1>Welcome to Reuter Development</h1>
+      <p>Where we make a clearing for you, cutting down the obstacles in your path.
     </div>
 
 
@@ -29,6 +29,15 @@ const permalink = Astro.site.href;
   </div> -->
 </BaseLayout>
 
+
+<h1>What defines Reuter Development</h1>
+
+<ul>
+  <li>Client-focused</li>
+  <li>Strong Center</li>
+  <li></li>
+</ul>
+
 <style>
   .home-container {
     align-items: center;