From 1956e981bb0ff65f2d12e753be00cbf618800e8f Mon Sep 17 00:00:00 2001 From: xfarrow <49845537+xfarrow@users.noreply.github.com> Date: Wed, 10 Apr 2024 10:55:19 +0200 Subject: [PATCH] userprofile update, profile-settings in testing --- .../html/testing/profile-settings.html | 259 ++++++++++++++ .../vanilla/html/testing/userprofile.html | 229 ------------- frontend/vanilla/html/userprofile.html | 315 ++++++++++++------ 3 files changed, 470 insertions(+), 333 deletions(-) create mode 100644 frontend/vanilla/html/testing/profile-settings.html delete mode 100644 frontend/vanilla/html/testing/userprofile.html diff --git a/frontend/vanilla/html/testing/profile-settings.html b/frontend/vanilla/html/testing/profile-settings.html new file mode 100644 index 0000000..50c8bd7 --- /dev/null +++ b/frontend/vanilla/html/testing/profile-settings.html @@ -0,0 +1,259 @@ + + + + + + + + bs4 Profile Settings page - Bootdey.com + + + + + + + +
+

Settings

+
+
+
+
+
Profile Settings
+
+
+ + Account + + + Password + + + Privacy and safety + + + Email notifications + + + Web notifications + + + Widgets + + + Your data + + + Delete account + +
+
+
+
+
+
+
+
+
+
+ + + + + + + +
+ Action + Another action + Something else here +
+
+
+
Personal information
+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ Andrew Jones +
+ +
+ For best results, use an image at least 128px by 128px in .jpg + format +
+
+
+ +
+
+
+
+
+
+
+ + + + + + + +
+ Action + Another action + Something else here +
+
+
+
Contact information
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+ +
+
+
+
Password
+
+
+ + + Forgot your password? +
+
+ + +
+
+ + +
+ +
+
+
+
+ +
+
+ +
+
+
+
+ + + + + + \ No newline at end of file diff --git a/frontend/vanilla/html/testing/userprofile.html b/frontend/vanilla/html/testing/userprofile.html deleted file mode 100644 index 67a5b21..0000000 --- a/frontend/vanilla/html/testing/userprofile.html +++ /dev/null @@ -1,229 +0,0 @@ - - - - - - - - - -
- - -
-
-
-
- avatar -
John Doe
-

Full Stack Developer

-

New York City, United States of America

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco - laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit - esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa - qui officia deserunt mollit anim id est laborum.

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

Experience

- -
Software Engineer
-

Blink Inc.

-

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur - minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam - et. Est hic perspiciatis minus molestias delectus. - Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed - sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

-

February 2020 - present

- -
- -
Software Engineer
-

Blink Inc.

-

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur - minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam - et. Est hic perspiciatis minus molestias delectus. - Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed - sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

-

February 2020 - present

- -
-
- - -
-
- -

Education

- -
Bachelor's Degree in Computer Science
-

University of Berkley

-

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur - minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam - et. Est hic perspiciatis minus molestias delectus. - Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed - sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

-

February 2020 - July 2024

- -
- -
Bachelor's Degree in Computer Science
-

University of Berkley

-

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur - minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam - et. Est hic perspiciatis minus molestias delectus. - Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed - sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

-

February 2020 - July 2024

- -
- -
Bachelor's Degree in Computer Science
-

University of Berkley

-

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur - minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam - et. Est hic perspiciatis minus molestias delectus. - Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed - sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

-

February 2020 - July 2024

- -
-
- - -
-
-

Skills

-

Web Design

-
-
-
-

Website Markup

-
-
-
-

One Page

-
-
-
-

Mobile Template

-
-
-
-

Backend API

-
-
-
-
-
- -
-
-
- - - - - - - - \ No newline at end of file diff --git a/frontend/vanilla/html/userprofile.html b/frontend/vanilla/html/userprofile.html index 62d1056..7e1ce1c 100644 --- a/frontend/vanilla/html/userprofile.html +++ b/frontend/vanilla/html/userprofile.html @@ -1,121 +1,228 @@ - - + - - - Page Title - - - + + + - -
- Home - Discover - Your Job Applications - Messages -
-
- - -
+ +
+ + +
+
+
+
+ avatar +
John Doe
+

Full Stack Developer

+

New York City, United States of America

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco + laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit + esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa + qui officia deserunt mollit anim id est laborum.

+
+ + +
+
-
-
- -
- Profile Picture -

Name Surname

-

Title

-
-
-

About Me

-

About me

-
-
-

Experience

-
-

Web Developer

-

Blink Corporation: 2020-Present

-
    -
  • Developed and maintained company website
    • -
  • Implemented new features using HTML, CSS, and JavaScript
    • -
  • Collaborated with designers to ensure UI/UX best practices
    • -
+ +
+
+ +
+
+
+
+ + +
+
+ +

Experience

+ +
Software Engineer
+

Blink Inc.

+

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur + minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam + et. Est hic perspiciatis minus molestias delectus. + Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed + sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

+

February 2020 - present

+ +
+ +
Software Engineer
+

Blink Inc.

+

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur + minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam + et. Est hic perspiciatis minus molestias delectus. + Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed + sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

+

February 2020 - present

+ +
+
+ + +
+
+ +

Education

+ +
Bachelor's Degree in Computer Science
+

University of Berkley

+

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur + minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam + et. Est hic perspiciatis minus molestias delectus. + Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed + sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

+

February 2020 - July 2024

+ +
+ +
Bachelor's Degree in Computer Science
+

University of Berkley

+

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur + minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam + et. Est hic perspiciatis minus molestias delectus. + Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed + sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

+

February 2020 - July 2024

+ +
+ +
Bachelor's Degree in Computer Science
+

University of Berkley

+

Sint fuga et eligendi at sint sequi. Odio dolorum aperiam consectetur + minima voluptatem. Eligendi adipisci earum ut officia. Aperiam laboriosam consequatur aut repudiandae nam + et. Est hic perspiciatis minus molestias delectus. + Eos suscipit quia similique qui suscipit cum sequi similique. Assumenda rem quis quidem velit. In ut a sed + sit blanditiis. Eaque ipsum placeat aut ut aspernatur provident et aut.

+

February 2020 - July 2024

+ +
+
+ + +
+
+

Skills

+

Web Design

+
+
-
-
-

Education

-
-

Bachelor of Science in Computer Science

-

XYZ University: 2016-2020

+

Website Markup

+
+
-
-
-

Email: john.doe@example.com

-
+

One Page

+
+
+
+

Mobile Template

+
+
+
+

Backend API

+
+
+
+
+
+ +
+
- - + + + + function populateFields(displayName, email, aboutMe, qualification, placeOfLiving) { + document.getElementById('display-name').textContent = displayName; + document.title = `${displayName} - Blink` + document.getElementById('email').textContent = email; + document.getElementById('about-me').textContent = aboutMe; + document.getElementById('qualification').textContent = qualification; + document.getElementById('place-of-living').textContent = placeOfLiving; + } +