From 273df72f4364fae571a77a8a57acf690ebdca8b5 Mon Sep 17 00:00:00 2001
From: Robert McGovern <rob@tarasis.net>
Date: Tue, 8 Feb 2022 15:55:49 +0000
Subject: [PATCH] Moved blurb text to markdown file

Which required adding some margins to space paragraphs.
---
 src/_includes/MD/blurb.md |  5 +++++
 src/css/style.css         | 15 +++++++++------
 src/index.njk             | 15 +--------------
 3 files changed, 15 insertions(+), 20 deletions(-)
 create mode 100644 src/_includes/MD/blurb.md

diff --git a/src/_includes/MD/blurb.md b/src/_includes/MD/blurb.md
new file mode 100644
index 0000000..1b6eca2
--- /dev/null
+++ b/src/_includes/MD/blurb.md
@@ -0,0 +1,5 @@
+These are completed projects done to practice using HTML, CSS & Javascript. They come from different sources, and most are freely available for anyone to practice with. Where not, I'll indicate if it is from a premium source.
+
+I've put them all into a single GIT repository rather than litter my git service with many different projects. This may change in future depending on how many of these that I do.
+
+Robert McGovern
\ No newline at end of file
diff --git a/src/css/style.css b/src/css/style.css
index a226aa7..756dace 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -49,6 +49,14 @@ body {
     font-family: "Source Sans Pro", sans-serif;
 }
 
+.blurb p {
+    margin-bottom: 1em;
+}
+
+.blurb p:last-child {
+    margin-bottom: 0em;
+}
+
 .header {
     text-align: center;
     padding-top: 10px;
@@ -159,17 +167,12 @@ body {
 .card__techUsed {
     list-style: none;
     display: flex;
-    /* align-content: space-evenly; */
     justify-content: space-evenly;
     align-items: center;
     padding: 0;
     /* font-size: 0.625rem; */
 }
 
-/* .card__techUsed > li {
-    margin: 0;
-} */
-
 .card__techUsed img {
     margin-top: 0.25rem;
     width: 100%;
@@ -191,7 +194,7 @@ body {
 
 @media (min-width: 38em) {
     /* .card__img {
-        aspect-ratio: 1 / 1.25;
+        aspect-ratio: 1 / 1;
     } */
 
     .project-card.featured {
diff --git a/src/index.njk b/src/index.njk
index 759ee5a..28ac4c8 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -6,20 +6,7 @@ cssReset: true
 ---
 
 <div class="blurb">
-    <p>
-        These are completed projects done to practice using HTML,
-        CSS & Javascript. They come from different sources, and
-        most are freely available for anyone to practice with.
-        Where not, I'll indicate if it is from a premium source.
-    </p>
-    &nbsp;
-    <p>
-        I've put them all into a single GIT repository rather than
-        litter my git service with many different projects. This may
-        change in future depending on how many of these that I do.
-    </p>
-    &nbsp;
-    <p>Robert McGovern</p>
+    {% renderFile "./src/_includes/MD/blurb.md" %}
 </div>
 
 {% for service in webprojects.services %}