From 10cd12f6190b9dfded3776f3832637f00d92255d Mon Sep 17 00:00:00 2001 From: ZigaoWang Date: Wed, 11 Oct 2023 19:54:39 +0800 Subject: [PATCH] Update v0.3.0 --- image/settings.png | Bin 0 -> 15674 bytes image/user.png | Bin 0 -> 12447 bytes index.html | 40 +++++++++++++++---- script.js | 84 +++++++++++++++++++++++++++++++++++++++ style.css | 96 +++++++++++++++++++++++++++++++++++++++++++-- 5 files changed, 209 insertions(+), 11 deletions(-) create mode 100644 image/settings.png create mode 100644 image/user.png diff --git a/image/settings.png b/image/settings.png new file mode 100644 index 0000000000000000000000000000000000000000..d25f2e891d338a5cb67f470301e09e77c779dea6 GIT binary patch literal 15674 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 S+JR(fNKe}UR<3FP`2PX!l#mqw literal 0 HcmV?d00001 diff --git a/image/user.png b/image/user.png new file mode 100644 index 0000000000000000000000000000000000000000..930c8968093f37274409173e602440ea24ecf357 GIT binary patch literal 12447 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 1c5f0c6..da3ec3f 100644 --- a/index.html +++ b/index.html @@ -24,14 +24,15 @@
+ +
+
+ User Photo +
+
+
- - @@ -44,7 +45,9 @@ - +
@@ -115,6 +118,29 @@

About

+ diff --git a/script.js b/script.js index ba2b858..442497a 100644 --- a/script.js +++ b/script.js @@ -356,6 +356,19 @@ notesClose.addEventListener('click', () => { notesPopup.style.display = 'none'; }); +const settingsButton = document.getElementById('settings-button'); +const settingsPopup = document.getElementById('settings-popup'); +const settingsClose = document.getElementById('settings-close'); + +settingsButton.addEventListener('click', () => { + settingsPopup.classList.add('fadeIn'); + settingsPopup.style.display = 'flex'; +}); + +settingsClose.addEventListener('click', () => { + settingsPopup.style.display = 'none'; +}); + var myDate = new Date(); var hrs = myDate.getHours(); @@ -398,3 +411,74 @@ updateOnlineTime(); // Update the time every second setInterval(updateOnlineTime, 1000); + +// Get elements from the HTML +const userPhotoElement = document.getElementById("user-photo"); +const photoUploadElement = document.getElementById("photo-upload"); + +// Check if there is a previously uploaded photo in local storage +const storedPhoto = localStorage.getItem("userPhoto"); + +// If a photo is found in local storage, display it +if (storedPhoto) { + userPhotoElement.src = storedPhoto; +} + +// Add an event listener to the upload button +photoUploadElement.addEventListener("change", function () { + const file = photoUploadElement.files[0]; + if (file) { + // Read the uploaded image and set it as the user photo + const reader = new FileReader(); + reader.onload = function (event) { + const imageUrl = event.target.result; + userPhotoElement.src = imageUrl; + + // Store the image in local storage + localStorage.setItem("userPhoto", imageUrl); + }; + reader.readAsDataURL(file); + } +}); + +// Add an event listener to the delete button +document.getElementById("delete-photo").addEventListener("click", function () { + // Clear the user photo and remove it from local storage + userPhotoElement.src = "user.png"; + localStorage.removeItem("userPhoto"); + photoUploadElement.value = ""; // Clear the file input +}); + +// Add an event listener to the "Choose File" button +document.getElementById("choose-file").addEventListener("click", function () { + // Trigger the file input when the button is clicked + document.getElementById("photo-upload").click(); +}); + +// Get elements from the HTML +const setNameButton = document.getElementById("set-name"); +const userName = document.getElementById("user-name"); + +// Try to retrieve the user's name from local storage +const cachedName = localStorage.getItem("userName"); + +// If a cached name is found, display it +if (cachedName) { + userName.textContent = cachedName; + userName.style.display = "block"; +} + +// Add event listener to the "Set Name" button +setNameButton.addEventListener("click", function () { + // Use window.prompt to capture the user's name + const name = window.prompt("Please enter your name:"); + + if (name) { + // Display the user's name underneath the profile picture + userName.textContent = name; + userName.style.display = "block"; + + // Store the user's name in local storage + localStorage.setItem("userName", name); + } +}); diff --git a/style.css b/style.css index 54427eb..51630f8 100644 --- a/style.css +++ b/style.css @@ -36,7 +36,7 @@ body { left: 0; width: 100%; height: 100%; - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.45); z-index: 1; animation: fadeIn 1s ease-in-out; } @@ -88,6 +88,16 @@ body { text-align: center; } +#user-name { + position: relative; + font-size: 2vh; + margin-top: 1vh; + color: white; + text-shadow: 1vh 1vh 2vh rgba(0, 0, 0, 0.8); + z-index: 1; + text-align: center; +} + #bottom-container { bottom: 2.5vh; position: absolute; @@ -133,9 +143,10 @@ body { cursor: pointer; padding: 2px; transition: background-color 0.3s ease-in-out; - margin-right: 0.8vh; - width: 4vh; - height: 4vh; + margin-right: 0.4vh; + margin-left: 0.4vh; + width: 3.8vh; + height: 3.8vh; display: flex; align-items: center; justify-content: center; @@ -292,4 +303,81 @@ td a { td a:hover { text-decoration: underline; +} + +/* Style the profile photo section */ +#profile-photo { + position: absolute; + bottom: 11vh; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 10px; +} + +/* Style the avatar container */ +.avatar-container { + width: 8vh; + height: 8vh; + background-color: #ccc; + border-radius: 50%; + overflow: hidden; + position: relative; + margin: 0 auto; +} + +/* Style the user profile photo */ +#user-photo { + width: 100%; + height: 100%; + object-fit: cover; +} + +/* Style the Upload Background button */ +#upload-button, #delete-button { + display: block; + width: 100%; + padding: 10px; + margin-bottom: 10px; + background-color: #ff0000; + color: #fff; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease-in-out; + text-align: center; +} + +#upload-button:hover, #delete-button:hover { + background-color: #cf0000; +} + +#upload-button:active, #delete-button:active { + background-color: #a20000; +} + +/* Style the Choose Avatar Photo button */ +#choose-file, #delete-photo, #set-name { + display: block; + width: 100%; + padding: 10px; + margin-bottom: 10px; + background-color: #007BFF; + color: #fff; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease-in-out; + text-align: center; +} + +#choose-file:hover, #delete-photo:hover, #set-name:hover { + background-color: #0056b3; +} + +#choose-file:active, #delete-photo:active, #set-name:active { + background-color: #003981; } \ No newline at end of file