diff --git a/index.html b/index.html index 37f93ab..11e6c78 100644 --- a/index.html +++ b/index.html @@ -576,11 +576,36 @@

What type of transportation do you prefer for your travels?

- - + + + + + Profile Icon + + + + + + + + + + + + + +
+
+ + + Home + + +

Edit Profile

+
+ +
+

Select Avatar

+
+ + + + + +
+
+ +
+

Edit Details

+ + + + +
+ +
+ + + + + + + + + diff --git a/testp.html b/testp.html index 397e983..357299c 100644 --- a/testp.html +++ b/testp.html @@ -4,14 +4,10 @@ - - - Profile Page - @@ -19,80 +15,114 @@
-

Your Profile

+

Your Profile

- Profile Image + + Profile Image
-

Skylar Reed

-

Email: skylar.reed@example.com

-

Phone: +987 654 3210

-

Joined: October 31, 2024

-

About Me: Hello!🙋🏻‍♂️ Feel free to reach out to me at skylar.reed@example.com 😎

-

Last active: 31/10/2024, 11:12 PM

- + +

Skylar Reed

+

Email: skylar.reed@example.com

+

Phone: +987 654 3210

+

About Me: Hello!🙋🏻‍♂️ Feel free to reach out to me at skylar.reed@example.com 😎

+

Joined: October 31, 2024

+

Last active:

-
+
+
-

Account Details

-

Address

-

789 Pine Lane, Austin, TX 73301

- +

Friends List

+

27 friends online

+

Change Password

-

*********63

- +

*****63

+

Privacy Settings

Visibility Status: Public

- + +

Recent Activity

Updated profile information

- + +
+
-

Notifications

Your profile has been updated successfully!

-
-

Your ticket has been successfully booked! Confirmation number: 71381.

- +

Joshef Roy has sent you a friend request. Accept or decline?

+
+ + + - diff --git a/testp.js b/testp.js index a95bf93..5d2524f 100644 --- a/testp.js +++ b/testp.js @@ -1,33 +1,39 @@ // Get current timestamp const getCurrentTimestamp = () => { - return new Date().getTime(); - }; + return new Date().getTime(); +}; - // Store last active timestamp in LocalStorage - const storeLastActive = () => { - const lastActive = getCurrentTimestamp(); - localStorage.setItem('lastActive', lastActive); - }; - // Get last active timestamp from LocalStorage - const getLastActive = () => { - return localStorage.getItem('lastActive'); - }; +// Store last active timestamp in LocalStorage +const storeLastActive = () => { + const lastActive = getCurrentTimestamp(); + localStorage.setItem('lastActive', lastActive); +}; - // Update last active timestamp on page load and interaction - document.addEventListener('DOMContentLoaded', storeLastActive); - document.addEventListener('click', storeLastActive); - document.addEventListener('scroll', storeLastActive); - document.addEventListener('keydown', storeLastActive); - // Example usage: - const displayLastActive = () => { - const lastActive = getLastActive(); - const formattedTime = new Date(parseInt(lastActive)).toLocaleString(); - document.getElementById('last-active').innerHTML = Last active: ${formattedTime}; - }; +// Get last active timestamp from LocalStorage +const getLastActive = () => { + return localStorage.getItem('lastActive'); +}; - displayLastActive(); +// Update last active timestamp on page load and interaction +document.addEventListener('DOMContentLoaded', storeLastActive); +document.addEventListener('click', storeLastActive); +document.addEventListener('scroll', storeLastActive); +document.addEventListener('keydown', storeLastActive); + + +// Example usage: +const displayLastActive = () => { + const lastActive = getLastActive(); + if (lastActive) { + const formattedTime = new Date(parseInt(lastActive)).toLocaleString(); + document.getElementById('last-active').innerHTML = `Last active: ${formattedTime}`; + } +}; + + +// Display the last active time on page load +document.addEventListener('DOMContentLoaded', displayLastActive); - \ No newline at end of file