improve spacing across pages

jones58 · Dec 11, 2024 · 878d4cb · 878d4cb
1 parent 56e11f8
commit 878d4cb
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 15 deletions.
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
@@ -20,12 +20,12 @@ const formatDate = (date: string) => {
 
 <Layout>
   <div>
-    <section class="max-w-2xl">
+    <section class="max-w-2xl mb-5 sm:mb-8">
       <p class="text-xl sm:text-2xl">
         A blog about the web, design and typography.
       </p>
     </section>
-    <div class="mt-5">
+    <div>
       {
         allPostsSorted.map((post) => (
           <a

diff --git a/src/pages/coding/index.astro b/src/pages/coding/index.astro
@@ -142,7 +142,7 @@ const projects = [
 
 <Layout>
   <main>
-    <div class="mb-10 flex flex-col">
+    <div class="mb-5 sm:mb-8 flex flex-col">
       <section class="sm:max-w-2xl">
         <p class="text-xl sm:text-2xl">
           These projects showcase my passion for creating beautiful and

diff --git a/src/pages/contact/index.astro b/src/pages/contact/index.astro
@@ -5,7 +5,7 @@ import Layout from "../../layouts/Layout.astro";
 <Layout>
   <section class="flex flex-col items-center
 min-h-screen sm:max-w-2xl">
-    <p class="text-xl sm:text-2xl text-neutral-900 mb-8">
+    <p class="text-xl sm:text-2xl text-neutral-900 mb-5 sm:mb-8">
       Want to work on something together? Get in touch below or email
       me directly at{" "}
       <a

diff --git a/src/pages/design/index.astro b/src/pages/design/index.astro
@@ -59,7 +59,7 @@ const designs = [
 <Layout>
   <main>
     <div class="flex flex-col">
-      <section class="sm:max-w-2xl mb-5 sm:mb-10">
+      <section class="sm:max-w-2xl mb-5 sm:mb-8">
         <p class="text-xl sm:text-2xl">
           I have achieved international recognition for my design work,
           including a double-page spread in{" "}

diff --git a/todo.md b/todo.md
@@ -1,17 +1,18 @@
 ## Coding
 
+- think about putting on main home page
 - Edit main photo for each project
 
   - Gif/video navigating site or interesting photo
   - Improve alt text, add alt text field to json.
   - Carousel within each image, like the three dot thing and swipe between them - probably this rather than the gif things
     -edit description and photo for pluto/octopus. Match description on CV.
 
-- Improve project readmes
+- Improve project readmesn (and blogposts accordingly)
 
   - Include some process images ie research, early sketches, prototypes, feedback collection etc.
 
-- Under the image for each project, could have icons for the technologies used maybe.
+- Under the image for each project, have icons for the technologies used.
 
 ## Design page
 
@@ -22,8 +23,15 @@
 
 ## Blog
 
-- Add blog posts - see ideas in [drafts folder](_drafts) and Todoist.
-- Look into how to add images to blogposts maybe.
+- Add blog posts
+  - See ideas in [drafts folder](_drafts) and Todoist.
+  - Add post for Take back water and Pluto.
+- Add images to existing blog posts.
+
+## Styling
+
+- Use dribble, and other inspiration site to copy a design fairly closely
+- A defined style guide would help. Colour scheme - add a secondary colour
 
 ## Inspiration
 
@@ -34,9 +42,3 @@
 - [good design portfolio](https://phantom.land/work/superdry)
 - Good post on improving personal portfolio - do same when do yours [Video][ Francesco Longo on LinkedIn: Exciting Updates: Revamping My Portfolio from Scratch! 🚀 As a developer,…]
 - Guestbook like on this site: https://manuelmoreale.com/guestbook
-
-## Styling
-
-- Use dribble, and other inspiration site to copy a design fairly closely
-
-- A defined style guide would help. Colour scheme - add a secondary colour