Moved blurb text to markdown file

Which required adding some margins to space paragraphs.
This commit is contained in:
Robert McGovern 2022-02-08 15:55:49 +00:00
parent 1f872127bf
commit 273df72f43
3 changed files with 15 additions and 20 deletions

View File

@ -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

View File

@ -49,6 +49,14 @@ body {
font-family: "Source Sans Pro", sans-serif; font-family: "Source Sans Pro", sans-serif;
} }
.blurb p {
margin-bottom: 1em;
}
.blurb p:last-child {
margin-bottom: 0em;
}
.header { .header {
text-align: center; text-align: center;
padding-top: 10px; padding-top: 10px;
@ -159,17 +167,12 @@ body {
.card__techUsed { .card__techUsed {
list-style: none; list-style: none;
display: flex; display: flex;
/* align-content: space-evenly; */
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
padding: 0; padding: 0;
/* font-size: 0.625rem; */ /* font-size: 0.625rem; */
} }
/* .card__techUsed > li {
margin: 0;
} */
.card__techUsed img { .card__techUsed img {
margin-top: 0.25rem; margin-top: 0.25rem;
width: 100%; width: 100%;
@ -191,7 +194,7 @@ body {
@media (min-width: 38em) { @media (min-width: 38em) {
/* .card__img { /* .card__img {
aspect-ratio: 1 / 1.25; aspect-ratio: 1 / 1;
} */ } */
.project-card.featured { .project-card.featured {

View File

@ -6,20 +6,7 @@ cssReset: true
--- ---
<div class="blurb"> <div class="blurb">
<p> {% renderFile "./src/_includes/MD/blurb.md" %}
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>
</div> </div>
{% for service in webprojects.services %} {% for service in webprojects.services %}