From d845fd42fd10437a3e19d0398653d83afb8dc662 Mon Sep 17 00:00:00 2001 From: Gideon Defar Date: Thu, 12 Jun 2025 15:06:03 +0100 Subject: [PATCH 1/6] create form --- Form-Controls/index.html | 54 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 53 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cd..ed417f7a 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -4,16 +4,68 @@ My form exercise - +

Product Pick

+
+ + + +

+ + + + +

+ + +
+ Choose your T-shirt colour: + +
+ + +
+ + + +
+
+ + + + +

+ + From b9cc5f93dcf8f96827336c120ffbe7ec69ae8af8 Mon Sep 17 00:00:00 2001 From: Gideon Defar Date: Fri, 13 Jun 2025 14:35:57 +0100 Subject: [PATCH 2/6] a strict validation rule --- Form-Controls/index.html | 21 ++++++++++++--------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index ed417f7a..bdc1f6dc 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -16,15 +16,18 @@

Product Pick

- - + + + +

From 6b3b80280db48e9e0ac437c1eae1967a32949d17 Mon Sep 17 00:00:00 2001 From: Gideon Defar Date: Fri, 13 Jun 2025 15:32:40 +0100 Subject: [PATCH 3/6] lighthouse --- Form-Controls/index.html | 139 +++++++++++++++++++-------------------- Wireframe/index.html | 79 ++++++++++++++-------- Wireframe/style.css | 3 +- 3 files changed, 120 insertions(+), 101 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index bdc1f6dc..02d1ebce 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,82 +1,75 @@ - - - - My form exercise - - - - -
-

Product Pick

-
-
- - - - - - + + + + My form exercise + + + -

+ +
+

Product Pick

+
+
+ + +

+ + +

- - - -

+ +

+ + +

- -
- Choose your T-shirt colour: - -
+ +
+ Choose T-Shirt Colour: +

+ + +

+

+ + +

+

+ + +

+
- -
- - - -
-
- - - - + + + + + + + -

+

+ + +

+ +

+ +
+
+

By Gideon Defar

+
+ - - - -
-
- -

By HOMEWORK SOLUTION

-
- - + \ No newline at end of file diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e53..7982ed6e 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,58 @@ - - - - Wireframe - - - -
-

Wireframe

+ + + + + Wireframe + + + + +
+

Wireframe

+

+ A wireframe is a basic visual guide used in design, especially in web + and app development, to represent the structure and layout of a page or + interface before the final design is created. +

+
+ +
+
+ Placeholder image +

Purpose of a README File

- This is the default, provided code and no changes have been made yet. + A README file serves as the main introduction and documentation for a project, + typically found in the root directory of software repositories (like those on GitHub). + Read more

-
-
-
- -

Title

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
-
+ + +
+ Placeholder image +

Purpose of a Wireframe

- This is the default, provided code and no changes have been made yet. + The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, + app, or digital interface before any actual design or coding begins. + Read more

-
- - + + +
+ Placeholder image +

A Branch in Git

+

+ A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you + to work on different versions of a project without affecting the main codebase. + Read more +

+
+
+ + + + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c..4523d397 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -86,4 +86,5 @@ article { > img { grid-column: span 3; } -} +} + From 956c48d9f5abe20eab29a28b5072e78c5729e407 Mon Sep 17 00:00:00 2001 From: Gideon Defar Date: Fri, 13 Jun 2025 15:39:47 +0100 Subject: [PATCH 4/6] pattern --- Form-Controls/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 02d1ebce..57567bc7 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -16,10 +16,10 @@

Product Pick

-

+

+ pattern=".*\S.*" placeholder="Enter your full name">

From dbce8f792f2511b056f2684994bbfd3761cbf55b Mon Sep 17 00:00:00 2001 From: Gideon Defar Date: Fri, 13 Jun 2025 17:07:11 +0100 Subject: [PATCH 5/6] footer text align to center --- Wireframe/index.html | 68 +++++++++++++++++++++++++------------------- 1 file changed, 39 insertions(+), 29 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 7982ed6e..642278bc 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -2,57 +2,67 @@ - - - Wireframe - + + + + All about Wireframes, READMEs and Git Branches + +
-

Wireframe

-

- A wireframe is a basic visual guide used in design, especially in web - and app development, to represent the structure and layout of a page or - interface before the final design is created. +

+ All about Wireframes, READMEs and Git Branches +

+

+ This page explores wireframes in web design, the significance of README + files in software projects and the role of branches in Git version + control.

-
- Placeholder image -

Purpose of a README File

+ +

Wireframe

- A README file serves as the main introduction and documentation for a project, - typically found in the root directory of software repositories (like those on GitHub). - Read more + Wireframe provides a foundational structural template for web pages. + It serves as a communication tool for stakeholders, web designers and + developers, providing a simple structural view of the rendered web + page.

+ Read + more
-
- Placeholder image -

Purpose of a Wireframe

+ +

README Files

- The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, - app, or digital interface before any actual design or coding begins. - Read more + README files offer essential explanatory information about a codebase + within a repository, including usage instructions and details about + its features.

+ Read more
-
- Placeholder image -

A Branch in Git

+ +

Git branches

- A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you - to work on different versions of a project without affecting the main codebase. - Read more + Git branches are a fundamental feature that enables users to develop + features and make commits independently of the main branch. This + facilitates parallel development by multiple teams without causing + conflicts directly.

+ Read more
- + \ No newline at end of file From a5112939111e08e87f36be12578f7f0fbaecf7f7 Mon Sep 17 00:00:00 2001 From: Gideon Defar Date: Sat, 14 Jun 2025 12:11:30 +0100 Subject: [PATCH 6/6] rebase --- Wireframe/index.html | 87 +++++++++++++------------------------------- 1 file changed, 26 insertions(+), 61 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 642278bc..c6c59b8e 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,68 +1,33 @@ - - - - - - All about Wireframes, READMEs and Git Branches - - - - - -
-

- All about Wireframes, READMEs and Git Branches -

-

- This page explores wireframes in web design, the significance of README - files in software projects and the role of branches in Git version - control. -

-
-
-
- -

Wireframe

+ + + + Wireframe + + + +
+

Wireframe

- Wireframe provides a foundational structural template for web pages. - It serves as a communication tool for stakeholders, web designers and - developers, providing a simple structural view of the rendered web - page. + This is the default, provided code and no changes have been made yet.

- Read - more -
-
- -

README Files

+ +
+
+ +

Title

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, + voluptates. Quisquam, voluptates. +

+ Read more +
+
+

- README files offer essential explanatory information about a codebase - within a repository, including usage instructions and details about - its features. + This is the default, provided code and no changes have been made yet.

- Read more -
-
- -

Git branches

-

- Git branches are a fundamental feature that enables users to develop - features and make commits independently of the main branch. This - facilitates parallel development by multiple teams without causing - conflicts directly. -

- Read more -
-
- - - + + \ No newline at end of file