From d8506e770469c2d0ee56c9591c412d0347bdceca Mon Sep 17 00:00:00 2001 From: tan jo Date: Mon, 7 Oct 2024 12:45:18 +0530 Subject: [PATCH 1/4] FOoter navbar login sign up --- git | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 git diff --git a/git b/git new file mode 100644 index 0000000..e69de29 From 8fad0e440b679566f25a825cc496ee2dceb8bd80 Mon Sep 17 00:00:00 2001 From: tan jo Date: Mon, 7 Oct 2024 13:06:53 +0530 Subject: [PATCH 2/4] created a responsible navbar signin footer and signup page --- public/css/style.css | 75 +++++++++++++++++++++++++++++------------- views/users/signup.ejs | 45 ++++++++++--------------- 2 files changed, 71 insertions(+), 49 deletions(-) diff --git a/public/css/style.css b/public/css/style.css index eb09a4c..c148ac8 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -43,48 +43,79 @@ a.navbar-brand { } /*footer*/ -.f-info-links a{ +.f-info { + text-align: center; + background-color: #ebebeb; + display: flex; + flex-direction: column; /* Stack items vertically */ + align-items: center; /* Center items horizontally */ + padding: 1rem; /* Add padding for better spacing */ +} + +.f-info-links, +.f-info-socials, +.f-info-brand { + width: 100%; /* Ensure full width */ + margin-bottom: 0.5rem; /* Add space between sections */ +} + +/* Link styles */ +.f-info-links a { text-decoration: none; color: #222222; + margin: 0 1rem; /* Space out links */ } -.f-info-links a:hover{ + +.f-info-links a:hover { text-decoration: underline !important; } -.f-info-socials a{ + +.f-info-socials a { text-decoration: none; color: #222222; } -.f-info-socials a:hover{ + +.f-info-socials a:hover { color: #000; } -.f-info-links, -.f-info-socials, -.f-info-brand{ + +/* Socials icons */ +.f-info-socials { display: flex; - width: 100%; - align-items: center; - justify-content: center; + justify-content: center; /* Center social links */ + flex-wrap: wrap; /* Wrap icons on smaller screens */ } -.f-info-socials i{ +.f-info-socials i { font-size: 1.3rem !important; - margin-right: 1rem !important; - transition: color 0.3s ease, transform 0.3s ease; /* Added smooth transition */ + margin: 0 1rem; /* Horizontal spacing between icons */ + transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition */ } -.f-info-socials i:hover{ + +.f-info-socials i:hover { color: dodgerblue; /* Change icon color on hover */ transform: scale(1.1); /* Slight zoom effect */ } -.f-info{ - text-align: center; - height: 5.5rem; - background-color: #ebebeb; - display:flex; - flex-wrap: wrap; - justify-content: center; - align-items: space-evenly; +/* Brand information */ +.f-info-brand { + margin-top: 0.5rem; /* Space above brand text */ } + +/* Responsive adjustments */ +@media (max-width: 576px) { + .f-info-links, + .f-info-socials, + .f-info-brand { + flex-direction: column; /* Stack elements vertically on small screens */ + } + + .f-info-socials i { + margin-right: 0; /* Remove right margin on smaller screens */ + margin-bottom: 0.5rem; /* Add bottom margin for spacing */ + } +} + /*cards*/ .listing-card{ border: none !important; diff --git a/views/users/signup.ejs b/views/users/signup.ejs index d98d02e..6f05951 100644 --- a/views/users/signup.ejs +++ b/views/users/signup.ejs @@ -1,7 +1,7 @@ <% layout("/layouts/boilerplate") -%>
-
+

Sign Up

@@ -10,34 +10,26 @@
- -
-
- Looks good! -
-
- Please enter a valid username +
+
Looks good!
+
Please enter a valid username
- -
-
- Please enter a valid email address +
+
Please enter a valid email address
- -
-
- Please enter a password +
+
Please enter a password
@@ -94,15 +86,14 @@ (function () { 'use strict' var forms = document.querySelectorAll('.needs-validation') - Array.prototype.slice.call(forms) - .forEach(function (form) { - form.addEventListener('submit', function (event) { - if (!form.checkValidity()) { - event.preventDefault() - event.stopPropagation() - } - form.classList.add('was-validated') - }, false) - }) + Array.prototype.slice.call(forms).forEach(function (form) { + form.addEventListener('submit', function (event) { + if (!form.checkValidity()) { + event.preventDefault() + event.stopPropagation() + } + form.classList.add('was-validated') + }, false) + }) })() - \ No newline at end of file + From 4aab6a063fa84a9bd87643ece567b6498d9dbb8f Mon Sep 17 00:00:00 2001 From: tan jo Date: Mon, 7 Oct 2024 13:17:50 +0530 Subject: [PATCH 3/4] make responsible signup singin navbar footer --- Museum345 | 1 + 1 file changed, 1 insertion(+) create mode 160000 Museum345 diff --git a/Museum345 b/Museum345 new file mode 160000 index 0000000..5fab2d1 --- /dev/null +++ b/Museum345 @@ -0,0 +1 @@ +Subproject commit 5fab2d12bc0ea6833cc49b8e9404fb3161046bfc From 996ae9a6d8384f599a1977511581084433a9f1e6 Mon Sep 17 00:00:00 2001 From: tan jo Date: Mon, 7 Oct 2024 13:21:01 +0530 Subject: [PATCH 4/4] make responsibe navbar footer login and signup --- views/includes/footer.ejs | 32 ++++++++++++++++++++------------ views/includes/navbar.ejs | 36 +++++++++++++++++++++--------------- views/users/login.ejs | 4 ++-- 3 files changed, 43 insertions(+), 29 deletions(-) diff --git a/views/includes/footer.ejs b/views/includes/footer.ejs index 9dfa2cf..57cd582 100644 --- a/views/includes/footer.ejs +++ b/views/includes/footer.ejs @@ -1,15 +1,23 @@ -