From 0d65da35971d461c325599ce078bf9c5d6a878bd Mon Sep 17 00:00:00 2001 From: Aditya Bakshi <153073510+Aditya90456@users.noreply.github.com> Date: Sun, 20 Oct 2024 13:30:46 +0530 Subject: [PATCH 01/55] Review can show --- review.html | 21 +-------------------- 1 file changed, 1 insertion(+), 20 deletions(-) diff --git a/review.html b/review.html index f7ceba7..13d5542 100644 --- a/review.html +++ b/review.html @@ -160,26 +160,7 @@
-
-
- -
-
- -
+

What our customers are saying

From 621ed5173e73a04b791a7004fa09ba543f885c53 Mon Sep 17 00:00:00 2001 From: Nikita Date: Mon, 21 Oct 2024 00:01:22 +0530 Subject: [PATCH 02/55] changes done --- index.html | 642 +++++++++----------------------- src/Styles/Style.css | 130 ++++--- src/Styles/contact_us_style.css | 15 +- 3 files changed, 270 insertions(+), 517 deletions(-) diff --git a/index.html b/index.html index af45087..4da77c2 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,9 @@ + + + + .dark-mode #mainCanvas { + border-color: #ffffff; + box-shadow: 0 2px 10px rgba(255, 255, 255, 0.2); + background-color: #333333; + } + .dark-mode .btn { + background-color: #444444; + color: #ffffff; + } + .dark-mode .form-control { + background-color: #333333; + color: #ffffff; + } + .dark-mode #userForm { + background-color: #444444; + } + .dark-mode .footer { + background-color: #333333; + color: #ffffff; + } + .dark-mode .footer .share a { + color: #ffffff; + } + .dark-mode .custom-popup { + background-color: rgba(255,255,255,0.1); + } + .dark-mode .popup-content { + background-color: #333333; + color: #ffffff; + } + #darkModeToggle { + position: fixed; + top: 20px; + right: 20px; + z-index: 1000; + background-color: #333333; + color: #ffffff; + border: none; + border-radius: 50%; + width: 50px; + height: 50px; + font-size: 24px; + cursor: pointer; + transition: background-color 0.3s, color 0.3s; + } + .dark-mode #darkModeToggle { + background-color: #ffffff; + color: #333333; + } +
@@ -1184,7 +886,27 @@

Thank You!

- + - + \ No newline at end of file diff --git a/src/Styles/Style.css b/src/Styles/Style.css index 34afcb0..a19b7aa 100644 --- a/src/Styles/Style.css +++ b/src/Styles/Style.css @@ -4,6 +4,7 @@ padding: 0; box-sizing: border-box; transition: all 0.1s linear; + } .container{ width: 100%; @@ -11,34 +12,36 @@ background: linear-gradient(135deg,#cf9aff,#95c0ff); color: #fff; padding-top: 5%; - padding-left: 9%; + /* padding-left: 9%; */ padding-bottom: 0; } .container h4{ display: flex; align-items: center; - font-size: 60px; + justify-content: center; + font-size: 40px; font-weight: 600; - color: white; } .container h4 span{ display: flex; align-items: center; - font-size: 60px; + justify-content: center; + font-size: 40px; font-weight: 600; color: #571094; } .container button{ display: flex; align-items: center; + justify-content: center; background: linear-gradient(#9418fd,#571094); color: #fff; - font-size: 18px; + font-size: 16px; outline: 0; border: 0; - border-radius: 40px; - padding: 15px 25px; - margin: 30px 0 20px; + width: 80%; + /* border-radius: 40px; */ + padding: 5px 15px; cursor: pointer; } @@ -53,6 +56,7 @@ body { } + /* button styles 1 */ .wrapper{ display: flex; @@ -491,12 +495,13 @@ html { /* Main canvas styles */ #mainCanvas { - width: 83% !important; - height: auto; - max-height: 500px; - margin: 68px; - border: 1px solid gray; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 96%; + padding: 10px; + /* max-height: 500px; */ + /* margin: 68px; */ + background-color: #ffffffa8; + border: 1px solid rgba(216, 94, 202, 0.41); + box-shadow: 0 4px 8px rgba(216, 94, 202, 0.41); border-radius: 5px; } @@ -517,7 +522,6 @@ html { justify-content: space-between; align-items: center; gap: 10px; - margin-top: 20px; } /* Shape Palette */ @@ -577,9 +581,15 @@ html { display: flex; justify-content: center; align-items: center; - gap: 2rem; /* Spacing between links */ + gap: 3rem; /* Spacing between links */ border-bottom: none; } +ul{ + display: flex; + justify-content: center; + align-items: center; + gap: 0.6rem; +} /* Styling individual links in the navbar */ .navbar a { @@ -590,39 +600,13 @@ html { border-radius: 0.5rem; /* Rounded corners for hover effect */ transition: background-color 0.3s ease; /* Smooth hover transition */ } -.nav-links { +/* .nav-links { display: flex; justify-content: center; align-items: center; gap: 1rem; } -/* .nav-links a { */ -/* color: white; */ -/* font-size: 1.2rem; */ -/* text-decoration: none; */ -/* padding: 0.5rem 1rem; */ -/* border-radius: 0.5rem; */ -/* transition: background-color 0.3s ease; */ -/* } */ -/* Hover effect for navbar links */ -/* .navbar a:hover {/ */ -/* background-color: #474747; Background color on hover */ -/* color: #fff; White text on hover */ - -/* width: 60% !important; */ -/* height: auto; */ -/* border: 1px solid gray; */ -/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */ -/* border-radius: 5px; */ -/* }/ - */ - -/* Full width for form controls */ -/* .fullWidth {/ */ -/* width: 100% !important; */ -/* } */ - .nav-links a { position: relative; text-decoration: none; @@ -644,6 +628,25 @@ html { } .nav-links a:hover:after { width: 100%; +} */ +.nav-link{ + text-decoration: none; + list-style: none; + color: #e645d0; +} +.gt_container-unisv1 a.glink span{ + text-decoration: none; + list-style: none; + color: #e645d0; +} +.nav-link:hover{ + color: #fff; + background-color: #e645d0; + border: none; +} +.nav-link.active{ + color: #e12ac9 !important; + background-color: #ffffff; } /* Style for input field */ @@ -656,12 +659,25 @@ html { margin-right: 15px; } +.title-container { + margin-top: 30px; + padding: 20px 0; + font-weight: 550; + font-size: 40px; + color: rgb(50, 50, 50); + position: relative; /* Needed for absolute positioning of pseudo-elements */ + display: flex; /* Use flexbox to align items */ + align-items: center; /* Vertically center the content */ +} + + + .canvas-palette { - border: 2px solid #a5a5a5; /* Adding a border for definition */ + border: 2px solid rgba(216, 94, 202, 0.41); /* Adding a border for definition */ border-radius: 10px; /* Rounded corners */ - background: #ffffff; /* White background for clarity */ + background: #ffffffa8; /* White background for clarity */ padding: 20px; /* Padding around content */ - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */ + box-shadow: 0 4px 10px rgba(207, 91, 194, 0.1); /* Subtle shadow for depth */ margin-top: 20px; /* Space above the palette */ } @@ -706,6 +722,7 @@ html { margin: 5px; /* Space between shape buttons */ } + /* Style for the Save button */ .btn-primary { padding: 10px 20px; @@ -721,9 +738,12 @@ html { } /* Flex container adjustments */ -.d-flex { - display: flex; +.cal.d-flex { + /* display: flex; */ gap: 1rem; + border: 1px solid #f87affad; + background-color: #ffffffa8; + border-radius: 20px; } button { @@ -770,6 +790,10 @@ input[type="text"], .input-group { margin-bottom: 10px; } +.container.mt-5.contact-container{ + background-color: transparent; +} + /* Elegant Button */ .boton-elegante { @@ -886,9 +910,9 @@ button#download:hover::after { } /* Center Alignment */ -.d-md-flex.justify-content-center { +/* .d-md-flex.justify-content-center { margin-top: 15px; -} +} */ .footer { background: black; @@ -958,7 +982,7 @@ footer .credit { /* Contact Us Section */ .contact-section { background-color: #f9f9f9; - padding: 50px; + padding: 20px; text-align: center; max-width: 650px; border-radius: 15px; @@ -1015,8 +1039,10 @@ footer .credit { justify-content: space-evenly; } .link-img{ - margin-left: 20px; font-size: 30px; + border: 1px solid #f87affad; + padding: 2px; + border-radius: 6px; } /* Back to Top Button */ diff --git a/src/Styles/contact_us_style.css b/src/Styles/contact_us_style.css index 0344382..715f58b 100644 --- a/src/Styles/contact_us_style.css +++ b/src/Styles/contact_us_style.css @@ -33,21 +33,26 @@ outline: none; box-shadow: none; } - + #contact h2{ + margin-top: 0; + color: black; + + } .contact-us-page{ display:flex; justify-content: center; align-items:center; } -.contact-container{ +/* .contact-container{ width:100%; background: #000000; -} +} */ #contact{ width:100%; - background: rgb(0, 0, 0); + background: #ffffffa8; + border: 1px solid rgba(216, 94, 202, 0.41); } #contactForm textarea{ @@ -59,4 +64,4 @@ margin-left:6em; text-align: center; padding:9rem; -} \ No newline at end of file +} From 77a089ddbca96fa7dac513577906ed46947b7fe5 Mon Sep 17 00:00:00 2001 From: Saketh1714 Date: Mon, 21 Oct 2024 01:35:32 +0530 Subject: [PATCH 03/55] Added different font styles,font weights and font family --- index.html | 230 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 230 insertions(+) diff --git a/index.html b/index.html index 135e6ca..435f4c4 100644 --- a/index.html +++ b/index.html @@ -75,10 +75,35 @@ background-color: #007bff; /* Primary color for buttons */ color: white; font-weight: bold; + position: relative; + overflow: hidden; } .btn:hover { background-color: #0056b3; /* Darker shade on hover */ + transform: translate(-4px); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); +} +.btn::after{ + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 300%; + background: rgba(255, 255, 255, 0.5); + border-radius: 50%; + transform: translate(-50%,-50%) scale(0); + transition: transform 0.65,opacity 0.6s; + opacity: 0; + +} +.btn:hover::after{ + transform: translate(-50%,-50%)scale(1); + opacity: 1; +} +.btn:active{ + transform: translate(1px); + box-shadow: 0 3px 10px rgba(0,0,0,0.2); } .palette { @@ -878,6 +903,54 @@

Welcome to the Canvas Editor!

+ +
+
+ + + + + + + + + + + +
+ + + + +
+ + + + +
@@ -1106,6 +1179,66 @@

Thank You!

+ + + diff --git a/about.html b/about.html index 734077f..6b62e5c 100644 --- a/about.html +++ b/about.html @@ -188,5 +188,14 @@

Introducing Creative Canvas: a dynamic tool designed to unlea }); }); + + + diff --git a/index.html b/index.html index 135e6ca..1843056 100644 --- a/index.html +++ b/index.html @@ -1534,6 +1534,15 @@

Thank You!

+ + + From 885b75dc8903bf6e383bdb0a04a11bb4d595a2ff Mon Sep 17 00:00:00 2001 From: Souvik Majee Date: Mon, 21 Oct 2024 03:18:08 +0530 Subject: [PATCH 05/55] About us Re-designed --- about-us.html | 606 ++++++++++---------------------------------------- 1 file changed, 114 insertions(+), 492 deletions(-) diff --git a/about-us.html b/about-us.html index dfeb18b..3b83827 100644 --- a/about-us.html +++ b/about-us.html @@ -4,29 +4,9 @@ About Us - Creative Canvas Tool - - - - - - - - - - + + + - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
+
- -
-
-

About Creative Canvas Tool

- - -
-
- Creative Canvas Tool in action -
-
-

- Creative Canvas Tool is designed to empower artists of all skill levels, offering an intuitive platform that transforms ideas into stunning digital artwork. With a wide range of brushes, colors, and textures at your fingertips, you can easily explore your creativity and experiment with different styles. Whether you're sketching a concept or finalizing a masterpiece, our user-friendly interface ensures a seamless experience, allowing you to focus on what matters most—your art. -

-

- Our Tool not only offers powerful creation tools but also fosters a vibrant community for artists to share their work, seek feedback, and collaborate. Engage in challenges and participate in workshops to enhance your skills. With regular updates and new features, our platform continually evolves to meet the needs of both budding talents and seasoned professionals. -

-
-
- - -
-
-
- -

Our Mission

-

+

+

About Creative Canvas Tool

+
+

+ Creative Canvas Tool is designed to empower artists of all skill levels, offering an intuitive platform that transforms ideas into stunning digital artwork. With a wide range of brushes, colors, and textures at your fingertips, you can easily explore your creativity and experiment with different styles. Whether you're sketching a concept or finalizing a masterpiece, our user-friendly interface ensures a seamless experience, allowing you to focus on what matters most—your art. +
+
+

+ Creative Canvas +
+
+

+ Our Tool not only offers powerful creation tools but also fosters a vibrant community for artists to share their work, seek feedback, and collaborate. Engage in challenges and participate in workshops to enhance your skills. With regular updates and new features, our platform continually evolves to meet the needs of both budding talents and seasoned professionals. +

+
+
+
+
+
+
+
+

Our Mission

+

To empower creativity by making digital art accessible to everyone, fostering a global community of artists and innovators. -

-
-
-
-
- -

Our Story

-

+
+
+
+

Our Story

+

Founded in 2024, Creative Canvas Tool emerged from a passion project to revolutionize digital artistry, growing into a vibrant platform used by artists worldwide.

-
-
-
- - -
-
-

Our Team

-
-
-
-

Anurag

-

Founder & Lead Developer

-
-
-
-
-

Somyadip Ghosh

-

Project Mentor

-
-
-
-
- - - - - -
-
-
-
-

Join Our Community

-

- Be part of our growing community of artists. Share your - creations, get inspired, and connect with fellow creatives - from around the world. -

- Join Now +
+
+
+

Our Team

+
+
+

Anurag

+

Founder & Lead Developer

+
+
+

Somyadip Ghosh

+

Project Mentor

+
+
-
-
-
-
- - - - - - - - - - - - +
\ No newline at end of file From 2464ab9e23b22c9f656395029725e7f72253c50a Mon Sep 17 00:00:00 2001 From: akhulisumit Date: Mon, 21 Oct 2024 03:29:55 +0530 Subject: [PATCH 06/55] Updating the about page --- about.html | 112 +++++++++++++++++++++++++++++++++-------------------- 1 file changed, 69 insertions(+), 43 deletions(-) diff --git a/about.html b/about.html index 734077f..53565d9 100644 --- a/about.html +++ b/about.html @@ -1,11 +1,12 @@ + Creative Canvas Tool - - + + @@ -13,22 +14,56 @@ - - + + From 3825d3bcd98ee7e49dd94b787ed7c0eaca130da2 Mon Sep 17 00:00:00 2001 From: Nikita Date: Mon, 21 Oct 2024 10:59:58 +0530 Subject: [PATCH 08/55] logo added --- index.html | 4 +++- logo4.png | Bin 0 -> 3994 bytes 2 files changed, 3 insertions(+), 1 deletion(-) create mode 100644 logo4.png diff --git a/index.html b/index.html index 4da77c2..6a5255e 100644 --- a/index.html +++ b/index.html @@ -146,7 +146,8 @@ height: 14vh; width: 100%; display: flex; - justify-content: center; + /* justify-content: center; */ + gap: 18rem; align-items: center; background-color: rgb(247, 205, 252); /* background-attachment: sticky; */ @@ -488,6 +489,7 @@
diff --git a/logo4.png b/logo4.png new file mode 100644 index 0000000000000000000000000000000000000000..bcd6c05e0a439ac6ce47242e7c10757be94f3894 GIT binary patch literal 3994 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 AE&u=k literal 0 HcmV?d00001 From b09e0561d2d82aefe2c1d99dfa0b307e3819a4d6 Mon Sep 17 00:00:00 2001 From: Shivansh Mishra Date: Mon, 21 Oct 2024 11:15:49 +0530 Subject: [PATCH 09/55] Add Dark theme at home page --- index.html | 170 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 170 insertions(+) diff --git a/index.html b/index.html index 135e6ca..1f826a1 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,176 @@ + + + + + + + Canvas Editor - Dark Mode + + + + + + + + +
+

Welcome to Canvas Editor

+
+ + +
+
+

Main Content

+

This is the main area of the page where your canvas editor content will go.

+
+
+ + + + + + + + + + - + + + + - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
- -
-
+ +

Latest Blog Posts

-
-
-
- ... -
-
The Magic of Creativity
-

- Creativity is the spark that ignites new ideas, opens doors to innovation, and breaks through the ordinary. Whether you’re developing a new business strategy, designing a website, or even cooking a meal, creativity plays a significant role in shaping outcomes.

- Read More -
-
+
+
+
+
+ The Magic of Creativity +
+
The Magic of Creativity
+

Creativity is the spark that ignites new ideas, opens doors to innovation, and breaks through the ordinary.

+ Read More +
-
-
- ... -
-
The Power of Thinking
-

While creativity helps you generate ideas, critical thinking helps you refine them. The ability to analyze, evaluate, and improve your ideas ensures that they are not only innovative but also practical and applicable learning new skills, or analyzing complex problems sharpens your thinking abilities. - -

- Read More -
-
+
+
+
+ The Power of Thinking +
+
The Power of Thinking
+

While creativity helps you generate ideas, critical thinking helps you refine them and ensures their practicality.

+ Read More +
-
-
- ... -
-
Expanding Your Knowledge
-

Knowledge is the foundation of both creativity and critical thinking. The more you know, the better equipped you are to solve problems, innovate, and make informed decisions. Continuous learning ensures that we stay relevant in a world that is constantly evolving.

- Read More -
-
+
+
+
+ Expanding Your Knowledge +
+
Expanding Your Knowledge
+

Knowledge is the foundation of creativity and critical thinking. Continuous learning keeps us relevant.

+ Read More +
-

Add Comments

- +

Add Comments

+
-
- +
- -
- - - - - - - - - - - - - - - - -
- +
+ + + + + + +
- - -
- © 2024 Copyright: - CanvasEditor + © 2024 Copyright: + CanvasEditor
- -
- + - \ No newline at end of file + From 0821d3f31c3f8558801a887056e64701d3b9940c Mon Sep 17 00:00:00 2001 From: Shivansh Mishra Date: Mon, 21 Oct 2024 11:37:15 +0530 Subject: [PATCH 12/55] Update the Blog page --- blog.html | 164 ++++++++++++++++++++++++++++++++---------------------- 1 file changed, 98 insertions(+), 66 deletions(-) diff --git a/blog.html b/blog.html index 9f0389b..bdb00e6 100644 --- a/blog.html +++ b/blog.html @@ -1,9 +1,10 @@ + - Blog + VBlog @@ -11,15 +12,17 @@ +
+ + From c21b26ca9d954a4d3fac39b465e53b21c579a604 Mon Sep 17 00:00:00 2001 From: Shivansh Mishra Date: Mon, 21 Oct 2024 11:41:11 +0530 Subject: [PATCH 13/55] Update the Blog Page --- blog.html | 164 ++++++++++++++++++++++-------------------------------- 1 file changed, 66 insertions(+), 98 deletions(-) diff --git a/blog.html b/blog.html index bdb00e6..9f0389b 100644 --- a/blog.html +++ b/blog.html @@ -1,10 +1,9 @@ - - VBlog + Blog @@ -12,17 +11,15 @@ -
diff --git a/src/Contributor.css b/src/Contributor.css new file mode 100644 index 0000000..f5234fc --- /dev/null +++ b/src/Contributor.css @@ -0,0 +1,567 @@ +{ + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + } + .container { + text-align: center; + background-color: #dbd0ff; + } + + .title { + display: inline-block; + font-size: 3em; + margin-bottom: 20px; + padding: 10px; + color: #fffdff; + text-shadow: 1px 1px 2px rgb(11, 11, 11), 0 0 1em rgba(27, 3, 239, 0.617), + 0 0 0.2em rgba(114, 125, 231, 0.623); + /* border-radius: 20px; */ + /* background-color: rgba(209, 209, 255, 0.8); */ + } + + .theme-switch::before { + content: ""; + position: absolute; + top: 3px; + left: 3px; + width: 24px; + height: 24px; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + transition: left 0.3s ease-in-out, background-image 0.3s ease-in-out; + background-image: url("../Assets/moon.png"); + } + + .theme-switch.dark-theme::before { + left: 33px; + background-image: url("../Assets/sun.png"); + } + + .contributors-grid { + + width: 100vw; + flex-wrap: wrap; + gap: 40px; + padding: 20px; + display: grid; + grid-template-columns: repeat(7, minmax(100px,5fr)); + } + + .contributor-card { + /* width: auto; + height: auto; */ + min-width: 200px; + min-height: 300px; + display: flex; + justify-content: center; + position: relative; + overflow: hidden; + max-width: calc(55% - 16px); + display: flex; + flex-direction: column; + align-items: center; + background-color: #b8d9ff; + border: 1px solid #ca74cf; + border-radius: 8px; + box-shadow: 0 0px 8px rgba(0, 0, 0, 1); + padding: 16px; + transition: transform 0.5s ease-in-out, box-shadow 0.3s ease; + text-decoration: none; + color: inherit; + /* margin-bottom: 16px; */ + word-wrap: wrap; + transition: transform 0.5s ease-in-out, box-shadow 0.3s ease; + + } + + #contributors { + perspective: 1000px; /* This adds depth for 3D transformations */ + } + + /* .contributor-card:hover { + transform: scale(1.02); + box-shadow: 1px 1px 23px rgba(14, 6, 14, 0.915); + border: none; + cursor: pointer; + transform: translateZ(50px); /* Moves the card forward in 3D space */ + + } + */ + .contributor-card::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(132deg, #76ABAE 50%, rgb(206, 206, 206) 51%); + /* background: linear-gradient(130deg, #3b89ff 50%, #eef6ff 50%); */ + transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; + transform: translate(-100%, -100%); + opacity: 0; + z-index: -1; + } + + .contributor-card:hover::before { + transform: translate(0, 0); + opacity: 1; + } + + .contributor-card img { + border-radius: 50%; + width: 100px; + height: 100px; + object-fit: cover; + margin-bottom: 10px; + transition: box-shadow 0.3s ease-in-out, border 0.1s ease-in-out; + } + + .contributor-card:hover img { + border: 2px solid rgb(255, 234, 0); + box-shadow: -1px 2px 27px rgb(0, 217, 255); + } + + /* + .contributor-card h2 { + margin: 0 0 10px; + } */ + /* + .contributor-card p { + } */ + + .contributor-card h2 { + color: #040404; + position: relative; + z-index: 1; + transition: text-shadow 0.3s ease-in-out, color 0.3s ease-in-out; + } + + .contributor-card p { + font-size: 1.2em; + color: #040404; + position: relative; + z-index: 1; + transition: text-shadow 0.3s ease-in-out, color 0.3s ease-in-out; + margin: 0 0 10px; + } + + .contributor-card:hover h2 { + text-shadow: 1px 1px 2px rgb(0, 108, 108), 0 0 0.2em rgb(0, 14, 108), + 0 0 0.8em rgb(0, 14, 108); + color: white; + } + + .contributor-card:hover p { + text-shadow: 1px 1px 2px rgba(4, 0, 127, 0.715), 0 0 0.2em rgb(5, 18, 168), + 0 0 0.3em rgb(134, 136, 250); + color: white; + + /* font-weight: 400; */ + } + + body { + background-color: #f8f9fa; + color: #212529; + } + + header { + height: 100px; + } + + .logo { + margin: 30px 0 0 0; + } + + footer { + background-color: #333; + color: white; + text-align: center; + padding: 20px 0; + margin-top: auto; + } + + .footer-container { + max-width: 800px; + margin: auto; + padding: 0 20px; + } + + /* .footer-links, + .footer-socials, + .footer-contact { + margin: 10px 0; + } + + .footer-links a, + .footer-socials a { + color: white; + text-decoration: none; + margin: 0 10px; + transition: color 0.3s; + } + + .footer-links a:hover, + .footer-socials a:hover { + color: #007bff; + } */ + + /* .footer-socials a { + font-size: 24px; + margin: 0 15px; + } */ + + .footer-contact a { + color: white; + } + + header { + height: 100px; + } + body { + min-height: 100vh; + max-width: 100vw; + } + .logo { + margin: 5px 0px 0px 0px; + } + + footer { + background: #333; + color: white; + text-align: center; + padding: 20px 0; + margin-top: auto; + } + + .footer-container { + max-width: 800px; + margin: auto; + padding: 0 20px; + } + + /* .footer-links, + .footer-socials { + margin: 10px 0; + } + + .footer-links a, + .footer-socials a { + color: white; + text-decoration: none; + margin: 0 10px; + transition: color 0.3s; + } + + .footer-links a:hover, + .footer-socials a:hover { + color: #007bff; + } + + .footer-contact { + margin: 10px 0; + } */ + + @media (max-width: 900px) { + header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5rem 0.5rem; + /* Adjust padding to reduce overall height */ + } + + header nav { + flex-direction: column; + align-items: flex-start; + max-width: 100vw; + } + + header nav .hamburger { + display: block; + font-size: 28px; + cursor: pointer; + color: #fff; + padding: 1rem; /* Adjust padding for hamburger icon */ + position: absolute; + top: 0; + right: 1rem; /* Adjust right position as needed */ + } + + header nav ul { + flex-direction: column; + align-items: flex-start; + display: none; /* Hide the navbar items */ + max-height: 100vw; /* Full width for mobile view */ + position: absolute; + top: 100%; + right: 0; + background-color: #333; /* Background color for the floating menu */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a box shadow */ + padding: 1rem; /* Add padding */ + border-radius: 0 0 8px 8px; /* Rounded corners at the bottom */ + } + + header nav ul.show { + display: flex; /* Show the navbar items when the hamburger is clicked */ + align-items: flex-start; + } + + header nav ul li { + margin: 0.5rem 1rem; /* Adjust margin for vertical spacing */ + } + header nav ul li a:hover { + color: #00c6ff; + + border-bottom: 2px solid #00c6ff; + + /* color: #000; */ + /* border-radius: .75rem; Rounded corners for active link */ + } + } + + /* Styles for larger screens */ + @media (min-width: 901px) { + header { + height: auto; + } + header nav .hamburger { + display: none; + } + + header nav ul { + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + } + + /* header nav ul li { + margin: 0 0.5rem; /* Reduce margin between items */ + } + */ header nav ul li a:hover { + background-color: #00c6ff; + color: #000; + border-radius: 0.75rem; /* Rounded corners for active link */ + } + + footer { + background-color: #1a1a1a; + color: white; + padding: 40px 0; + text-align: center; + } + + footer p { + margin: 10px 0; + } + + footer p a { + color: #00c6ff; + text-decoration: none; + } + + footer p a:hover { + text-decoration: underline; + } + + /* Footer Styles */ + footer { + background-color: #1a1a1a; + color: white; + padding: 40px 0; + text-align: center; + } + + footer p { + margin: 10px 0; + } + + footer p a { + color: #00c6ff; + text-decoration: none; + } + + footer p a:hover { + text-decoration: underline; + } + + footer { + background: #333; + color: white; + text-align: center; + padding: 20px 0; + margin-top: auto; + } + + .footer-container { + max-width: 800px; + margin: auto; + padding: 0 20px; + } + + /* .footer-links, + .footer-socials { + margin: 10px 0; + } + + .footer-links a, + .footer-socials a { + color: white; + text-decoration: none; + margin: 0 10px; + transition: color 0.3s; + } + + .footer-links a:hover, + .footer-socials a:hover { + color: #007bff; + } */ + + .footer-contact { + margin: 10px 0; + } + + + + + + html { + scroll-behavior: smooth; + max-width: 100vw; + max-height: 100vh; + } + + body { + background-color: #FBC1B7; + overflow-x: hidden; + margin: 0; + + + } + + header { + background-color: #1a1a1a; + padding: 0px 20px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); + position: sticky; + top: 0; + z-index: 1000; + border-bottom: 3px solid #00c6ff; + display: flex; + justify-content: space-between; + align-items: center; + } + + header nav { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5rem 1rem; + } + + header nav ul { + list-style: none; + display: flex; + gap: 30px; + } + + header nav ul li a { + color: #fff; + text-decoration: none; + font-weight: 600; + font-size: 18px; + transition: color 0.3s, border-bottom 0.3s; + background-color: rgb(72, 71, 71); + padding: 15px; + } + + header nav ul li a:hover { + background-color: #00c6ff; + color: #000; + border-radius: 0.75rem; + } + + @media (max-width: 900px) { + header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0.5rem 1rem; + } + + header nav { + flex-direction: column; + align-items: flex-start; + width: 100%; + } + + header nav .hamburger { + display: block; + font-size: 28px; + cursor: pointer; + color: #fff; + padding: 1rem; + position: absolute; + top: 0; + right: 1rem; + } + + header nav ul { + flex-direction: column; + display: none; + width: 100%; + height: 100vh; + background-color: #333; + padding: 1rem; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + border-radius: 0 0 8px 8px; + } + + header nav ul.show { + display: flex; + } + } + + @media (min-width: 901px) { + header nav .hamburger { + display: none; + } + + header nav ul { + display: flex; + flex-direction: row; + align-items: center; + } + } + + header .logo h1 { + color: #fff; + font-weight: 700; + font-size: 28px; + margin: 0; + } + + +.homeBtn{ + text-decoration: none; + color: #000; + top: 20px; + left: 20px; + position: absolute; + background-color: #0e99ea; + width: 60px; + height: 40px; + display: flex; + justify-content: center; + align-items: center; + border-radius: 40px; + border: #000 2px solid; + } +.homeBtn:hover{ + background-color: #00c6ff; + color: #000; + border: #00c6ff 2px solid; +} \ No newline at end of file diff --git a/src/Contributor.html b/src/Contributor.html new file mode 100644 index 0000000..734e46d --- /dev/null +++ b/src/Contributor.html @@ -0,0 +1,40 @@ + + + + + + + + + + + Canvas-Editor + + + + + + + + + + + + + + + + +
+

Our Contributors

+
+
+ + + + + \ No newline at end of file diff --git a/src/Contributor.js b/src/Contributor.js new file mode 100644 index 0000000..7ef7b84 --- /dev/null +++ b/src/Contributor.js @@ -0,0 +1,52 @@ +document.addEventListener("DOMContentLoaded", () => { + const contributorsContainer = document.getElementById("contributors"); + + async function fetchContributors() { + let contributors = []; + let page = 1; + let perPage = 100; // Max per page is 100 + let moreContributors = true; + + while (moreContributors) { + try { + const response = await fetch( + `https://api.github.com/repos/vishanurag/Canvas-Editor/contributors?page=${page}&per_page=${perPage}` + ); + const data = await response.json(); + + // If no more contributors, stop fetching + if (data.length === 0) { + moreContributors = false; + } else { + contributors = contributors.concat(data); + page++; + } + } catch (error) { + console.error("Error fetching contributors:", error); + break; // Exit loop if there's an error + } + } + + displayContributors(contributors); + } + + function displayContributors(contributors) { + contributorsContainer.innerHTML = ""; + contributors.forEach((contributor) => { + const contributorCard = document.createElement("div"); + contributorCard.className = "contributor-card"; + + contributorCard.innerHTML = ` + + ${contributor.login} + +

${contributor.login}

+

Contributions: ${contributor.contributions}

+ `; + + contributorsContainer.appendChild(contributorCard); + }); + } + + fetchContributors(); + }); \ No newline at end of file From 34c1c13470e61c1c069bf7092d41dc4cac7ec15c Mon Sep 17 00:00:00 2001 From: vaishnavipal1869 Date: Mon, 21 Oct 2024 20:17:26 +0530 Subject: [PATCH 17/55] updated readme with troubleshooting section --- README.md | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/README.md b/README.md index a66fc24..c79846c 100644 --- a/README.md +++ b/README.md @@ -326,6 +326,44 @@ git push origin YourBranchName +## Troubleshooting + +### Common Issues + +1. **Installation Error: `npm install` fails** + - **Symptoms:** Error messages during the installation process. + - **Solution:** + - Ensure you have the latest version of Node.js and npm installed. You can check your versions using `node -v` and `npm -v`. + - Clear the npm cache by running `npm cache clean --force`. + - Try deleting the `node_modules` folder and the `package-lock.json` file, then rerun the installation with `npm install`. + +2. **Wallet Connection Issues** + - **Symptoms:** Unable to connect to MetaMask. + - **Solution:** + - Verify that MetaMask is installed and enabled in your browser. + - Check that you are on the correct network (e.g., Rinkeby) in both your app and MetaMask. + - Ensure that your wallet is unlocked. If issues persist, refresh the page or restart your browser. + +3. **Smart Contract Deployment Fails** + - **Error Message:** `Revert: Contract validation failed` + - **Solution:** + - Double-check that all contract parameters are accurate and align with your contract’s requirements. + - Make sure you have sufficient Ether in your wallet to cover gas fees. + - Confirm that you are deploying to the intended network. + +### Configuration Issues +- Ensure that the `.env` file is properly configured with the necessary environment variables, including your Infura Project ID and wallet private key. + +### Development Environment +- Make sure you are using Node.js version **16.x.x** or **18.x.x** and that all required npm packages are installed. You can check your current Node.js version using `node -v`. + +### Tips for Optimizing Performance +- Minimize the number of unnecessary background tasks during deployment to improve efficiency. +- Monitor gas fees closely and consider deploying during off-peak hours to reduce costs. + +### Contact for Support +If you encounter an issue not listed here, please reach out via [GitHub Issues](https://github.com/vishanurag/Canvas-Editor/issues). + ## Contributors From 848227ac7830aafc1a4f36fde6b37176e81a6aff Mon Sep 17 00:00:00 2001 From: Yash patil <149749700+PATILYASHH@users.noreply.github.com> Date: Mon, 21 Oct 2024 21:18:07 +0530 Subject: [PATCH 18/55] Update index.html --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 1843056..828bb91 100644 --- a/index.html +++ b/index.html @@ -788,10 +788,10 @@

+ --> + class="fa-light fa-face-party">

-->

Welcome to the Canvas Editor!

Unleash your creativity with our powerful and easy-to-use canvas editor.

From 2362cf59d57ade4404e8a31e3114187030bc4019 Mon Sep 17 00:00:00 2001 From: Rishika Date: Mon, 21 Oct 2024 21:31:37 +0530 Subject: [PATCH 19/55] done --- index.html | 48 +++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 39 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 135e6ca..fbb9b89 100644 --- a/index.html +++ b/index.html @@ -865,7 +865,7 @@

Welcome to the Canvas Editor!

- @@ -875,17 +875,17 @@

Welcome to the Canvas Editor!

- +
- +
- +
@@ -1240,6 +1240,7 @@

Thank You!

let drawing = false; let eraserMode = false; let currentColor = '#000000'; // Default color + // Resize the canvas to fit the container function resizeCanvas() { @@ -1265,6 +1266,13 @@

Thank You!

ctx.moveTo(x, y); } + let lineWidth=0; + function changeBrushSize(e) + { + lineWidth=e.target.value; + } + + // Draw on the canvas or erase as the mouse moves or touch moves function draw(event) { if (drawing) { @@ -1275,13 +1283,14 @@

Thank You!

} else { // Set the stroke color and draw ctx.strokeStyle = currentColor; // Use the selected color - ctx.lineWidth = 5; // Set a line width + ctx.lineWidth = lineWidth; // Set a line width ctx.lineTo(x, y); ctx.stroke(); } } event.preventDefault(); // Prevent scrolling when touching the canvas } + // Stop drawing or erasing when the mouse is released or touch ends function stopDrawing() { @@ -1316,9 +1325,11 @@

Thank You!

}); // Change the current color when the color picker changes - document.getElementById('colorPicker').addEventListener('input', (event) => { - currentColor = event.target.value; - }); + function changeBackground(e){ + currentColor = e.target.value; + document.getElementById('mainCanvas').style.backgroundColor=currentColor; + + } // Download the canvas as an image document.getElementById('mainCanvas').addEventListener('click', () => { @@ -1328,8 +1339,27 @@

Thank You!

link.click(); }); + function uploadBackground(event) { + const file = event.target.files[0]; // Get the uploaded file + if (file) { + const reader = new FileReader(); + reader.onload = function(e) { + // Set the background image of the canvas + document.getElementById('mainCanvas').style.backgroundImage = `url(${e.target.result})`; + document.getElementById('mainCanvas').style.backgroundSize = 'cover'; // Optional: cover the entire canvas + }; + reader.readAsDataURL(file); // Read the file as a data URL + } +} + let brushColor = '#000000'; - let brushSize = 5; + + //change brush color + function changeBrushColor(e) + { + currentColor=e.target.value; + + } // Set initial canvas dimensions function setCanvasDimensions() { From 9dd3169bb087cc3c45ccec9cbda2d3ba5d8a59d7 Mon Sep 17 00:00:00 2001 From: Mehendi Sil <115357567+mehendisil2004@users.noreply.github.com> Date: Mon, 21 Oct 2024 22:06:25 +0530 Subject: [PATCH 20/55] Button UI Changed the Square to rounded button with pastel theme UI --- src/Styles/Style.css | 222 +++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 216 insertions(+), 6 deletions(-) diff --git a/src/Styles/Style.css b/src/Styles/Style.css index 5ff10fc..9f77192 100644 --- a/src/Styles/Style.css +++ b/src/Styles/Style.css @@ -28,7 +28,7 @@ font-weight: 600; color: #571094; } -.container button{ +.col-md-8 button{ display: flex; align-items: center; background: linear-gradient(#9418fd,#571094); @@ -647,11 +647,6 @@ html { font-size: 1rem; } -.canvas-palette .btn { - border-radius: 5px; /* Rounded button corners */ - padding: 10px 15px; /* Ample padding for buttons */ - font-weight: bold; /* Bold text for buttons */ -} .canvas-palette .btn:hover { transform: translateY(-2px); /* Subtle lift on hover */ @@ -1004,3 +999,218 @@ footer .credit { transform: scale(1.1); } +/* General Button Styling */ +button { + padding: 12px 20px; + font-size: 16px; + font-weight: bold; + letter-spacing: 2px; + border-radius: 30px; /* Rounded edges */ + border: 2px solid transparent; + cursor: pointer; + position: relative; + overflow: hidden; + transition: all 0.4s ease; +} + +/* Button Wrapper Styles */ +.wrapper, .tStyle, .rclStyle { + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 20px; + margin-bottom: 20px; +} + +.space { + height: 20px; +} + +/* Button Styles 1 - Pink and Blue Theme */ +.wrapper button { + background-color: #F9CEFF; /* Primary Pink */ + color: #805D93; /* Lighter Purple/Soft Mauve */ + border-radius: 50px; /* More roundness for soft look */ + border: 2px solid #F9CEFF; +} + +.wrapper button:hover { + background-color: #D8F9FF; /* Primary Blue */ + color: #518FBA; /* Softer Blue */ + box-shadow: 0 0 10px #D8F9FF, 0 0 20px #D8F9FF, 0 0 40px #D8F9FF; +} + +.wrapper button:first-child { + background-color: #D8F9FF; /* Alternate Blue */ + color: #518FBA; + border-color: #AEEAFF; +} + +.wrapper button:last-child { + background-color: #F9CEFF; /* Pink for last button */ + color: #805D93; /* Soft Purple */ + border-color: #F4A3FF; +} + +/* Soft Border Animation */ +.wrapper button span { + position: absolute; + display: block; +} + +.wrapper button span:nth-child(1) { + top: 0; + left: 0; + width: 100%; + height: 2px; + background: linear-gradient(90deg, transparent, #D8F9FF); /* Soft Blue Gradient */ + animation: animate1 1s infinite; +} + +@keyframes animate1 { + 0% { + left: -100%; + } + 100% { + left: 100%; + } +} + +.wrapper button span:nth-child(2), +.tStyle button span:nth-child(2), +.rclStyle button span:nth-child(2) { + top: -100%; + right: 0; + width: 2px; + height: 100%; + background: linear-gradient(180deg, transparent, #F9CEFF); /* Soft Pink Gradient */ + animation: animate2 1s infinite 0.25s; +} + +@keyframes animate2 { + 0% { + top: -100%; + } + 100% { + top: 100%; + } +} + +/* Button Styles 2 - Pastel Pink and Blue Theme */ +.tStyle button { + background-color: #F9CEFF; /* Primary Pink */ + color: #805D93; /* Softer Purple */ + border-radius: 50px; + border: 2px solid #F9CEFF; +} + +.tStyle button:hover { + background-color: #D8F9FF; /* Primary Blue on Hover */ + color: #518FBA; /* Softer Blue */ + box-shadow: 0 0 10px #D8F9FF, 0 0 20px #D8F9FF, 0 0 40px #D8F9FF; +} + +.tStyle button::before { + content: ''; + position: absolute; + top: 0; + left: -40px; + width: 0; + height: 100%; + background: #D8F9FF; /* Light Blue before effect */ + transform: skewX(35deg); + transition: 0.5s; + z-index: -1; +} + +.tStyle button:hover::before { + width: 120%; +} + +#capital:hover { + text-transform: uppercase; +} + +#small:hover { + text-transform: lowercase; +} + +#bold:hover { + font-weight: 900; +} + +#italic:hover { + font-style: italic; +} + +/* Button Styles 3 - Soft Pink and Blue Theme */ +.rclStyle button { + background-color: #D8F9FF; /* Soft Blue */ + color: #518FBA; /* Soft Blue Accent */ + border-radius: 50px; + border: 2px solid #AEEAFF; +} + +.rclStyle button:hover { + background-color: #F9CEFF; /* Switch to Pink */ + color: #805D93; /* Soft Mauve Accent */ + box-shadow: 0 0 10px #F9CEFF, 0 0 20px #F9CEFF, 0 0 40px #F9CEFF; +} + +.rclStyle button::before { + content: ''; + position: absolute; + top: 0; + left: -40px; + width: 0; + height: 100%; + background: #F9CEFF; /* Pink before effect */ + transform: skewX(35deg); + transition: 0.5s; + z-index: -1; +} + +.rclStyle button:hover::before { + width: 120%; +} + +/* Other border animations remain the same */ +.wrapper button span:nth-child(3), +.tStyle button span:nth-child(3), +.rclStyle button span:nth-child(3) { + bottom: 0; + right: 0; + width: 100%; + height: 2px; + background: linear-gradient(270deg, transparent, #F9CEFF); /* Pink */ + animation: animate3 1s infinite 0.5s; +} + +@keyframes animate3 { + 0% { + right: -100%; + } + 100% { + right: 100%; + } +} + +.wrapper button span:nth-child(4), +.tStyle button span:nth-child(4), +.rclStyle button span:nth-child(4) { + bottom: -100%; + left: 0; + width: 2px; + height: 100%; + background: linear-gradient(360deg, transparent, #D8F9FF); /* Blue */ + animation: animate4 1s infinite 0.75s; +} + +@keyframes animate4 { + 0% { + bottom: -100%; + } + 100% { + bottom: 100%; + } +} From 583fff5d0640dfb32ee3fac2da0302bd97ae2b58 Mon Sep 17 00:00:00 2001 From: "V .SWATHI" Date: Tue, 22 Oct 2024 17:59:13 +0530 Subject: [PATCH 21/55] Added scrollbar for mobile version of FAQ page --- Faq.html | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/Faq.html b/Faq.html index 61166bf..3f54a5f 100644 --- a/Faq.html +++ b/Faq.html @@ -15,7 +15,6 @@ * { box-sizing: border-box; - overflow: hidden; &::before, &::after { box-sizing: border-box; @@ -32,6 +31,14 @@ flex-direction: column; min-height: 100vh; max-width:100vw; + overflow-y: hidden; + } + + /* Media query for mobile */ + @media (max-width: 768px) { + body { + overflow-y: scroll; /* Enable vertical scrolling on mobile */ + } } .container { From 501feb73238b19dbd671f26ac771aad01595e99d Mon Sep 17 00:00:00 2001 From: "V .SWATHI" Date: Tue, 22 Oct 2024 18:57:23 +0530 Subject: [PATCH 22/55] Fixed contributors alignment on mobile version --- src/Styles/contributor.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/Styles/contributor.css b/src/Styles/contributor.css index 3f1df8c..bb425df 100644 --- a/src/Styles/contributor.css +++ b/src/Styles/contributor.css @@ -265,3 +265,22 @@ body.dark-mode .contributor-card p { body.dark-mode .contributor-card h2 { color: white; } + +/* Mobile-specific adjustments: One large card per row */ +@media (max-width: 768px) { + .contributor-container { + flex-direction: column; + align-items: center; + } + + .contributor-card { + flex-basis: 30%; + max-width: 80%; + padding: 24px; + } + + .contributor-card img { + width: 150px; + height: 150px; + } +} From fde4ae0634d5e84b8237d7c9cc260bce0a7ee504 Mon Sep 17 00:00:00 2001 From: "V .SWATHI" Date: Tue, 22 Oct 2024 19:07:53 +0530 Subject: [PATCH 23/55] Updated contributor.css --- src/Styles/contributor.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Styles/contributor.css b/src/Styles/contributor.css index bb425df..24cfa80 100644 --- a/src/Styles/contributor.css +++ b/src/Styles/contributor.css @@ -280,7 +280,7 @@ body.dark-mode .contributor-card h2 { } .contributor-card img { - width: 150px; - height: 150px; + width: 100px; + height: 100px; } } From 9bab7062564533aa5be3b186ef73bffb2032a787 Mon Sep 17 00:00:00 2001 From: "V .SWATHI" Date: Tue, 22 Oct 2024 19:18:30 +0530 Subject: [PATCH 24/55] Updated contributor.css --- src/Styles/contributor.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Styles/contributor.css b/src/Styles/contributor.css index 24cfa80..a9a9d04 100644 --- a/src/Styles/contributor.css +++ b/src/Styles/contributor.css @@ -280,7 +280,7 @@ body.dark-mode .contributor-card h2 { } .contributor-card img { - width: 100px; - height: 100px; + width: 90px; + height: 90px; } } From 0252a370ca5b83cce427d5cd598ad0f4ae5b6f56 Mon Sep 17 00:00:00 2001 From: Raj-Ganatra Date: Tue, 22 Oct 2024 19:42:45 +0530 Subject: [PATCH 25/55] Navbar issue solved --- index.html | 19 ++++++------------- 1 file changed, 6 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index bc5e61c..21e526b 100644 --- a/index.html +++ b/index.html @@ -773,26 +773,19 @@
-
- - - - - -

Creative Canvas Tool +

Creative Canvas Tool

Design and create stunning visuals effortlessly!

- - - - --> -
+ class="fa-light fa-face-party">

+ +

Welcome to the Canvas Editor!

Unleash your creativity with our powerful and easy-to-use canvas editor.

From dfe534e1bc9900110bc6e02a684da86da9f65455 Mon Sep 17 00:00:00 2001 From: kajal kumari Date: Tue, 22 Oct 2024 21:32:12 +0530 Subject: [PATCH 26/55] Make responsive contact section --- index.html | 10 ++++------ src/Styles/contact_us_style.css | 6 +++++- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index bc5e61c..b3ca991 100644 --- a/index.html +++ b/index.html @@ -1000,12 +1000,11 @@

Welcome to the Canvas Editor!

-
-
+
-
-

Contact Us

+
+

Contact Us

-
+
@@ -1070,7 +1069,6 @@

Contact Us

-
diff --git a/src/Styles/contact_us_style.css b/src/Styles/contact_us_style.css index 0344382..bca6c94 100644 --- a/src/Styles/contact_us_style.css +++ b/src/Styles/contact_us_style.css @@ -36,16 +36,20 @@ .contact-us-page{ display:flex; + margin-top: 40px; + justify-content: center; align-items:center; } .contact-container{ width:100%; + border-radius: 10px; background: #000000; } #contact{ + margin: 10px; width:100%; background: rgb(0, 0, 0); } @@ -59,4 +63,4 @@ margin-left:6em; text-align: center; padding:9rem; -} \ No newline at end of file +} From 15cba887d2a265b480a6fe84c977d822565b402e Mon Sep 17 00:00:00 2001 From: Subhajit-2023-44 Date: Tue, 22 Oct 2024 22:50:06 +0530 Subject: [PATCH 27/55] done --- index.html | 12 ++++++- visi.css | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++++ visi.js | 29 +++++++++++++++ 3 files changed, 142 insertions(+), 1 deletion(-) create mode 100644 visi.css create mode 100644 visi.js diff --git a/index.html b/index.html index bc5e61c..0969c23 100644 --- a/index.html +++ b/index.html @@ -1543,8 +1543,18 @@

Thank You!

}; - +

+ + +
+
Visitor
+
+
+ + + + diff --git a/visi.css b/visi.css new file mode 100644 index 0000000..cdbb62b --- /dev/null +++ b/visi.css @@ -0,0 +1,102 @@ +.visitor-counter { + + position: fixed; + top: 664px; + left: 1400px; + background-color: rgb(216 246 255); /* Slightly opaque background for better visibility */ + height: 60px; + width: 100px; + color: #333; /* Darker text for better contrast */ + font-weight: 700; + font-size: 18px; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + border-radius: 12px; /* Softer corners */ + backdrop-filter: blur(10px); /* Increased blur for a modern touch */ + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), /* Slightly more pronounced shadow */ + 0 2px 4px rgba(0, 0, 0, 0.1); + z-index: 1000; + transition: all 0.3s ease; /* Smooth transition for hover effect */ + + } + + .visitor-counter:hover { + + transform: scale(1.05); /* Slightly enlarge on hover */ + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Enhance shadow on hover */ + + } + + .visitor-counter div:first-child { + + margin-bottom: -5px; + font-size: 14px; /* Adjusted for clarity */ + letter-spacing: 1px; /* Increased spacing for readability */ + + } + + .website-counter { + + font-size: 24px; + font-family: 'Arial', sans-serif; /* Consistent font family */ + + } + + @media screen and (max-width: 768px) { + + .visitor-counter { + + height: 100px; + width: 100px; + font-size: 16px; + + } + + .website-counter { + + font-size: 20px; + + } + + } + + @media screen and (max-width: 480px) { + + .visitor-counter { + + height: 80px; + width: 80px; + font-size: 14px; + + } + + .website-counter { + + font-size: 18px; + + } + + } + + .dark-mode .visitor-counter div { + + color: #f0f0f0; /* Lighter text for dark mode */ + + } + + .dark-mode .visitor-counter .website-counter { + + color: #f0f0f0; /* Lighter color for consistency */ + + } + + .dark-mode .visitor-counter { + + background-color: rgba(0, 0, 0, 0.7); /* Darker background for dark mode */ + box-shadow: 0 6px 12px rgba(255, 255, 255, 0.1), + 0 2px 4px rgba(255, 255, 255, 0.05); + + } diff --git a/visi.js b/visi.js new file mode 100644 index 0000000..ff7a915 --- /dev/null +++ b/visi.js @@ -0,0 +1,29 @@ +// Function to get the count from localStorage or initialize it +function getVisitorCount() { + + return localStorage.getItem('visitorCount') || 0; + + } + + + // Function to increment and save the count + function incrementVisitorCount() { + + let count = parseInt(getVisitorCount()) + 1; + localStorage.setItem('visitorCount', count); + + return count; + } + + + // Function to display the count + function displayVisitorCount() { + + const counterElement = document.querySelector('.website-counter'); + const count = incrementVisitorCount(); + counterElement.textContent = count; + + } + + // Call the display function when the page loads + document.addEventListener('DOMContentLoaded', displayVisitorCount); \ No newline at end of file From 0e6713edaead291033c6edb494154a6288cc351c Mon Sep 17 00:00:00 2001 From: Subashree-selvaraj Date: Wed, 23 Oct 2024 12:40:56 +0530 Subject: [PATCH 28/55] Realigning and redesigning of buttons --- index.html | 2 +- src/Styles/Style.css | 80 +++++++++++++++++++++++++------------------- 2 files changed, 47 insertions(+), 35 deletions(-) diff --git a/index.html b/index.html index 0969c23..c967cff 100644 --- a/index.html +++ b/index.html @@ -985,7 +985,7 @@

Welcome to the Canvas Editor!

-->
+ class="form-control mw-100 w-50"> diff --git a/src/Styles/Style.css b/src/Styles/Style.css index 5ff10fc..0462379 100644 --- a/src/Styles/Style.css +++ b/src/Styles/Style.css @@ -4,6 +4,7 @@ padding: 0; box-sizing: border-box; transition: all 0.1s linear; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; } .container{ width: 100%; @@ -36,7 +37,7 @@ font-size: 18px; outline: 0; border: 0; - border-radius: 40px; + border-radius: 12px; padding: 15px 25px; margin: 30px 0 20px; cursor: pointer; @@ -58,6 +59,7 @@ body { display: flex; /* background-color: #72abffe0; */ min-height: 5%; + /* justify-content: center; align-items: center; */ } @@ -71,24 +73,24 @@ body { display: inline-block; padding: 15px 20px; /* text-transform: uppercase; */ - letter-spacing: 4px; + border-radius: 12px; + letter-spacing: 2px; background-color: black; border: none; outline: none; - color: #03e9f4; + color: #F9E400; font-size: 1rem; - font-weight: bold; transition: .5s; overflow: hidden; margin-right: 30px; } .wrapper button:hover{ - background-color: #03e9f4; + background-color: #7C00FE; color: #050801; - box-shadow: 0 0 5px #03e9f4, - 0 0 25px #03e9f4, - 0 0 50px #03e9f4, - 0 0 200px #03e9f4; + box-shadow: 0 0 5px #F9E400, + 0 0 25px #F9E400, + 0 0 50px #F9E400, + 0 0 200px #F9E400; -webkit-box-reflect: below 1px linear-gradient(transparent, #0005); } .wrapper button:first-child{ @@ -106,7 +108,7 @@ body { left: 0; width: 100%; height: 2px; - background: linear-gradient(90deg, transparent, #03e9f4); + background: linear-gradient(90deg, transparent, #F9E400); animation: animate1 1s infinite; animation-delay: 0s; } @@ -123,7 +125,7 @@ body { right: 0; width: 2px; height: 100%; - background: linear-gradient(180deg, transparent, #03e9f4); + background: linear-gradient(180deg, transparent, #F9E400); animation: animate2 1s infinite; animation-delay: .25s; } @@ -140,7 +142,7 @@ body { right: 0; width: 100%; height: 2px; - background: linear-gradient(270deg, transparent, #03e9f4); + background: linear-gradient(270deg, transparent, #F9E400); animation: animate3 1s infinite; animation-delay: .5s; } @@ -157,7 +159,7 @@ body { left: 0; width: 2px; height: 100%; - background: linear-gradient(360deg, transparent, #03e9f4); + background: linear-gradient(360deg, transparent, #F9E400); animation: animate4 1s infinite; animation-delay: .75s; } @@ -179,6 +181,7 @@ body { display: flex; /* background-color: #72abffe0; */ min-height: 5%; + /* justify-content: center; align-items: center; */ } @@ -187,13 +190,13 @@ body { display: inline-block; padding: 15px 20px; /* text-transform: uppercase; */ - letter-spacing: 4px; + letter-spacing: 2px; background-color: #000; - color: #ec0fc7; - border: 3px solid #ec0fc7; + border-radius: 12px; + color: #F9E400; + border: 2px solid #F5004F; outline: none; font-size: 1rem; - font-weight: bold; transition: .5s; overflow: hidden; margin-right: 30px; @@ -205,9 +208,9 @@ body { display: block; } .tStyle button:hover{ - color: #fff; + color:black; background-color: #000; - border: 3px solid #ec0fc7; + border: 3px solid #F9E400; transition: 1s; } #capital:hover{ @@ -229,7 +232,7 @@ body { left: -40px; width: 0; height: 100%; - background: #ec0fc7; + background: #F9E400; transform: skewX(35deg); z-index: -1; transition: 1s; @@ -251,11 +254,12 @@ body { position: relative; display: inline-block; padding: 15px 20px; + width:auto ; - letter-spacing: 4px; + letter-spacing: 2px; background-color: #000; - color: rgb(2, 217, 233); - border: 3px solid rgb(2, 217, 233); + color: #F9E400; + border: 2px solid #F5004F; outline: none; font-size: 1rem; font-weight: bold; @@ -270,9 +274,9 @@ body { display: block; } .rclStyle button:hover{ - color: #fff; + color: black; background-color: #000; - border: 3px solid rgb(2, 217, 233); + border: 2px solid #F5004F; transition: 1s; } .rclStyle button::before{ @@ -282,7 +286,7 @@ body { left: -40px; width: 0; height: 100%; - background: rgb(2, 217, 233); + background: #F9E400; transform: skewX(35deg); z-index: -1; transition: 1s; @@ -293,8 +297,12 @@ body { - - +#save, +#clear, +#download { + padding-right:50px; + +} @@ -541,6 +549,7 @@ html { /* width: 100px; */ /* padding: 5px; */ text-align: center; + border-radius: 12px; } /* Button Styles */ @@ -554,7 +563,7 @@ html { border: 1px solid gray; background-color: #ced4da; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - border-radius: 5px; + border-radius: 12px; } /* .logo { @@ -608,12 +617,14 @@ html { /* Style for input field */ #textData { + height: 45px; padding: 10px 20px; font-size: 1rem; border: 2px solid #ced4da; border-radius: 30px; margin-right: 15px; + } .canvas-palette { @@ -648,9 +659,8 @@ html { } .canvas-palette .btn { - border-radius: 5px; /* Rounded button corners */ + border-radius: 12px; /* Rounded button corners */ padding: 10px 15px; /* Ample padding for buttons */ - font-weight: bold; /* Bold text for buttons */ } .canvas-palette .btn:hover { @@ -670,7 +680,7 @@ html { .btn-primary { padding: 10px 20px; font-size: 1rem; - border-radius: 5px; + border-radius: 12px; transition: background-color 0.3s; } @@ -688,10 +698,12 @@ html { button { margin: 5px; + } .btn { margin: 10px 15px; + } .btn:hover { @@ -798,7 +810,7 @@ button#small:hover::after { background-color: #000; color: #fff; padding: 5px 10px; - border-radius: 5px; + border-radius: 12px; font-size: 12px; transform: translateY(-30px); white-space: nowrap; @@ -820,7 +832,7 @@ button#small:hover::after { background-color: #000; color: #fff; padding: 5px 10px; - border-radius: 5px; + border-radius: 12px; font-size: 12px; transform: translateY(-30px); white-space: nowrap; From a68e0cfa6e8aea602a584cbca15feb44de65988e Mon Sep 17 00:00:00 2001 From: Souvik Majee Date: Wed, 23 Oct 2024 19:11:32 +0530 Subject: [PATCH 29/55] Contact us form enhanced --- src/Styles/Style.css | 4 +++- src/Styles/contact_us_style.css | 4 ++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/Styles/Style.css b/src/Styles/Style.css index 5ff10fc..bb35776 100644 --- a/src/Styles/Style.css +++ b/src/Styles/Style.css @@ -1003,4 +1003,6 @@ footer .credit { background-color: #0056b3; /* Change to a lighter blue on hover */ transform: scale(1.1); } - +#contactSubmit{ + background-color: #03e9f4; +} \ No newline at end of file diff --git a/src/Styles/contact_us_style.css b/src/Styles/contact_us_style.css index 0344382..f7987b1 100644 --- a/src/Styles/contact_us_style.css +++ b/src/Styles/contact_us_style.css @@ -42,12 +42,11 @@ .contact-container{ width:100%; - background: #000000; } #contact{ width:100%; - background: rgb(0, 0, 0); + background: linear-gradient(135deg,#00afb9,#fed9b7); } #contactForm textarea{ @@ -59,4 +58,5 @@ margin-left:6em; text-align: center; padding:9rem; + background-color: #46cdcf; } \ No newline at end of file From 8ded4bfe9cf7ea3dd79c0e4a467c1eff5488b4a0 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 23 Oct 2024 18:42:49 +0000 Subject: [PATCH 30/55] Update repo structure --- README.md | 5 +++++ repo_structure.txt | 5 +++++ 2 files changed, 10 insertions(+) diff --git a/README.md b/README.md index a66fc24..927032d 100644 --- a/README.md +++ b/README.md @@ -116,6 +116,9 @@ ├── review.html ├── signup.html ├── src/ +│ ├── Contributor.css +│ ├── Contributor.html +│ ├── Contributor.js │ ├── Scripts/ │ │ ├── BacktoTop.js │ │ ├── Canvas.js @@ -181,6 +184,8 @@ │ └── blog-p-6.jpg ├── testimonial.html ├── tutorial.html +├── visi.css +├── visi.js └── welcome.html ``` diff --git a/repo_structure.txt b/repo_structure.txt index c3c6930..761cafc 100644 --- a/repo_structure.txt +++ b/repo_structure.txt @@ -24,6 +24,9 @@ ├── review.html ├── signup.html ├── src/ +│ ├── Contributor.css +│ ├── Contributor.html +│ ├── Contributor.js │ ├── Scripts/ │ │ ├── BacktoTop.js │ │ ├── Canvas.js @@ -89,4 +92,6 @@ │ └── blog-p-6.jpg ├── testimonial.html ├── tutorial.html +├── visi.css +├── visi.js └── welcome.html \ No newline at end of file From 34f377940d7ea1c47f9ee770b28ba71dfe1e4bea Mon Sep 17 00:00:00 2001 From: akhulisumit Date: Thu, 24 Oct 2024 03:02:32 +0530 Subject: [PATCH 31/55] Updating the about us page --- about-us.html | 322 +++++++++++++++++++++++--------------------------- 1 file changed, 145 insertions(+), 177 deletions(-) diff --git a/about-us.html b/about-us.html index 3b83827..f3e6b59 100644 --- a/about-us.html +++ b/about-us.html @@ -1,189 +1,157 @@ - + About Us - Creative Canvas Tool - - + + - - -
- + + +
+
-

About Creative Canvas Tool

-
-

- Creative Canvas Tool is designed to empower artists of all skill levels, offering an intuitive platform that transforms ideas into stunning digital artwork. With a wide range of brushes, colors, and textures at your fingertips, you can easily explore your creativity and experiment with different styles. Whether you're sketching a concept or finalizing a masterpiece, our user-friendly interface ensures a seamless experience, allowing you to focus on what matters most—your art. -
-
+

About Creative Canvas Tool

+
+

+ Creative Canvas Tool empowers artists of all skill levels with an intuitive platform to transform ideas into stunning digital artwork. With a wide range of brushes, colors, and textures, you can easily explore your creativity and experiment with different styles. Our user-friendly interface ensures a seamless experience, allowing you to focus on what matters most—your art. +

+ Creative Canvas +
+
+

+ Our tool not only offers powerful creation tools but also fosters a vibrant community for artists to share their work, seek feedback, and collaborate. Engage in challenges and participate in workshops to enhance your skills. With regular updates and new features, our platform evolves to meet the needs of both budding talents and seasoned professionals. +

+
+

Our Mission

+

+ To empower creativity by making digital art accessible to everyone, fostering a global community of artists and innovators.

- Creative Canvas -
-
-

- Our Tool not only offers powerful creation tools but also fosters a vibrant community for artists to share their work, seek feedback, and collaborate. Engage in challenges and participate in workshops to enhance your skills. With regular updates and new features, our platform continually evolves to meet the needs of both budding talents and seasoned professionals. +

Our Story

+

+ Founded in 2024, Creative Canvas Tool emerged from a passion project to revolutionize digital artistry, growing into a vibrant platform used by artists worldwide.

-
-
-
-
-
-
-
-

Our Mission

-

- To empower creativity by making digital art accessible to everyone, fostering a global community of artists and innovators. -
-
-
-

Our Story

-

- Founded in 2024, Creative Canvas Tool emerged from a passion project to revolutionize digital artistry, growing into a vibrant platform used by artists worldwide. -

-
-
-
-

Our Team

-
-
-

Anurag

-

Founder & Lead Developer

-
-
-

Somyadip Ghosh

-

Project Mentor

-
-
-
-
-
\ No newline at end of file +

Our Team

+
+
+

Anurag

+

Founder & Lead Developer

+
+
+

Somyadip Ghosh

+

Project Mentor

+
+
+
+ + From 920b29fc5a9856db88d15579510300f30fe3bc72 Mon Sep 17 00:00:00 2001 From: akhulisumit Date: Thu, 24 Oct 2024 03:14:47 +0530 Subject: [PATCH 32/55] editing the edition page(resolving conflicts) --- edition.html | 75 +++++++++++++++++++++++++++++++++++++--------------- 1 file changed, 53 insertions(+), 22 deletions(-) diff --git a/edition.html b/edition.html index 9751b37..cbdd15e 100644 --- a/edition.html +++ b/edition.html @@ -7,18 +7,59 @@ - - - + /* Circle styles */ .circle { From c1ac68c6ad57a10ce8f29a01298e41bedea9fde1 Mon Sep 17 00:00:00 2001 From: Akash Das <76689571+akash70629@users.noreply.github.com> Date: Thu, 24 Oct 2024 14:53:08 +0530 Subject: [PATCH 36/55] Update login.html --- login.html | 31 ++----------------------------- 1 file changed, 2 insertions(+), 29 deletions(-) diff --git a/login.html b/login.html index af54771..b34cdda 100644 --- a/login.html +++ b/login.html @@ -203,34 +203,7 @@

Canvas Editor

-
-

Design and create stunning visuals effortlessly!

-
-
- - -
+

LOG IN

@@ -332,4 +305,4 @@

LOG IN

- \ No newline at end of file + From 8200a144a2b4f5eeb2aeed36409aef5c93cdb435 Mon Sep 17 00:00:00 2001 From: Akash Das <76689571+akash70629@users.noreply.github.com> Date: Thu, 24 Oct 2024 15:11:07 +0530 Subject: [PATCH 37/55] Update testimonial.html --- testimonial.html | 47 +---------------------------------------------- 1 file changed, 1 insertion(+), 46 deletions(-) diff --git a/testimonial.html b/testimonial.html index f3ba03b..44d71f7 100644 --- a/testimonial.html +++ b/testimonial.html @@ -267,51 +267,6 @@

Canvas Editor

-
@@ -448,4 +403,4 @@

Ready to unleash your creativity?

- \ No newline at end of file + From 2d32981ff26072fd5febcce3e940edf74058e181 Mon Sep 17 00:00:00 2001 From: Akash Das <76689571+akash70629@users.noreply.github.com> Date: Thu, 24 Oct 2024 15:35:12 +0530 Subject: [PATCH 38/55] Update testimonial.html --- testimonial.html | 1 + 1 file changed, 1 insertion(+) diff --git a/testimonial.html b/testimonial.html index 44d71f7..8adc914 100644 --- a/testimonial.html +++ b/testimonial.html @@ -238,6 +238,7 @@

Canvas Editor

Sign Up Login
+ -/* General Styles */ -h2 { - margin-top: 50px; - color: black; - font-size: 50px; - font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; -} - -.circle { - height: 24px; - width: 24px; - border-radius: 50%; - background-color: black; - position: fixed; - top: 0; - left: 0; - pointer-events: none; - z-index: 99999999; - transition: transform 0.1s ease-out; -} - -/* Dark Mode Styles */ -.dark-mode { - background-color: #1a1a1a; - color: #ffffff; -} - -.dark-mode .container { - background-image: linear-gradient(120deg, #3a0033, #001a33, #1a0033); -} - -.dark-mode .canvas-container { - background: #2a2a2a; -} - -.dark-mode #mainCanvas { - border-color: #ffffff; - background-color: #333333; -} - -.dark-mode .btn { - background-color: #444444; -} - -.dark-mode .form-control { - background-color: #333333; - color: #ffffff; -} - -.dark-mode .footer { - background-color: #333333; - color: #ffffff; -} - -.dark-mode .footer .share a { - color: #ffffff; -} - -.body #darkModeToggle { - background-color: #ffffff; - color: #333333; -} From 7dc9451f7cd4a7d47fb72a80dba6c1006b9bf2ba Mon Sep 17 00:00:00 2001 From: Anuj Shrivastava Date: Thu, 24 Oct 2024 19:46:45 +0530 Subject: [PATCH 41/55] add changes --- index.html | 48 +++++++++++++++--------------------------------- 1 file changed, 15 insertions(+), 33 deletions(-) diff --git a/index.html b/index.html index 856c400..91f16cf 100644 --- a/index.html +++ b/index.html @@ -28,16 +28,8 @@ - - - - - - - - - - - - + - - + + - - - - - - +
@@ -918,96 +601,36 @@ src="https://cdn.dribbble.com/assets/dribbble-ball-mark-2bd45f09c2fb58dbbfb44766d5d1d07c5a12972d602ef8b32204d28fa3dda554.svg" alt="">
- +
+ +
- -
- -
- - - -
-

Design and create stunning visuals effortlessly!

-
+
-
- - - - - -
+
+ + +
+
--> -
+
+ class="form-control mw-100 w-70"> + + + +
@@ -1329,23 +899,25 @@

Welcome to the Canvas Editor!

-
-
+
+
-
-

Contact Us

- +
+ required pattern="[a-zA-Z ]+" + oninvalid="this.setCustomValidity('Numbers and Symbols are not allowed')" + oninput="this.setCustomValidity('')">
@@ -1378,24 +950,10 @@

Contact Us

-
- -
-
-

Your
Message

- -

- -
- - - -
- - - +
+
+

Your
Message

+ + + +

+
+ +
+
@@ -1420,25 +987,22 @@

Thank You!

- + - - - - - -
- - - - + - - - - - - - -

- - -
-
Visitor
-
-
- - - - - - + - - - - - + \ No newline at end of file From fbb050919965e01a01eeb2592afb8d76d21c43f4 Mon Sep 17 00:00:00 2001 From: sachinggsingh <152975718+sachinggsingh@users.noreply.github.com> Date: Fri, 25 Oct 2024 23:22:52 +0530 Subject: [PATCH 47/55] Syntax errors Solved --- index.html | 29 +++++++++++++++++++---------- 1 file changed, 19 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 82d37ee..7b037bc 100644 --- a/index.html +++ b/index.html @@ -28,7 +28,9 @@ - - -
- -
+ + +
+ +

About Creative Canvas Tool

From 83605c74252c9ec89ee38ec5b3bbe72c615c0c9a Mon Sep 17 00:00:00 2001 From: Kavish Paraswar Date: Fri, 25 Oct 2024 23:31:57 +0530 Subject: [PATCH 49/55] The changes have been made --- index.html | 8 ++++---- login.html | 10 +++++----- src/Styles/Style.css | 5 ++--- 3 files changed, 11 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index 1843056..2fe9306 100644 --- a/index.html +++ b/index.html @@ -863,7 +863,7 @@

Welcome to the Canvas Editor!

-
+
-
+
-
+
-
+
diff --git a/login.html b/login.html index af54771..522872e 100644 --- a/login.html +++ b/login.html @@ -75,7 +75,7 @@ justify-content: center; background-color: rgba(0,0,0,0.3); border-bottom: 2px solid #dee2e6; - width: 35%; + width: 50%; margin: auto; border-radius: 30px; } @@ -204,13 +204,13 @@

Canvas Editor

-

Design and create stunning visuals effortlessly!

+

Design and create stunning visuals effortlessly!

    - - +
  • Home
    • @@ -232,7 +232,7 @@

    Canvas Editor

-

LOG IN

+

LOG IN

diff --git a/src/Styles/Style.css b/src/Styles/Style.css index 5ff10fc..bb8ab57 100644 --- a/src/Styles/Style.css +++ b/src/Styles/Style.css @@ -601,8 +601,7 @@ html { } .nav-links a:hover { - color: #ffffff;s - + color: #ffffff; } /* navbar styling ends */ @@ -930,7 +929,7 @@ footer .credit { font-weight: bold; font-size: 36px; margin-bottom: 20px; - color: #333; + color: #fff; } .contact-section form { From f979c3c5010638a4cf546d3c9ac57d6a637495a6 Mon Sep 17 00:00:00 2001 From: AsifQamar Date: Fri, 25 Oct 2024 23:35:58 +0530 Subject: [PATCH 50/55] done --- privacy.html | 354 ++++++++++++++++++++++++++++++++++----------------- 1 file changed, 237 insertions(+), 117 deletions(-) diff --git a/privacy.html b/privacy.html index 043139e..67ce84a 100644 --- a/privacy.html +++ b/privacy.html @@ -301,120 +301,240 @@

Join Our Community

- - - - - - - - - - + + + + + + Enhanced Footer + + + + + + + +
+ + + + + + \ No newline at end of file From 48f0c6c84bf1526ae12e60d5ee23901ed0f0bd9e Mon Sep 17 00:00:00 2001 From: AsifQamar Date: Fri, 25 Oct 2024 23:49:01 +0530 Subject: [PATCH 51/55] done --- Blog_page.html | 406 ++++++++++++++++++++++++++++++++++++------------- 1 file changed, 303 insertions(+), 103 deletions(-) diff --git a/Blog_page.html b/Blog_page.html index fed815a..becec1c 100644 --- a/Blog_page.html +++ b/Blog_page.html @@ -1,113 +1,313 @@ - + Blog Section - - - + - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - + + + + + +
-
+

SERVICES LOVED THE MOST

-
+
@@ -380,7 +375,7 @@
Text
-