reverting to last commit

Author: DamianDL

Wireframe/index.html

@@ -10,15 +10,15 @@
     <header>
       <h1>Wireframe Webcode Assignment</h1>
       <p>
-       This is the initial DRAFT version of this page. <!--First line updated to reflect draft status-->
+       A brief summary of the three most important constituents of Github. <!--First line updated for Version 1-->
       </p>
     </header>
     <main>
       <article>
-       
+       <img src="https://alexwlchan.net/images/2021/readmes-for-open-science/slide5_2x.avif" alt="Welcome mat, Headline -What is a ReadMe" />
         <h2>What is the Purpose of a Readme File</h2>
         <p>
-          >A readme file serves as a guide for users and developers, providing
+          A readme file serves as a guide for users and developers, providing
           essential information about a project, including its purpose,
           installation instructions, usage guidelines, and contribution
           protocols. It helps ensure that everyone involved understands how to
@@ -27,6 +27,7 @@ <h2>What is the Purpose of a Readme File</h2>
         <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
       </article>
       <article>
+        <img src="https://cdn.sanity.io/images/599r6htc/regionalized/4c8605ad998d69b03a6eefb850cce5e23a0a96dc-2880x1440.png" alt="Wireframe example. Headline- What is the Purpose of a Wireframe" />
         <h2>What is the Purpose of a Wireframe</h2>
         <p>
           A wireframe is a visual guide that represents the skeletal framework
@@ -36,9 +37,10 @@ <h2>What is the Purpose of a Wireframe</h2>
           the user interface, plan content placement, and ensure that the user
           experience is intuitive and effective.
         </p>
-        <a href="https://www.productplan.com/glossary/wireframe/">Read more about Wireframes</a>
+        <a href="https://www.productplan.com/glossary/wireframe/">Read more</a>
       </article>
       <article>
+        <img src="https://git-scm.com/images/logos/downloads/Git-Logo-2Color.png" alt="Git logo, Headline -What is a branch in Git" />
         <h2>What is a branch in Git</h2>
         <p>
           A branch in Git is a separate line of development that allows
@@ -48,12 +50,13 @@ <h2>What is a branch in Git</h2>
           work independently and later merge their changes back into the main
           branch when ready.
         </p>
-        <a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">Read more about Git branches</a>
+        <a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">Read more</a>
       </article>
     </main>
     <footer>
-      <p>
-        This is the default, provided code and no changes have been made yet.
+      <p>Updated by Damian.Dunkley@BtInternet.com for January 2026 Code Your Future Introduction to
+        Updated by Damian.Dunkley@BtInternet.com for January 2026 Code Your Future Introduction to
+        Programming Course. 
       </p>
     </footer>
   </body>

Wireframe/style.css

@@ -20,7 +20,7 @@ As well as useful links to learn more */
   --paper: oklch(7 0 0);
   --ink: color-mix(in oklab, var(--color) 5%, black);
   --font: 100%/1.5 system-ui;
-  --space: clamp(6px, 6px + 2vw, 15px);
+  --space: clamp(6px, 6px + 2px, 15px);
   --line: 1px solid;
   --container: 1280px;
 }
@@ -54,11 +54,17 @@ https://www.w3.org/WAI/tutorials/page-structure/regions/
 main {
   max-width: var(--container);
   margin: 0 auto calc(var(--space) * 4) auto;
+  padding: var(--space);
+
 }
 footer {
-  position: fixed;
-  bottom: 0;
+ 
   text-align: center;
+  width: 95%;
+  background-color: var(--paper);
+  padding: var(--space);
+  color: var(--ink);
+ 
 }
 /* ====== Articles Grid Layout ====
 Setting the rules for how articles are placed in the main element.