From f86c188f28ddfb643265616537a710c24f1b5d5f Mon Sep 17 00:00:00 2001 From: Elena Piaggio Date: Thu, 6 Feb 2025 19:07:31 +0100 Subject: [PATCH 1/3] ADD form --- iron-comments/index.html | 29 +++++++++++++++++++---- iron-comments/styles/style.css | 43 +++++++++++++++++++++++++++++++++- 2 files changed, 67 insertions(+), 5 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..17c9ff0 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -1,19 +1,40 @@ + - + Iron Comments - + + +
+

Iron Comments Lab

+
+ +
+ + - - Name: Email: Comment: Receive email updates? Submit + + + + + + + + + +
+ \ No newline at end of file diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..2fdba3a 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -1,11 +1,52 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700'); + body { padding: 0; margin: 0; padding-top: 100px; - width: 100vw; + width: 100vw; + + font-family: 'Roboto Condensed', sans-serif; + font-size: 1em; + line-height: 3.5em; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } +h1 { + font-family: 'Roboto Condensed', sans-serif; + } + +:root { + --color-blue: rgb(67, 163, 230); + --color-dark-blue: rgb(25, 33, 41); + --color-text: rgb(0, 0, 0); + --color-blank: #f5f5f5; + } + #form-container { + padding: 20px; margin: auto; + display: flex; + flex-direction: column; + width: 35%; + background-color: var(--color-dark-blue); + color: var(--color-blank); } + +button{ + background-color: var(--color-blue); + color: var(--color-blank); + border-radius: 10px; + width: 30%; + padding: 5px 5px; + border: none; + align-self: flex-start; +} + +.updates{ + +} \ No newline at end of file From 844e438ad4dd2f96cae07901003305e791cc68cb Mon Sep 17 00:00:00 2001 From: Elena Piaggio Date: Thu, 6 Feb 2025 19:11:58 +0100 Subject: [PATCH 2/3] Change width form --- iron-comments/styles/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 2fdba3a..b3bd1c6 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -32,7 +32,7 @@ h1 { margin: auto; display: flex; flex-direction: column; - width: 35%; + width: 250px; background-color: var(--color-dark-blue); color: var(--color-blank); } From 82f2cffba1bd6053dfd80b2ff75569de57d8898f Mon Sep 17 00:00:00 2001 From: Elena Piaggio Date: Thu, 6 Feb 2025 20:55:12 +0100 Subject: [PATCH 3/3] UPDATE input email type --- iron-comments/index.html | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 17c9ff0..9bb348a 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -21,7 +21,7 @@

Iron Comments Lab

- + @@ -31,7 +31,6 @@

Iron Comments Lab

-