added the text box in the middle. added some content and finish the light and dark mode

This commit is contained in:
Rainyy21
2025-09-15 01:25:18 -04:00
parent afb1f375a8
commit 328e359d35
4 changed files with 118 additions and 13 deletions
+25 -11
View File
@@ -8,8 +8,11 @@
<!-- add a image -->
<!-- css and js -->
<link rel="stylesheet" href="./css/style.css">
<link rel="mainJS" href="./js/main.js">
<link rel = "stylesheet" href="./css/style.css">
<link rel = "stylesheet" href="./css/mainpage.css">
<script type = "text/javascript" src = "./js/darkmode.js" defer></script>
<script type = "text/javascript" src = "./js/main.js" defer></script>
</head>
@@ -30,17 +33,28 @@
</div>
<!-- my info from who i am and my social linke -->
<div class = "content">
<!-- this might be where the whole stuff should be in -->
<div class = "temp-mid-box">
<div class = "title_name">
<div class = "content_container">
<div class = "Square_content">
<div class = "website_top">
<div class = "website_text">
Home
</div>
</div>
<!-- social box might need to move it -->
<div class = "social">
<!-- this might be where the whole stuff should be in -->
<div class = "box_body">
<!-- this is the text for the main page -->
<p class = "tittle_text">
HI I'm <span class = "main_page_name"> Simon Zheng</span>
</p>
<h2 class = "description">
Student and Programmer
</h2>
<!-- social box might need to move it -->
<div class = "social">
</div>
</div>
</div>
</div>
</div>
<!-- footer for design look -->