From 18363413ee72205d174e4e9b1cb1253713f1761b Mon Sep 17 00:00:00 2001 From: Amrillo Date: Mon, 13 Oct 2025 15:35:15 +0500 Subject: [PATCH 01/30] fix(basic-1.1, 2.1 and 3.7):adjust identation for html and css and add semicolon after properties in css --- index.html | 67 +++++++++++++++++------ style.css | 158 ++++++++++++++++++++++++++--------------------------- 2 files changed, 126 insertions(+), 99 deletions(-) diff --git a/index.html b/index.html index ef4aa1f60c..891df737ce 100644 --- a/index.html +++ b/index.html @@ -1,19 +1,52 @@ -Todo App - - - - -
Want more details?
-

-

Todo

-

Completed

-
- - + + Todo App + + + + +
+ + Want more details? +
+
+

+ +

+ + +
+

+

Todo

+ +

Completed

+ +
+ + \ No newline at end of file diff --git a/style.css b/style.css index ab36227705..a663b77397 100644 --- a/style.css +++ b/style.css @@ -1,148 +1,142 @@ /* Basic Style */ body { - background-color: #f8f8f8; - color: #333; - font-family: Lato, sans-serif; + background-color: #f8f8f8; + color: #333; + font-family: Lato, sans-serif; } .aaa { - width: 500px; - margin: 0 auto; - display: block; - text-align: right; + width: 500px; + margin: 0 auto; + display: block; + text-align: right; } .aaa img { - width: 100%; + width: 100%; } .aaa .more_inf { - font-family: fantasy, cursive; + font-family: fantasy, cursive; } @media (max-width:768px) { -.aaa { text-align: center; -} + .aaa { + text-align: center; + } } .centered-main-page-element { - display: block; - width: 500px; - margin: 0 auto 0; + display: block; + width: 500px; + margin: 0 auto 0; } .task { - width: 56%; - display: inline-block; - flex-grow: 1 + width: 56%; + display: inline-block; + flex-grow: 1 } .task-row-wrapper { - display: flex; + display: flex; } ul { - margin:0; - padding: 0px; + margin:0; + padding: 0px; } li, h3 { - list-style:none; + list-style:none; } input,button{ - outline:none; + outline:none; } button { - background: none; - border: 0px; - color: #888; - font-size: 15px; - width: 60px; - font-family: Lato, sans-serif; - cursor: pointer; + background: none; + border: 0px; + color: #888; + font-size: 15px; + width: 60px; + font-family: Lato, sans-serif; + cursor: pointer; } button:hover { - color: #3a3A3a; + color: #3a3A3a; } /* Heading */ h3, label[for='new-task'] { - color: #333; - font-weight: 700; - font-size: 15px; - border-bottom: 2px solid #333; - padding: 30px 0 10px; - margin: 0; - text-transform: uppercase; + color: #333; + font-weight: 700; + font-size: 15px; + border-bottom: 2px solid #333; + padding: 30px 0 10px; + margin: 0; + text-transform: uppercase; } input[type="text"] { - margin: 0; - font-size: 18px; - line-height: 18px; - height: 21px; - padding: 0 9px; - border: 1px solid #dDd; - background: #FFF; - border-radius: 6px; - font-family: Lato, sans-serif; - color: #888; + margin: 0; + font-size: 18px; + line-height: 18px; + height: 21px; + padding: 0 9px; + border: 1px solid #dDd; + background: #FFF; + border-radius: 6px; + font-family: Lato, sans-serif; + color: #888; } input[type="text"]:focus { - color: #333; + color: #333; } - /* New Task */ label[for='new-task'] { - display: block; - margin: 0 0 20px; + display: block; + margin: 0 0 20px; } input#new-task { - width: 318px; + width: 318px; } - /* Task list */ li { - overflow: hidden; - padding: 20px 0; - border-bottom: 1px solid #eee; - - display: flex; - justify-content: space-between; - align-items: center; + overflow: hidden; + padding: 20px 0; + border-bottom: 1px solid #eee; + display: flex; + justify-content: space-between; + align-items: center; } li > * { - vertical-align: middle; + vertical-align: middle; } - li > input[type="checkbox"] { - margin: 0 10px; + margin: 0 10px; } li > label { - padding-left: 10px; - box-sizing: border-box; - font-size: 18px; - width: 226px; + padding-left: 10px; + box-sizing: border-box; + font-size: 18px; + width: 226px; } -li > input[type="text"] { - width: 226px +li > input[type="text"] { + width: 226px } button.delete img { - height: 2em; - transform: rotateZ(45deg); - transition: transform 200ms ease-in; + height: 2em; + transform: rotateZ(45deg); + transition: transform 200ms ease-in; } button.delete img:hover { - transform: rotateZ(0); + transform: rotateZ(0); } - /* Completed */ ul#completed-tasks label { - text-decoration: line-through - color: #888; + text-decoration: line-through; + color: #888; } - /* Edit Task */ ul li input[type=text] { - display:none + display:none } ul li.editMode input[type=text] { - display:inline-block; - width:224px + display:inline-block; + width:224px } - ul li.editMode label { - display:none; + display:none; } \ No newline at end of file From e8ea638472f7f32a481a1ea6c6d8e1e7b5755bbb Mon Sep 17 00:00:00 2001 From: Amrillo Date: Mon, 13 Oct 2025 15:39:27 +0500 Subject: [PATCH 02/30] fix(basic-1.3): add double quotes instead of single quotes for HTML attributes and CSS properties --- index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 891df737ce..7be822bd08 100644 --- a/index.html +++ b/index.html @@ -1,26 +1,26 @@ Todo App - +
- Want more details? + Want more details?
-

+

- +

Todo

  • - + From fb2fa44a73c12defb13254c4ef5fc1617d3717b2 Mon Sep 17 00:00:00 2001 From: Amrillo Date: Mon, 13 Oct 2025 15:45:02 +0500 Subject: [PATCH 03/30] fix(basic-1.2): change HTML-tags, attributes and their values, CSS selectors, CSS properties and their values to lowercase --- index.html | 8 ++++---- style.css | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 7be822bd08..c4ad670c5f 100644 --- a/index.html +++ b/index.html @@ -1,9 +1,9 @@ - + Todo App - - + +
    @@ -47,6 +47,6 @@

    Completed

- + \ No newline at end of file diff --git a/style.css b/style.css index a663b77397..693fe89038 100644 --- a/style.css +++ b/style.css @@ -74,8 +74,8 @@ input[type="text"] { line-height: 18px; height: 21px; padding: 0 9px; - border: 1px solid #dDd; - background: #FFF; + border: 1px solid #ddd; + background: #fff; border-radius: 6px; font-family: Lato, sans-serif; color: #888; From d2d574bea88cf99241ddf668de5bef261b7217db Mon Sep 17 00:00:00 2001 From: Amrillo Date: Mon, 13 Oct 2025 15:51:13 +0500 Subject: [PATCH 04/30] fix(basic-2.2):add tag DOCTYPE html --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index c4ad670c5f..63df558c78 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,4 @@ + Todo App From 1f43284a258b480434b3f31cf91e02d30c4f7e50 Mon Sep 17 00:00:00 2001 From: Amrillo Date: Mon, 13 Oct 2025 16:01:14 +0500 Subject: [PATCH 05/30] fix(basic-2.4): remove 'type' attribute --- index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 63df558c78..3e5455389d 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,8 @@ Todo App - - + +
@@ -48,6 +48,6 @@

Completed

- + \ No newline at end of file From e16514dab53230fc09bf2e0bdfc4d6946b628128 Mon Sep 17 00:00:00 2001 From: Amrillo Date: Mon, 13 Oct 2025 16:04:21 +0500 Subject: [PATCH 06/30] fix(basic-1.3):add double quotes instead of single quotes for HTML attributes and CSS properties --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 3e5455389d..7e94122d7d 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@

Todo

-