feat: add quick links; update descriptions; cv change

.vscode/settings.json

@@ -30,7 +30,7 @@
   "prettier.enable": false,
   "editor.defaultFormatter": "standard.vscode-standard",
   "[javascript]": {
-    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "[javascriptreact]": {
     "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"

content/pages/cv.yml

@@ -27,17 +27,23 @@ experience:
     start: Feb. 2024
     end: Present
     desc: >-
-      * Leading a small team of developers on a UK public sector project for the Department for Education (DfE)
+      * Leading a technical delivery on a UK public sector project for the Department for Education (DfE)
+      
+      * Designing and documenting architectural changes in line with GDS architectural and technology standards
+      
+      * Planning and managing releases to production
 
+      * Working with key stakeholders at both the project and policy level to explain, advise on and plan key decisions 
 
+      
       **Skills:** ASP.NET Core · Microsoft Azure · Azure Data Factory · Git · C# · Full-Stack Development · Umbraco · Web Development · Microsoft SQL Server · Cloud Development ·  Microservices · Technical Requirements · Agile Methodologies
   - position: Software Development Tutor
     employer: Yarbz Digital Ltd
     start: Sep. 2023
     end: Mar. 2024
-    desc: I teach students of all levels modern software development, including
+    desc: I taught students of all levels modern software development, including
       coding fundamentals, computer science theory and modern software
-      technologies. I also help them prepare for tech interviews!
+      technologies.
   - position: Freelance Software Consultant
     employer: Yarbz Digital Ltd
     start: Aug. 2021

content/writing/static-site-on-google-cloud.md

@@ -1,8 +1,7 @@
 ---
 title: Deploying aaronjy.me on a Google Storage bucket
 pubdate: 2024-05-01T00:00:00.000Z
-desc: This site is just a bunch of static assets hosted on a Google Storage
-  bucket! Here's how it works...
+desc: "Google Cloud Storage is an effective solution for hosting static sites, offering a simple and scalable way to manage web assets. A manual deployment strategy involves four key steps: backing up existing files to a backup bucket, removing sensitive files for security, uploading the latest site files from the build directory, and invalidating Google’s global cache to ensure users access updated content."
 ---
 Google actually has [documentation](https://cloud.google.com/storage/docs/hosting-static-website) on how to deploy a static site to a storage bucket, but I wanted to talk about how I handle deployments, as Google doesn't covert that!
 

content/writing/support-content-filte-structure-changes-on-a-static-site.md

@@ -1,8 +1,7 @@
 ---
 title: Supporting content file structure changes on a static site
 pubdate: 2024-03-18T16:47:32.150Z
-desc: Static sites are great, but changing your content layout is like moving
-  furniture – fun for no one.
+desc: Static site generators (SSGs) convert complex site sources into HTML, CSS, and JS, allowing flexible hosting options. While they offer benefits like speed and low costs, updating content can be challenging for non-technical users. A solution involves assigning unique identifiers to articles and creating a URL mapping file to simplify restructuring and managing content links.
 ---
 Static site generators (SSGs) are great. They take your complex site source and distil it down to the web's native language: HTML, CSS and JS. You can host your files anywhere: in cloud-native storage buckets; on low-cost CPanel hosting; on global CDNs; your old Lenovo ThinkPad in your cupboard running an Apache server that hasn't been patched since 2008; the list goes on. Wanna go further and throw away your CMS? Cool, you can use markdown files and a text editor as your CMS. 
 

src/pages/cv/index.js

@@ -6,7 +6,10 @@ import showdown from 'showdown'
 import { NextSeo } from 'next-seo'
 import Resume from '@/components/Resume/Resume'
 
-function ResumePage ({
+export const Title = "CV";
+export const Description = "Read about my professional experience as a software engineer, core competencies, and certifications.";
+
+function ResumePage({
   competencies,
   education,
   certifications,
@@ -15,9 +18,15 @@ function ResumePage ({
 }) {
   return (
     <DefaultLayout>
-      <NextSeo title='CV' />
+      <NextSeo title={Title} description={Description} openGraph={
+        {
+          Title,
+          Description
+        }
+      } />
       <section>
-        <h1>CV 💼</h1>
+        <h1>{Title} 💼</h1>
+        <p>{Description}</p>
       </section>
       <section>
         <Resume
@@ -32,7 +41,7 @@ function ResumePage ({
   )
 }
 
-export function getStaticProps () {
+export function getStaticProps() {
   const content = fs.readFileSync('./content/pages/cv.yml', {
     encoding: 'utf-8'
   })

src/pages/index.js

@@ -3,6 +3,9 @@ import DefaultLayout from '@/layouts/DefaultLayout/DefaultLayout'
 import ExternalLink from '@/components/ExternalLink/ExternalLink'
 import Link from 'next/link'
 
+import { Title as WritingTitle, Description as WritingDescription } from './writing'
+import { Title as CvTitle, Description as CvDescription } from './cv'
+
 export default function Home () {
   return (
     <DefaultLayout>
@@ -21,6 +24,20 @@ export default function Home () {
         <p>
           I current work as a Lead Consultant at Hippo Digital, working on public sector project for the Department of Education. You can find out more about my work history <Link href='/cv'>on my CV</Link>.
         </p>
+
+        <div className='row'>
+          <div className='box'>
+            <Link href={'/writing'} className='box-title'>{WritingTitle}</Link>
+            <p className='box-text'>{WritingDescription}</p>
+            <Link href={'/writing'} className='box-link'>Read more...</Link>
+          </div>
+
+          <div className='box'>
+            <Link href={'/cv'} className='box-title'>{CvTitle}</Link>
+            <p className='box-text'>{CvDescription}</p>
+            <Link href={'/writing'} className='box-link'>Read more...</Link>
+          </div>
+        </div>
       </section>
 
       <section>

src/pages/writing/index.js

@@ -7,25 +7,26 @@ import { formatDate } from '@/lib/helpers'
 
 export const getStaticProps = () => getStaticEntryListProps('./content/writing', '/writing/')
 
-export default function Writing ({ entries, urlPrefix }) {
-  const title = 'Writing'
-  const description = 'Come get ya thoughts, ramblings, technical writing and other long-from text content here!'
+export const Title = 'Writing'
+export const Description = 'A collection of writing and musings on various topics that interest me, as well as technical writing.';
 
+export default function Writing ({ entries, urlPrefix }) {
+  
   return (
     <DefaultLayout>
       <NextSeo
-        title={title}
-        description={description}
+        title={Title}
+        description={Description}
         openGraph={
           {
-            title,
-            description
+            Title,
+            Description
           }
         }
       />
       <section>
-        <h1>{title} ✍🏻</h1>
-        <p>{description}</p>
+        <h1>{Title} ✍🏻</h1>
+        <p>{Description}</p>
       </section>
 
       <section>

src/styles/globals.css

@@ -83,4 +83,36 @@ code:not(pre > code) {
 
 .icon-left {
   margin-right: 5px;
+}
+
+.row {
+  display: flex;
+  flex-direction: row;
+  gap: 1.5rem;
+}
+
+.box {
+  flex-grow: 1;
+  /* border: 1px solid var(--color-default); */
+  /* padding: 1.2rem;  */
+  display: flex;
+  align-items: left;
+  justify-content: center;
+  flex-shrink: 0;
+  flex-basis: 0;
+  flex-direction: column;
+}
+
+.box-title {
+  font-weight: 600;
+}
+
+.box-text {
+  margin: 0.8rem 0;
+}
+
+@media only screen and (max-width: 640px) {
+  .row {
+    flex-direction: column;
+  }
 }