From 39aa432069970a02f9eb79109e718f6255315c1d Mon Sep 17 00:00:00 2001 From: Rainyy21 Date: Wed, 17 Sep 2025 01:37:15 -0400 Subject: [PATCH 1/3] I continue with the button but not fully finish and added a readme to keep track of my note --- README.md | 13 ++++++++++ css/main_button.css | 17 +++++++++++++ css/mainpage.css | 1 + ...40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg | 1 + ...40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg | 1 + ...40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg | 1 + ...40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg | 1 + index.html | 25 ++++++++++++++++++- 8 files changed, 59 insertions(+), 1 deletion(-) create mode 100644 README.md create mode 100644 css/main_button.css create mode 100644 image/assignment_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg create mode 100644 image/info_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg create mode 100644 image/link_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg create mode 100644 image/mail_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg diff --git a/README.md b/README.md new file mode 100644 index 0000000..cc16923 --- /dev/null +++ b/README.md @@ -0,0 +1,13 @@ +# My personal website +this is the document what I'm currently doing and what my plan is going to be + + +# goal +I need to finish the link button by making them better and adding color to them + +after button think of how to send link to different page and what the layout of those page + +# Done +competed the dark and light mode button +complete color scheme +complete main box to hold info diff --git a/css/main_button.css b/css/main_button.css new file mode 100644 index 0000000..5edc3fd --- /dev/null +++ b/css/main_button.css @@ -0,0 +1,17 @@ +#social_button{ + cursor: pointer; + background: none; + border: none; + +} +#social_text{ + margin-top: 0; + color:var(--text-color) +} + +.social{ + display: flex; + flex-direction: row; + justify-content: space-between; + gap: 4rem; +} diff --git a/css/mainpage.css b/css/mainpage.css index f7d0d96..3b6edde 100644 --- a/css/mainpage.css +++ b/css/mainpage.css @@ -4,6 +4,7 @@ align-items:center; justify-content:center; flex-direction: column; + height: 50vh; } diff --git a/image/assignment_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg b/image/assignment_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg new file mode 100644 index 0000000..2f75759 --- /dev/null +++ b/image/assignment_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/image/info_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg b/image/info_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg new file mode 100644 index 0000000..6549e8e --- /dev/null +++ b/image/info_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/image/link_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg b/image/link_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg new file mode 100644 index 0000000..8e7e894 --- /dev/null +++ b/image/link_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/image/mail_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg b/image/mail_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg new file mode 100644 index 0000000..ca840a4 --- /dev/null +++ b/image/mail_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 9653a01..87e3242 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,8 @@ + + @@ -51,7 +53,28 @@
- + +
+ +
+ +
+ +
+ +
+ +
+
From cd7254c58b5596b902beb8199770c44e0f01948c Mon Sep 17 00:00:00 2001 From: Rainyy21 Date: Wed, 24 Sep 2025 20:43:38 -0400 Subject: [PATCH 2/3] edit readme and added info.html --- info.html | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) create mode 100644 info.html diff --git a/info.html b/info.html new file mode 100644 index 0000000..3c1c772 --- /dev/null +++ b/info.html @@ -0,0 +1,77 @@ + + + + + + + Rain about + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+
+ + +
+
+ + +
+
+
+
+ About +
+
+ +
+ +

+ HI I'm Simon Zheng +

+

+ I'm a student at brookyln college.
+ I'm currently in my senior year and considering going for my master.
+ + +

+ +
+
+
+ + +
+ +
+
+ + + + \ No newline at end of file From 2a1ed46ec35463f90b935f4cd1cebd86cc976fcb Mon Sep 17 00:00:00 2001 From: Rainyy21 Date: Wed, 24 Sep 2025 20:45:55 -0400 Subject: [PATCH 3/3] commitig all before branching --- css/about.css | 15 +++++++++++ css/style.css | 26 +++++++++++++++++++ ...40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg | 1 + index.html | 2 +- js/darkmode.js | 24 +++++++++-------- 5 files changed, 56 insertions(+), 12 deletions(-) create mode 100644 css/about.css create mode 100644 image/home_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..a9292b6 --- /dev/null +++ b/css/about.css @@ -0,0 +1,15 @@ +#about .description{ + font-family: monospace; + font-size: 1.5rems; + font-weight: normal; + overflow-y: auto; + overflow-x: hidden; + white-space: normal; + word-wrap: break-word; + height: 100rem; + width: 40rem; +} + +#about .tittle_text{ + padding-bottom: 2rem; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 41b740e..93cb864 100644 --- a/css/style.css +++ b/css/style.css @@ -11,6 +11,11 @@ overflow: hidden; } +/* trying to make the color change */ +*{ + transition: background-color 0.4s ease, color 0.4s ease; +} + /* darkmode color */ .dark{ --primary-background-color: #78B9B5; @@ -85,3 +90,24 @@ color: var(--text-color); } +.header{ + display: flex; + flex-direction: row; +} + +#home_button{ + border-style: none; + background: none; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + +} + +#home_button svg{ + width: 3.5rem; + height: auto; + fill:var(--secondary-background-color); + +} diff --git a/image/home_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg b/image/home_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg new file mode 100644 index 0000000..d383e18 --- /dev/null +++ b/image/home_40dp_E3E3E3_FILL1_wght400_GRAD0_opsz40.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 87e3242..496226d 100644 --- a/index.html +++ b/index.html @@ -55,7 +55,7 @@