From 562b724c444772f15c1cf811e72cb0971c6d2179 Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 22 Sep 2025 19:13:45 +0000 Subject: [PATCH 1/7] Tshirt HW --- Form-Controls/index.html | 57 +++++++++++++++++++++++++++++++++++----- 1 file changed, 51 insertions(+), 6 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cd..cdb1684f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -4,23 +4,68 @@ My form exercise - +

Product Pick

+
- - + +
+ + +
+ + +
+ + +
+ + +
+ Choose your t-shirt colour: +
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+ + +
+ +
+ From f05891916a7237e2d9d42fd3c7a4126b32ecd3e3 Mon Sep 17 00:00:00 2001 From: Your Name Date: Mon, 22 Sep 2025 19:15:23 +0000 Subject: [PATCH 2/7] tshirt hw From bd03ad40aa08364354b5834e6459d03750cb6f4b Mon Sep 17 00:00:00 2001 From: danisoloo Date: Sun, 28 Sep 2025 14:16:38 +0000 Subject: [PATCH 3/7] replaced h2 home work solution by my own name --- Form-Controls/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index cdb1684f..ac2126d1 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -66,7 +66,7 @@

Product Pick

-

By HOMEWORK SOLUTION

+

By Daniel Solomon

From 1c23ab150e186d5d64cd14f62a5d3385f2ff2c59 Mon Sep 17 00:00:00 2001 From: danisoloo Date: Sun, 28 Sep 2025 15:08:22 +0000 Subject: [PATCH 4/7] improved performance to 100 --- Form-Controls/index.html | 135 +++++++++++++++++++++------------------ 1 file changed, 72 insertions(+), 63 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index ac2126d1..bf605966 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,72 +1,81 @@ - - - - My form exercise - - - - -
-

Product Pick

-
+ + + + Learning Git and Development Tools + + + + + + + +
+

Learning Git and Development Tools

+

Understanding README files, wireframes, and Git branches

+
-
-
- -
- - -
- - -
- - -
+
+
+
+ Scrabble tiles spelling out README on top of papers +

What is the purpose of a README file?

+

A README file introduces and explains a project. It usually contains instructions on how to install, use, and contribute to the project. It helps others quickly understand the purpose and usage of your code.

+ Read More +
- -
- Choose your t-shirt colour: -
- - -
-
- - -
-
- - -
-
+
+
+ Notebook sketch showing a website wireframe layout +

What is the purpose of a wireframe?

+

A wireframe is a visual guide that represents the skeletal framework of a webpage. It helps designers and developers plan the structure and layout before adding colors, images, and content.

+ Read More +
- -
- - -
+
+ 3D abstract image representing Git branching +

What is a branch in Git?

+

A branch in Git is a separate line of development that allows you + to work on new features or bug fixes without affecting the main + codebase. Once changes are ready, branches can be merged back into + the main branch.

+ Read More +
+
+
- -
- -
+ +
+

Order a T-shirt

+ + + + -
+ +
-
- -

By Daniel Solomon

-
- +
+

© 2025 Learning Git and Development Tools | Contact: info@example.com

+
+ From 21fb2788701d8a8d1236fa8f0ea197b4fa765eb7 Mon Sep 17 00:00:00 2001 From: danisoloo Date: Sun, 28 Sep 2025 15:21:38 +0000 Subject: [PATCH 5/7] Update index.html --- Form-Controls/index.html | 153 +++++++++++++++++++++------------------ 1 file changed, 81 insertions(+), 72 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index bf605966..d0acfa74 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,81 +1,90 @@ - - - - Learning Git and Development Tools - - - - - - - -
-

Learning Git and Development Tools

-

Understanding README files, wireframes, and Git branches

-
+ + + + T-shirt Order Form + + + + +
+

Product Pick

+

Please fill in the form below to order your t-shirt.

+
-
-
-
- Scrabble tiles spelling out README on top of papers -

What is the purpose of a README file?

-

A README file introduces and explains a project. It usually contains instructions on how to install, use, and contribute to the project. It helps others quickly understand the purpose and usage of your code.

- Read More -
+
+
+

T-shirt Order Form

-
-
- Notebook sketch showing a website wireframe layout -

What is the purpose of a wireframe?

-

A wireframe is a visual guide that represents the skeletal framework of a webpage. It helps designers and developers plan the structure and layout before adding colors, images, and content.

- Read More -
+ +
+ + +
-
- 3D abstract image representing Git branching -

What is a branch in Git?

-

A branch in Git is a separate line of development that allows you - to work on new features or bug fixes without affecting the main - codebase. Once changes are ready, branches can be merged back into - the main branch.

- Read More -
-
-
+ +
+ + +
- -
-

Order a T-shirt

- - - - + +
+ Choose your t-shirt colour: +
+ + +
+
+ + +
+
+ + +
+
+ + +
+ Choose your t-shirt size: + + +
+ + +
+ +
-
-
+ -
-

© 2025 Learning Git and Development Tools | Contact: info@example.com

-
- +
+

By HOMEWORK SOLUTION

+
+ From 1e71eeaf9a324f7ccf7864c5eebcd8b16a5e743d Mon Sep 17 00:00:00 2001 From: danisoloo Date: Sun, 28 Sep 2025 15:26:06 +0000 Subject: [PATCH 6/7] Update by daniel --- Form-Controls/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index d0acfa74..fd782b47 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -84,7 +84,7 @@

T-shirt Order Form

-

By HOMEWORK SOLUTION

+

By Daniel Solomon

From 23190bc3ff9fc0ef92d677be45d3e66a52a9ccf4 Mon Sep 17 00:00:00 2001 From: danisoloo Date: Sun, 28 Sep 2025 19:32:44 +0000 Subject: [PATCH 7/7] Update index.html --- Form-Controls/index.html | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index fd782b47..9e3b47e2 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -27,6 +27,9 @@

T-shirt Order Form

minlength="2" autocomplete="name" required + pattern="^(?!\s*$).+" + title="Name must be at least 2 characters and not just spaces." + style="min-height:48px; min-width:200px;" /> @@ -39,6 +42,7 @@

T-shirt Order Form

name="email" autocomplete="email" required + style="min-height:48px; min-width:200px;" /> @@ -46,15 +50,15 @@

T-shirt Order Form

Choose your t-shirt colour:
- +
- +
- +
@@ -63,7 +67,7 @@

T-shirt Order Form

Choose your t-shirt size: - @@ -76,7 +80,7 @@

T-shirt Order Form

-