From 5d0dc7980fa54715dff588da7d8ba750da453d53 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 20:53:30 +0100 Subject: [PATCH 01/19] add form width --- iron-comments/styles/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..1b8ef55 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -8,4 +8,5 @@ body { #form-container { margin: auto; -} + width: 250px; +} \ No newline at end of file From ce8bbd7000850845965e3dc5423fc9de95456e1d Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 20:54:01 +0100 Subject: [PATCH 02/19] add colors to body --- iron-comments/styles/style.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1b8ef55..6261544 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -2,11 +2,19 @@ body { padding: 0; margin: 0; padding-top: 100px; - width: 100vw; + width: 100vw; + background-color: rgb(25, 33, 41); + color: rgb(255,255,255); } #form-container { margin: auto; width: 250px; +} + +/* Colors +dark-blue rgb(25, 33, 41); +light-blue rgb(67, 163, 230); +text rgb(255,255,255); } \ No newline at end of file From 0c8cb9bb3962249e8439bdd868edf39b10762a80 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 21:05:33 +0100 Subject: [PATCH 03/19] add name input field --- iron-comments/index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..a807a48 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -12,7 +12,8 @@
- Name: Email: Comment: Receive email updates? Submit +
+
From 63c46662ffcd5d9f68140b5146187360b2b46cea Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 21:08:11 +0100 Subject: [PATCH 04/19] add border style --- iron-comments/styles/style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 6261544..1f93bdb 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -11,6 +11,9 @@ body { #form-container { margin: auto; width: 250px; + border-color: rgb(67, 163, 230); + border-style: solid; + border-width: 2px; } /* Colors From f66f717163c6f558b5099c3dfea0da1196d15516 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 21:08:59 +0100 Subject: [PATCH 05/19] add padding --- iron-comments/styles/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1f93bdb..de32c07 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -14,6 +14,7 @@ body { border-color: rgb(67, 163, 230); border-style: solid; border-width: 2px; + padding: 20px 20px; } /* Colors From c770ba965b0097aef64a54c73bb23db9a513ea41 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 21:17:35 +0100 Subject: [PATCH 06/19] add remaining form elements --- iron-comments/index.html | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index a807a48..0c871dd 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -13,7 +13,14 @@

- +
+
+
+
+
+ +
+
From eddbcadf769f593a53dd15673592e584ed84c92a Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 21:18:14 +0100 Subject: [PATCH 07/19] assign correct input type to email --- iron-comments/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 0c871dd..996ca96 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -15,7 +15,7 @@


-
+


From 0b84c6e06274668c0e06a488afa326a551918643 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 22:05:39 +0100 Subject: [PATCH 08/19] add initial button styling --- iron-comments/index.html | 2 +- iron-comments/styles/style.css | 9 ++++++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 996ca96..f3562d9 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -20,7 +20,7 @@

- + diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index de32c07..d5fc94c 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -21,4 +21,11 @@ body { dark-blue rgb(25, 33, 41); light-blue rgb(67, 163, 230); text rgb(255,255,255); -} \ No newline at end of file +} */ + +#button { + color: rgb(255,255,255); + background-color: rgb(67, 163, 230); + border: none; + border-radius: 6px; +} From 13835ff0bb9f029345241f26b056f276f30f1a29 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 22:09:51 +0100 Subject: [PATCH 09/19] remove colors --- iron-comments/styles/style.css | 6 ------ 1 file changed, 6 deletions(-) diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index d5fc94c..253209c 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -17,12 +17,6 @@ body { padding: 20px 20px; } -/* Colors -dark-blue rgb(25, 33, 41); -light-blue rgb(67, 163, 230); -text rgb(255,255,255); -} */ - #button { color: rgb(255,255,255); background-color: rgb(67, 163, 230); From 6e2cc800b1e45302994005ccb62a320ade69cb13 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 22:22:17 +0100 Subject: [PATCH 10/19] enclose input within label element --- iron-comments/index.html | 43 +++++++++++++++++++++++----------------- 1 file changed, 25 insertions(+), 18 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index f3562d9..2763ec0 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -1,27 +1,34 @@ + - - - - - Iron Comments - - + + + + + Iron Comments + + + -
-
-
-
-
-
-
- -
- -
+
+
+
+
+
+ +
+ \ No newline at end of file From 2e76224da3da1564b647428a193ac06c6fe9cdf2 Mon Sep 17 00:00:00 2001 From: Stefano Romanelli Date: Tue, 16 Jan 2024 22:26:46 +0100 Subject: [PATCH 11/19] try text input class --- iron-comments/index.html | 2 +- iron-comments/styles/style.css | 6 +++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 2763ec0..a5494f3 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -15,7 +15,7 @@