From 121df676cdca32a5562c9d648f8012cafdab4611 Mon Sep 17 00:00:00 2001
From: SeeChen <leeseechen@gmail.com>
Date: Thu, 12 Dec 2024 20:46:17 +0800
Subject: [PATCH] update

---
 CascadingStyleSheets/About/about.css          | 37 ++++++++++---------
 Data/About/Acknowledgments/AngusTan.json      |  1 +
 Data/About/Acknowledgments/EugeneYip.json     | 18 +++++++++
 JavaScript/About/about.js                     |  6 +--
 .../About/Session/Acknowledgments.json        | 20 +++++-----
 5 files changed, 52 insertions(+), 30 deletions(-)
 create mode 100644 Data/About/Acknowledgments/EugeneYip.json

diff --git a/CascadingStyleSheets/About/about.css b/CascadingStyleSheets/About/about.css
index ba5015c..bc08a51 100644
--- a/CascadingStyleSheets/About/about.css
+++ b/CascadingStyleSheets/About/about.css
@@ -16,7 +16,6 @@
 
 @media screen and (max-width: 750px) {
     :root {
-
     }
 }
 
@@ -166,35 +165,39 @@
 
 #about_ExpandContent #content_acknowledgments {
 
+    position: relative;
+
     width: 100vw;
-    height: 100dvh;
+    min-height: 100dvh;
+    max-height: 100dvh;
 
     overflow: hidden scroll;
-
-    /* filter: invert(1); */
 }
 #about_ExpandContent #content_acknowledgments::-webkit-scrollbar {
     display: none;
 }
 
-#about_ExpandContent #content_acknowledgments > img:nth-child(1) {
+#about_ExpandContent #content_acknowledgments > div:nth-child(1) {
 
-    display: block;
-
-    height: 15em;
-    text-align: center;
+    position: absolute;
 
-    margin: 10dvh auto 5dvh;
+    top: 0;
+    left: 0;
 
-    border-radius: 10em;
-    border: 0.15em solid #000000;
+    width: 100vw;
+    height: 125dvh;
 }
 
-#about_ExpandContent #content_acknowledgments > p:nth-child(2) {
+#about_ExpandContent #content_acknowledgments > div:nth-child(1) > img:nth-child(1) {
 
-    color: var(--font-color-title);
-    font-size: var(--font-size-2_5em);
-    font-family: var(--fontface-title);
+    position: sticky;
 
-    text-align: center;
+    top: 0;
+    left: 0;
+
+    width: 100vw;
+    height: 100dvh;
+
+    object-fit: cover;
+    object-position: center;
 }
diff --git a/Data/About/Acknowledgments/AngusTan.json b/Data/About/Acknowledgments/AngusTan.json
index 14e2323..a68e88e 100644
--- a/Data/About/Acknowledgments/AngusTan.json
+++ b/Data/About/Acknowledgments/AngusTan.json
@@ -1,4 +1,5 @@
 {
+    "background-pictures": "https://angustan.com/assets/images/angus.avif",
     "profile-pictures": "https://avatars.githubusercontent.com/u/59675739?v=4",
     "websites": "https://angustan.com/",
     "github": "https://github.com/tanvihang",
diff --git a/Data/About/Acknowledgments/EugeneYip.json b/Data/About/Acknowledgments/EugeneYip.json
new file mode 100644
index 0000000..8ef84d4
--- /dev/null
+++ b/Data/About/Acknowledgments/EugeneYip.json
@@ -0,0 +1,18 @@
+{
+    "background-pictures": "https://seechen.github.io/File/Image/Services/materials_9.avif",
+    "profile-pictures": "https://avatars.githubusercontent.com/u/119862951?v=4",
+    "websites": "https://spevoljy.site/",
+    "github": "https://github.com/EugeneSpevoljy",
+    "gitlab": "none",
+    "gitee": "none",
+    "email": "angustanworkspce@gmail.com",
+    "help_list": {
+        "layout-bugs-fix": true,
+        "responsive-design": true,
+        "animation-enhancements": true,
+        "crossBrowser-compatibility": true,
+        "crossDevice-compatibility": true,
+        "styling-best-practices": true,
+        "new-features-of-css":true
+    }
+}
\ No newline at end of file
diff --git a/JavaScript/About/about.js b/JavaScript/About/about.js
index 61a6b2e..c065386 100644
--- a/JavaScript/About/about.js
+++ b/JavaScript/About/about.js
@@ -213,10 +213,10 @@ const SeeChen_AboutPage_Acknowledgments = {
             
             window.myData.about.contentExpand = template_Acknowledgments;
 
-            window.myData.about.contentExpand.children[0].props["src"] = targetDetails["profile-pictures"];
-            window.myData.about.contentExpand.children[1].children = [e.target.dataset.originalObj];
+            // window.myData.about.contentExpand.children[0].props["src"] = targetDetails["profile-pictures"];
+            // window.myData.about.contentExpand.children[0].children[1] = [e.target.dataset.originalObj];
 
-            console.log(window.myData.about.contentExpand);
+            window.myData.about.contentExpand.children[0].children[0].props["src"] = targetDetails["background-pictures"];
 
             window.vDom.Patch(
                 document.querySelector("#about_ExpandContent"),
diff --git a/Layout/Webpages/About/Session/Acknowledgments.json b/Layout/Webpages/About/Session/Acknowledgments.json
index 87ae5aa..fbf3832 100644
--- a/Layout/Webpages/About/Session/Acknowledgments.json
+++ b/Layout/Webpages/About/Session/Acknowledgments.json
@@ -5,16 +5,16 @@
     },
     "lang": "",
     "children": [{
-        "tag": "img",
-        "props": {
-            "src": "/favicon.svg"
-        },
-        "lang": "",
-        "children": []
-    }, {
-        "tag": "p",
+        "tag": "div",
         "props": {},
-        "lang": "about",
-        "children": []
+        "lang": "",
+        "children": [{
+            "tag": "img",
+            "props": {
+                "src": "/favicon.svg"
+            },
+            "lang": "",
+            "children": []
+        }]
     }]
 }
\ No newline at end of file