From 39aa432069970a02f9eb79109e718f6255315c1d Mon Sep 17 00:00:00 2001 From: Rainyy21 Date: Wed, 17 Sep 2025 01:37:15 -0400 Subject: [PATCH] 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 @@
- + +
+ +
+ +
+ +
+ +
+ +
+