+ {% for tech in projectContent.techUsed %}
+ {% if tech === "html5" %}
+
+
+
+ {% endif %}
+ {% if tech === "css3" %}
+
+
+
+ {% endif %}
+ {% if tech === "js" %}
+
+
+
+ {% endif %}
+ {% endfor %}
+
+
+
+{% endif %}
\ No newline at end of file
diff --git a/src/_includes/global/site-css.njk b/src/_includes/global/site-css.njk
new file mode 100644
index 0000000..88534f3
--- /dev/null
+++ b/src/_includes/global/site-css.njk
@@ -0,0 +1,12 @@
+{% if cssReset %}
+
+{% endif %}
+
+
+
+
+{% if css %}
+ {% for link in css %}
+
+ {% endfor %}
+{% endif %}
\ No newline at end of file
diff --git a/src/_includes/global/site-favicon.njk b/src/_includes/global/site-favicon.njk
new file mode 100644
index 0000000..0ccf5b9
--- /dev/null
+++ b/src/_includes/global/site-favicon.njk
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/_includes/global/site-footer.njk b/src/_includes/global/site-footer.njk
new file mode 100644
index 0000000..9a0b7b6
--- /dev/null
+++ b/src/_includes/global/site-footer.njk
@@ -0,0 +1,32 @@
+
\ No newline at end of file
diff --git a/src/_includes/global/site-header.njk b/src/_includes/global/site-header.njk
new file mode 100644
index 0000000..07eea17
--- /dev/null
+++ b/src/_includes/global/site-header.njk
@@ -0,0 +1,5 @@
+
+
+
{{ title }}
+
+
\ No newline at end of file
diff --git a/src/_includes/global/site-main.njk b/src/_includes/global/site-main.njk
new file mode 100644
index 0000000..8eae41f
--- /dev/null
+++ b/src/_includes/global/site-main.njk
@@ -0,0 +1,3 @@
+
+ {{ content | safe }}
+
\ No newline at end of file
diff --git a/src/_includes/global/site-meta.njk b/src/_includes/global/site-meta.njk
new file mode 100644
index 0000000..4baef8e
--- /dev/null
+++ b/src/_includes/global/site-meta.njk
@@ -0,0 +1,4 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
new file mode 100644
index 0000000..e2c895c
--- /dev/null
+++ b/src/_includes/layouts/base.njk
@@ -0,0 +1,16 @@
+
+
+
+
+ {{ title }} - {{ site.url }}
+
+ {% include "global/site-meta.njk" %}
+ {% include "global/site-css.njk" %}
+ {% include "global/site-favicon.njk" %}
+
+
+ {% include "global/site-header.njk" %}
+ {% include "global/site-main.njk" %}
+ {% include "global/site-footer.njk" %}
+
+
\ No newline at end of file
diff --git a/src/css/error.css b/src/css/error.css
new file mode 100644
index 0000000..4e1e1c7
--- /dev/null
+++ b/src/css/error.css
@@ -0,0 +1,30 @@
+*,
+::before,
+::after {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+html,
+body {
+ min-height: 100vh;
+ width: 100%;
+ text-align: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+main {
+ margin: auto 0;
+}
+
+.error404 p {
+ font-size: 2rem;
+}
+
+.error404 img {
+ width: 25%;
+}
diff --git a/src/css/footer.css b/src/css/footer.css
new file mode 100644
index 0000000..b5c9771
--- /dev/null
+++ b/src/css/footer.css
@@ -0,0 +1,19 @@
+footer {
+ margin-top: 2rem;
+ text-align: center;
+ font-size: 0.9rem;
+ margin-left: auto;
+ margin-right: auto;
+ width: 85%;
+}
+
+footer > * {
+ margin-top: 0.5rem;
+}
+
+footer div {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 0.5rem;
+}
diff --git a/src/data/.forgit b/src/css/header.css
similarity index 100%
rename from src/data/.forgit
rename to src/css/header.css
diff --git a/src/css/style.css b/src/css/style.css
index 069c9d5..f242654 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -84,11 +84,11 @@ body {
/* .frontEndMentorChallenges {} */
-.frontEndMentorChallenges .newbieChallenges {
+.frontEndMentorChallenges {
margin-left: 1rem;
}
-.newbieChallenges > h3,
+.frontEndMentorChallenges > h3,
.responsiveProjects > h3 {
font-weight: 600;
font-size: 1.3rem;
@@ -98,23 +98,6 @@ body {
/* .completeWebDev2020Projects {} */
/* .vanillaJSProjects {} */
-footer {
- margin-top: 3rem;
- text-align: center;
- font-size: 0.9rem;
- margin-left: auto;
- margin-right: auto;
- width: 85%;
-}
-
-footer * {
- margin-top: 1rem;
-}
-
-footer > a {
- display: block;
-}
-
.alignedHeader {
display: flex;
flex-wrap: wrap;
diff --git a/src/includes/.forgit b/src/includes/.forgit
deleted file mode 100644
index e69de29..0000000
diff --git a/src/index.html b/src/index.html-old
similarity index 98%
rename from src/index.html
rename to src/index.html-old
index ea57bb5..8b54004 100644
--- a/src/index.html
+++ b/src/index.html-old
@@ -8,13 +8,14 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/src/index.md-- b/src/index.md--
deleted file mode 100644
index d593833..0000000
--- a/src/index.md--
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: Hello World
-layout: "base.njk"
----
-
-## In the House!
-
-Hello Jamstack fam!
diff --git a/src/index.njk b/src/index.njk
new file mode 100644
index 0000000..1ace4dc
--- /dev/null
+++ b/src/index.njk
@@ -0,0 +1,160 @@
+---
+title: Practice Projects
+layout: base.njk
+css: ["/css/style.css"]
+cssReset: true
+---
+
+
+
+ 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
+
+
+
+
+
{{webprojects.frontendMentor.serviceName}}
+
+
+
{{webprojects.frontendMentor.description}}
+
+ {% for difficultyLevel in webprojects.frontendMentor.difficulty %}
+ {% if difficultyLevel.challenges | length %}
+
+
{{difficultyLevel.title}} Challenges
+
+
+
+ {% for challenge in difficultyLevel.challenges %}
+
+ {% set projectContent = challenge %}
+ {% include "components/project.njk" %}
+ {% endfor %}
+
+
+
+ {% endif %}
+ {% endfor %}
+
+
+
+
+
Freecodecamp
+
+
+
+
Responsive Web Design Projects
+
+ Note: As of 11 Oct 2020, these require a partial rework
+ to look good on mobile. 1-3 where written much earlier
+ in my learning, so while they fufill all the
+ requirements, they don't look great on mobile.
+
\ No newline at end of file
diff --git a/src/svgs/purple_fedora.svg b/src/svgs/purple_fedora.svg
index d3b772c..fe5cf58 100644
--- a/src/svgs/purple_fedora.svg
+++ b/src/svgs/purple_fedora.svg
@@ -1,6 +1,15 @@
+ 
+ 
+ 
+ 
+ 
- 
- 
+ 
+ 
+ 
-