😀

Date: Sun, 18 Oct 2020 12:27:38 +0530 Subject: [PATCH 02/15] add name card to html --- pages/buttons.html | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/pages/buttons.html b/pages/buttons.html index bd5be0b..9ab0bd2 100644 --- a/pages/buttons.html +++ b/pages/buttons.html @@ -171,6 +171,39 @@

+ +
+
+
+
+
+ Button +
+
+ +
+
+
+
+
+
+
+
+ Creator +
+
+
+
+ Name: + James Kaviyil Jose + +
+
+
+
+
+
+

From 7003d435d863e02fd87b0923006a2d950d4c117d Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Sun, 18 Oct 2020 12:33:12 +0530 Subject: [PATCH 03/15] add css to component --- css/buttons.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/buttons.css b/css/buttons.css index d8eb323..693c8a3 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -122,3 +122,8 @@ left: 4%; background-color: rgb(19, 20, 22); } + +/* James K Jose / +.jkj { + background-color: #f79533; +} \ No newline at end of file From 998eb24333d0ea178a9eabf51a8faa3a33ac2e9b Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Sun, 18 Oct 2020 13:06:02 +0530 Subject: [PATCH 04/15] add pagination in html --- pages/pagination.html | 45 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/pages/pagination.html b/pages/pagination.html index ec92574..ed44f8a 100644 --- a/pages/pagination.html +++ b/pages/pagination.html @@ -147,6 +147,51 @@
+
+
+
+
+
+ Pagination +
+
+ +
+ « + 1 + 2 + 3 + 4 + 5 + 6 + » +
+ +
+
+
+
+
+
+
+
+ Creator +
+
+
+
+ Name: + + James Kaviyil Jose + +
+
+
+
+
+
+
+ From c1d464b21d5e833c67d65486964aa0915fd06745 Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Sun, 18 Oct 2020 13:07:48 +0530 Subject: [PATCH 05/15] add css to pagination --- css/pagination.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/css/pagination.css b/css/pagination.css index e69de29..e96c60b 100644 --- a/css/pagination.css +++ b/css/pagination.css @@ -0,0 +1,22 @@ +/ James K Jose / +.pagination-jkj { + display: inline-block; + } + + .pagination-jkj a { + color: black; + float: left; + padding: 8px 16px; + text-decoration: none; + } + + .pagination-jkj a.active { + background-color: #4CAF50; + color: white; + border-radius: 5px; + } + + .pagination-jkj a:hover:not(.active) { + background-color: #ddd; + border-radius: 5px; + } \ No newline at end of file From f0bba38da7e5af4c107eda134876a4d388edb6eb Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Sun, 18 Oct 2020 13:17:41 +0530 Subject: [PATCH 06/15] add accordion component --- pages/accordion.html | 50 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/pages/accordion.html b/pages/accordion.html index 3bb6fc5..5bbed7b 100644 --- a/pages/accordion.html +++ b/pages/accordion.html @@ -47,6 +47,56 @@
Add your different Accordion

+ + +
+
+
+
+
+ Accordion +
+
+ + +
+
Lorem ipsum...
+
+ + +
+
Lorem ipsum...
+
+ + +
+
Lorem ipsum...
+
+ +
+
+
+
+
+
+
+
+ Creator +
+
+
+
+ Name: + + James Kaviyil Jose + +
+
+
+
+
+
+

From 218d616d642d543a0482c188c07f1e58e74626ae Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Sun, 18 Oct 2020 13:21:15 +0530 Subject: [PATCH 07/15] add css to accordion --- css/accordion.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/css/accordion.css b/css/accordion.css index e69de29..b535f5d 100644 --- a/css/accordion.css +++ b/css/accordion.css @@ -0,0 +1,21 @@ +/ James K Jose / +.accordion-jkj { + background-color: #eee; + color: #444; + cursor: pointer; + padding: 18px; + width: 100%; + text-align: left; + border: none; + outline: none; + transition: 0.4s; + } +.active, .accordion-jkj:hover { + background-color: #ccc; + } +.panel { + padding: 0 18px; + background-color: white; + display: none; + overflow: hidden; + } \ No newline at end of file From 6b622bd33d8eec7d818f06aa56809b0d0fa5c3b7 Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Sun, 18 Oct 2020 13:28:22 +0530 Subject: [PATCH 08/15] add js to accordion --- css/accordion.css | 3 ++- js/accordion.js | 14 ++++++++++++++ pages/accordion.html | 9 +++++---- 3 files changed, 21 insertions(+), 5 deletions(-) create mode 100644 js/accordion.js diff --git a/css/accordion.css b/css/accordion.css index b535f5d..67bf4de 100644 --- a/css/accordion.css +++ b/css/accordion.css @@ -16,6 +16,7 @@ .panel { padding: 0 18px; background-color: white; - display: none; + max-height: 0; overflow: hidden; + transition: max-height 0.2s ease-out; } \ No newline at end of file diff --git a/js/accordion.js b/js/accordion.js new file mode 100644 index 0000000..2723f51 --- /dev/null +++ b/js/accordion.js @@ -0,0 +1,14 @@ +var acc = document.getElementsByClassName("accordion-jkj"); +var i; + +for (i = 0; i < acc.length; i++) { + acc[i].addEventListener("click", function() { + this.classList.toggle("active"); + var panel = this.nextElementSibling; + if (panel.style.maxHeight) { + panel.style.maxHeight = null; + } else { + panel.style.maxHeight = panel.scrollHeight + "px"; + } + }); +} \ No newline at end of file diff --git a/pages/accordion.html b/pages/accordion.html index 5bbed7b..0ddb3fe 100644 --- a/pages/accordion.html +++ b/pages/accordion.html @@ -22,7 +22,7 @@ - + @@ -60,17 +60,17 @@
Add your different Accordion

-
Lorem ipsum...
+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores voluptates doloribus asperiores repellat quaerat illum ad enim minima eaque est!

-
Lorem ipsum...
+
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate fugit voluptatibus accusamus non inventore laborum aliquam sint! Maxime, saepe repellendus!

-
Lorem ipsum...
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus nulla laborum suscipit iusto obcaecati ipsam soluta, in sit iste temporibus?

@@ -103,5 +103,6 @@

made with 💛 by,
CS CHAPTER AJCESB

+ From f086ffefacc13a72f15fd1f0f909719c5e21d051 Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Mon, 19 Oct 2020 19:18:40 +0530 Subject: [PATCH 09/15] minor fixes and add form --- pages/forms.html | 54 +++++++++++++++++++++++++++++++++++++++++++ pages/pagination.html | 4 ++-- 2 files changed, 56 insertions(+), 2 deletions(-) diff --git a/pages/forms.html b/pages/forms.html index 664c796..acebc8a 100644 --- a/pages/forms.html +++ b/pages/forms.html @@ -90,6 +90,60 @@
+ + + +
+
+
+
+
+ Pagination +
+
+ +
+
+ Username + + + Password + + + Forgot Password? + Register + + + +
+
+ +
+
+
+
+
+
+
+
+ Creator +
+
+
+
+ Name: + + James Kaviyil Jose + +
+
+
+
+
+
+
+ +
diff --git a/pages/pagination.html b/pages/pagination.html index ed44f8a..95ead23 100644 --- a/pages/pagination.html +++ b/pages/pagination.html @@ -151,7 +151,7 @@

-
+
Pagination

@@ -174,7 +174,7 @@

-
+
Creator

From 3e3cf74f7710f91ac96eef4964644aab1ffe4c2b Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Mon, 19 Oct 2020 19:27:45 +0530 Subject: [PATCH 10/15] add styling to form --- css/forms.css | 90 ++++++++++++++++++++++++++++++++++++++++++++++++ pages/forms.html | 4 +-- 2 files changed, 92 insertions(+), 2 deletions(-) diff --git a/css/forms.css b/css/forms.css index 9a6c8c7..7691920 100644 --- a/css/forms.css +++ b/css/forms.css @@ -152,3 +152,93 @@ bottom: 100%; } } + +/James K Jose / +.form-jkj form { + margin:10% auto 0 auto; + padding:30px; + width:400px; + height:auto; + overflow:hidden; + background:white; + border-radius:10px; +} + +.form-jkj label { + font-size:14px; + color:darkgray; + cursor:pointer; +} + +.form-jkj label, +.form-jkj form input { + float:left; + clear:both; +} + +.form-jkj input { + margin:15px 0; + padding:15px 10px; + width:100%; + outline:none; + border:1px solid #bbb; + border-radius:20px; + display:inline-block; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + box-sizing:border-box; + -webkit-transition:0.2s ease all; + -moz-transition:0.2s ease all; + -ms-transition:0.2s ease all; + -o-transition:0.2s ease all; + transition:0.2s ease all; +} + +.form-jkj input[type=text]:focus, +.form-jkj input[type="password"]:focus { + border-color:cornflowerblue; +} + +.form-jkj input[type=submit] { + padding:15px 50px; + width:auto; + background:#1abc9c; + border:none; + color:white; + cursor:pointer; + display:inline-block; + float:right; + clear:right; + -webkit-transition:0.2s ease all; + -moz-transition:0.2s ease all; + -ms-transition:0.2s ease all; + -o-transition:0.2s ease all; + transition:0.2s ease all; +} + +.form-jkj input[type=submit]:hover { + opacity:0.8; +} + +.form-jkj input[type="submit"]:active { + opacity:0.4; +} + +.forgot, +.register { + margin:10px; + float:left; + clear:left; + display:inline-block; + color:cornflowerblue; + text-decoration:none; +} + +.forgot:hover, +.register:hover { + color:darkgray; +} + +.jkj { + background-color: #f79533; +} \ No newline at end of file diff --git a/pages/forms.html b/pages/forms.html index acebc8a..c2a0480 100644 --- a/pages/forms.html +++ b/pages/forms.html @@ -98,12 +98,12 @@

- Pagination + Form

-
+ Username From 03ad3bd9e40f3532e1f4aa11c10046a2bbfed3be Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Mon, 19 Oct 2020 19:29:49 +0530 Subject: [PATCH 11/15] minor fixes --- css/accordion.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/accordion.css b/css/accordion.css index 67bf4de..289e4fd 100644 --- a/css/accordion.css +++ b/css/accordion.css @@ -19,4 +19,8 @@ max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; + } + + .jkj{ + background-color: #f79533; } \ No newline at end of file From fcfe5db104b1202827350a107745e03ed406fbc3 Mon Sep 17 00:00:00 2001 From: jamesjose03 Date: Mon, 19 Oct 2020 19:31:04 +0530 Subject: [PATCH 12/15] minor fix --- css/pagination.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/pagination.css b/css/pagination.css index e96c60b..a75a959 100644 --- a/css/pagination.css +++ b/css/pagination.css @@ -19,4 +19,8 @@ .pagination-jkj a:hover:not(.active) { background-color: #ddd; border-radius: 5px; + } + + .jkj { + background-color: #f79533; } \ No newline at end of file From 7e73b094433477b78e3e934e054d658d7a26fc04 Mon Sep 17 00:00:00 2001 From: Saksham Mahajan Date: Tue, 20 Oct 2020 22:08:29 +0530 Subject: [PATCH 13/15] Button Added --- css/buttons.css | 4 ++++ pages/buttons.html | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 39 insertions(+) diff --git a/css/buttons.css b/css/buttons.css index 693c8a3..505f4ae 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -126,4 +126,8 @@ / James K Jose / .jkj { background-color: #f79533; +} +/ Saksham Mahajan / +.Saksham { + background-color: #f69696; } \ No newline at end of file diff --git a/pages/buttons.html b/pages/buttons.html index 9ab0bd2..4dff956 100644 --- a/pages/buttons.html +++ b/pages/buttons.html @@ -203,7 +203,42 @@

+ +
+ +
+
+
+
+
+ Button +
+
+ +
+
+
+
+
+
+
+
+ Creator +
+
+
+
+ Name: + Saksham Mahajan + +
+
+
+
+
+

+

From e26e771feda66eb75e6b610e87cbfa6bb2fac22a Mon Sep 17 00:00:00 2001 From: irwanphan Date: Sun, 25 Oct 2020 17:00:07 +0700 Subject: [PATCH 14/15] try gaming style button --- css/buttons.css | 34 ++++++++++++++++++++++++++++++++++ css/cardcolor.css | 25 +++++++++++++++++++++++++ pages/buttons.html | 34 ++++++++++++++++++++++++++++++++++ 3 files changed, 93 insertions(+) diff --git a/css/buttons.css b/css/buttons.css index 505f4ae..1ad3324 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -130,4 +130,38 @@ / Saksham Mahajan / .Saksham { background-color: #f69696; +} + +/ irwanphan */ +#irwanphan-btn { + width: 150px; + height: 54px; + cursor: pointer; + line-height: 12px; + position: relative; + border-radius: 16px; + transition: .3s ease all; + background-color: #000f0b; + border: 2px solid #000f0b; +} +#irwanphan-btn::before { + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + display: block; + font-weight: 600; + line-height: 54px; + color: aliceblue; + text-align: center; + position: absolute; + transition: .3s ease all; + content: "it's a button :)"; +} +#irwanphan-btn:hover { + border: 2px solid #13d522; +} +#irwanphan-btn:hover::before { + color: #13d522; } \ No newline at end of file diff --git a/css/cardcolor.css b/css/cardcolor.css index 3e0f393..d0132ac 100644 --- a/css/cardcolor.css +++ b/css/cardcolor.css @@ -25,3 +25,28 @@ .roncy { background-color: #a287f4; } + +.irwanphan { + background: linear-gradient(270deg, #13d522, #000f0b); + background-size: 400% 400%; + -webkit-animation: sway 30s ease infinite; + -moz-animation: sway 30s ease infinite; + animation: sway 30s ease infinite; +} +@-webkit-keyframes sway { + 0% {background-position: 0% 50%;} + 50% {background-position: 100% 50%;} + 100% {background-position: 0% 50%;} +} +@-moz-keyframes sway { + 0% {background-position: 0% 50%;} + 50% {background-position: 100% 50%;} + 100% {background-position: 0% 50%;} +} +@keyframes sway { + 0% {background-position: 0% 50%;} + 50% {background-position: 100% 50%;} + 100% {background-position: 0% 50%;} +} + + diff --git a/pages/buttons.html b/pages/buttons.html index 4dff956..bd0b682 100644 --- a/pages/buttons.html +++ b/pages/buttons.html @@ -239,6 +239,40 @@

+ +
+
+
+
+
+ Button +
+
+
+
+
+
+
+
+
+
+ +
+ Creator +
+
+
+
+ Name: + Irwan Phan + +
+
+
+
+
+
+

From 1371379e255e6d72f1dd601af222a1c7ea169e0f Mon Sep 17 00:00:00 2001 From: joffinfrancisthoppil <45281508+joffinfrancisthoppil@users.noreply.github.com> Date: Wed, 27 Oct 2021 22:06:01 +0530 Subject: [PATCH 15/15] Update Readme :zap: --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d810c41..b66cb2e 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Fork this repository by clicking on the fork button on the top right corner of this page. This will create a copy of this repository in your account. -## Clone the repository +## Clone The Repository