diff --git a/settings/about.html b/settings/about.html new file mode 100644 index 0000000..0c98e66 --- /dev/null +++ b/settings/about.html @@ -0,0 +1,61 @@ + + + + + + About Us + + + + + +
+ +
+
+
+
+

About Us

+

Budget Buddy

+
+
+
+
+ +
+
+
+ uml campus +
+
+
+ +

We're four computer science students from UMass Lowell. Our names are Daniel Quinonez, Jacob Veber, Gabe Herrera, and Chris Olaf.

+ +

+ Using Budget Buddy, we are hoping to help young people take control of their finances. We know that it can be extremely + difficult to balance bills and other expenses at the same time as being a full-time student, so we want to make it as + easy as possible for students to quickly understand what their budget looks like. In addition, we want to help young people + make plans to pay off any loans they have needed to take out if, for example, they are a college student. This way, we hope that the + daunting task of managing debt while being a young adult with little or unstable income can be made easier. +

+ +

+ By helping the young demographic manage their way through debt, we are aiming to help them gain financial independence as soon as + possible, so that they can live their lives post-graduation with the most opportunities. Also, and possibly most + importantly, we hope that by using Budget Buddy, students gain an idea of how to effectively balance their budget. + This way, they will be able to manage their money in a more effective way after they graduate and move into the professional + world. We want young people to have an idea of how budgeting can work for them when they begin to make more money in their + careers and begin to take on more debt in order to do things like buy a house. +

+ +
+ budgeting + uml logo + budget hero +
+
+ + + + \ No newline at end of file diff --git a/settings/contact.html b/settings/contact.html new file mode 100644 index 0000000..fe141de --- /dev/null +++ b/settings/contact.html @@ -0,0 +1,51 @@ + + + + + + Contact Us + + + + +
+ +
+
+
+
+

Contact Us

+

Budget Buddy

+
+
+
+
+ +
+
+
+ contact +
+
+
+ + +

Reach out to us with any questions, concerns or feedback, and a member of our team will gladly assist you:

+
+
+ + +
+
+ + +
+
+ +
+
+ + + + + \ No newline at end of file diff --git a/settings/css/about.css b/settings/css/about.css new file mode 100644 index 0000000..e69de29 diff --git a/settings/images/Logo.png b/settings/images/Logo.png new file mode 100644 index 0000000..f8e834d Binary files /dev/null and b/settings/images/Logo.png differ diff --git a/settings/images/budget1.png b/settings/images/budget1.png new file mode 100644 index 0000000..beb0f71 Binary files /dev/null and b/settings/images/budget1.png differ diff --git a/settings/images/budget2.avif b/settings/images/budget2.avif new file mode 100644 index 0000000..b32eda4 Binary files /dev/null and b/settings/images/budget2.avif differ diff --git a/settings/images/budgethero1.png b/settings/images/budgethero1.png new file mode 100644 index 0000000..b7dce7e Binary files /dev/null and b/settings/images/budgethero1.png differ diff --git a/settings/images/contact.jpeg b/settings/images/contact.jpeg new file mode 100644 index 0000000..b3c7e54 Binary files /dev/null and b/settings/images/contact.jpeg differ diff --git a/settings/images/money1.png b/settings/images/money1.png new file mode 100644 index 0000000..65e2a88 Binary files /dev/null and b/settings/images/money1.png differ diff --git a/settings/images/money2.png b/settings/images/money2.png new file mode 100644 index 0000000..fec00ae Binary files /dev/null and b/settings/images/money2.png differ diff --git a/settings/images/money3.png b/settings/images/money3.png new file mode 100644 index 0000000..e16b258 Binary files /dev/null and b/settings/images/money3.png differ diff --git a/settings/images/river_hawk.png b/settings/images/river_hawk.png new file mode 100644 index 0000000..4e588a6 Binary files /dev/null and b/settings/images/river_hawk.png differ diff --git a/settings/images/spiderman.jpeg b/settings/images/spiderman.jpeg new file mode 100644 index 0000000..90b37ab Binary files /dev/null and b/settings/images/spiderman.jpeg differ diff --git a/settings/images/umass_lowell.jpeg b/settings/images/umass_lowell.jpeg new file mode 100644 index 0000000..41d6c26 Binary files /dev/null and b/settings/images/umass_lowell.jpeg differ diff --git a/settings/js/settings.js b/settings/js/settings.js new file mode 100644 index 0000000..aa56c81 --- /dev/null +++ b/settings/js/settings.js @@ -0,0 +1,73 @@ +// javascript for the updated username alert +const nameAlertPlaceholder = document.getElementById('nameAlert') +const nameAppendAlert = (message, type) => { + const wrapper = document.createElement('div') + wrapper.innerHTML = [ + `' + ].join('') + + nameAlertPlaceholder.append(wrapper) +} + +const nameAlertTrigger = document.getElementById('newNameButton') +if (nameAlertTrigger) { + nameAlertTrigger.addEventListener('click', () => { + nameAppendAlert('Name updated successfully!', 'success') + }) +} + +// javascript for the updated password alert +const passwordAlertPlaceholder = document.getElementById('passwordAlert') +const passwordAppendAlert = (message, type) => { + const wrapper = document.createElement('div') + wrapper.innerHTML = [ + `' + ].join('') + + passwordAlertPlaceholder.append(wrapper) +} + +const passwordAlertTrigger = document.getElementById('newPasswordButton') +if (passwordAlertTrigger) { + passwordAlertTrigger.addEventListener('click', () => { + passwordAppendAlert('Password updated successfully!', 'success') + }) +} + +(() => { + 'use strict' + + // Fetch all the forms we want to apply custom Bootstrap validation styles to + const forms = document.querySelectorAll('.needs-validation') + + // Loop over them and prevent submission + Array.from(forms).forEach(form => { + form.addEventListener('click', event => { + if (!form.checkValidity()) { + event.preventDefault() + event.stopPropagation() + } + + form.classList.add('was-validated') + }, false) + }) +})() + +// toggle between light mode and dark mode +document.getElementById('darkModeCheckbox').addEventListener('click', ()=>{ + if (document.documentElement.getAttribute('data-bs-theme') == 'dark') { + document.documentElement.setAttribute('data-bs-theme','light') + } + else { + document.documentElement.setAttribute('data-bs-theme','dark') + } +}) + + + diff --git a/settings/privacy.html b/settings/privacy.html new file mode 100644 index 0000000..e69de29 diff --git a/settings/settings.html b/settings/settings.html new file mode 100644 index 0000000..43e574b --- /dev/null +++ b/settings/settings.html @@ -0,0 +1,110 @@ + + + + + + Settings + + + + +
+

Profile Settings

+ +
Profile Picture
+ +
+ profile pic +
+ +
+ + +
+ +
Email and Name
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+ Please enter a new name +
+
+
+ + +
+
+ +
+
+ +
Password
+
+
+ +
+ +
+ Please enter your current password +
+
+
+
+ +
+ +
+ Please enter a new password +
+ Your new password must be between 8 to 20 characters long +
+
+
+ +
+
+ +
+
+ + +

Dark Mode

+ +
+ + +
+ +

Account Settings

+ +
+ +
+
CAUTION: This will reset your account. In doing so, all your budget data will be erased and you will be able to restart.
+
+ +
+ +
+
CAUTION: This will delete your account. All account and profile data will be completely erased.
+
+
+ + + + \ No newline at end of file