Moved blurb text to markdown file

Which required adding some margins to space paragraphs.

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

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 {

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 %}