mirror of
https://github.com/Rainyy21/Rainyy21.github.io.git
synced 2026-10-11 01:20:17 -04:00
fix resizing issue
This commit is contained in:
Rainyy21
@@ -8,70 +8,70 @@
|
||||
<!-- add a image -->
|
||||
|
||||
<!-- css and js -->
|
||||
<link rel = "stylesheet" href="./css/style.css">
|
||||
<link rel = "stylesheet" href="./css/mainpage.css">
|
||||
<link rel = "stylesheet" href="./css/main_button.css">
|
||||
<link rel = "stylesheet" href="./css/about.css">
|
||||
<link rel="stylesheet" href="./css/style.css">
|
||||
<link rel="stylesheet" href="./css/mainpage.css">
|
||||
<link rel="stylesheet" href="./css/main_button.css">
|
||||
<link rel="stylesheet" href="./css/about.css">
|
||||
|
||||
|
||||
|
||||
<script type = "text/javascript" src = "./js/darkmode.js" defer></script>
|
||||
<script type = "text/javascript" src = "./js/main.js" defer></script>
|
||||
<script type="text/javascript" src="./js/darkmode.js" defer></script>
|
||||
<script type="text/javascript" src="./js/main.js" defer></script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class = "bg_color">
|
||||
<div class="bg_color">
|
||||
<!-- have a header -->
|
||||
<div class = "header">
|
||||
<div class="header">
|
||||
<!-- topright would be the dark mode -->
|
||||
<div class = "darkmode">
|
||||
<button id = "theme_switch">
|
||||
<div class="darkmode">
|
||||
<button id="theme_switch">
|
||||
<!-- add the mood and sun icon here -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class = "darkmode" height="40px" viewBox="0 -960 960 960" width="40px" fill="#e3e3e3"><path d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q10 0 20.5.67 10.5.66 24.17 2-37.67 31-59.17 77.83T444-660q0 90 63 153t153 63q53 0 99.67-20.5 46.66-20.5 77.66-56.17 1.34 12.34 2 21.84.67 9.5.67 18.83 0 150-105 255T480-120Z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class = "lightmode" height="40px" viewBox="0 -960 960 960" width="40px" fill="#e3e3e3"><path d="M480-280q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM200-446.67H40v-66.66h160v66.66Zm720 0H760v-66.66h160v66.66ZM446.67-760v-160h66.66v160h-66.66Zm0 720v-160h66.66v160h-66.66ZM260-655.33l-100.33-97 47.66-49 96 100-43.33 46Zm493.33 496-97.66-100.34 45-45.66 99.66 97.66-47 48.34Zm-98.66-541.34 97.66-99.66 49 47L702-656l-47.33-44.67ZM159.33-207.33 259-305l46.33 45.67-97.66 99.66-48.34-47.66Z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="darkmode" height="40px" viewBox="0 -960 960 960" width="40px" fill="#e3e3e3"><path d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q10 0 20.5.67 10.5.66 24.17 2-37.67 31-59.17 77.83T444-660q0 90 63 153t153 63q53 0 99.67-20.5 46.66-20.5 77.66-56.17 1.34 12.34 2 21.84.67 9.5.67 18.83 0 150-105 255T480-120Z"/></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="lightmode" height="40px" viewBox="0 -960 960 960" width="40px" fill="#e3e3e3"><path d="M480-280q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM200-446.67H40v-66.66h160v66.66Zm720 0H760v-66.66h160v66.66ZM446.67-760v-160h66.66v160h-66.66Zm0 720v-160h66.66v160h-66.66ZM260-655.33l-100.33-97 47.66-49 96 100-43.33 46Zm493.33 496-97.66-100.34 45-45.66 99.66 97.66-47 48.34Zm-98.66-541.34 97.66-99.66 49 47L702-656l-47.33-44.67ZM159.33-207.33 259-305l46.33 45.67-97.66 99.66-48.34-47.66Z"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class = "home_locat">
|
||||
<div class="home_locat">
|
||||
<!-- button to return home -->
|
||||
<button id = "home_button" onclick="location.href='index.html'">
|
||||
<button id="home_button" onclick="location.href='index.html'">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="#e3e3e3"><path d="M160-120v-480l320-240 320 240v480H560v-280H400v280H160Z"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- my info from who i am and my social linke -->
|
||||
<div class = "content_container">
|
||||
<div class = "Square_content">
|
||||
<div class = "website_top">
|
||||
<div class = "website_text">
|
||||
<div class="content_container">
|
||||
<div class="square_content">
|
||||
<div class="website_top">
|
||||
<div class="website_text">
|
||||
About
|
||||
</div>
|
||||
</div>
|
||||
<!-- this might be where the whole stuff should be in -->
|
||||
<div class = "box_body" id = "about">
|
||||
<div class="box_body">
|
||||
<!-- this is the text for the main page -->
|
||||
|
||||
<!-- adding my pfp image -->
|
||||
<div class = "tittle_text" id = "about">
|
||||
<div class="title_text">
|
||||
<h1>Simon Zheng</h1>
|
||||
<!-- add paragraph here to explain what i do -->
|
||||
</div>
|
||||
|
||||
<div class = "description" id = "about">
|
||||
<div class="description">
|
||||
<h2>
|
||||
Hi I'm Simon, Student studying in computer science.
|
||||
</h2>
|
||||
|
||||
<br>
|
||||
|
||||
<div class = "education" id = "textbox">
|
||||
<div class="education">
|
||||
<h1>
|
||||
Education
|
||||
</h1>
|
||||
<div class = "brooklyncollege" id = "textbox">
|
||||
<div class = "brooklyncollege" id = education>
|
||||
<div class="brooklyn_college_container">
|
||||
<div class="education_detail">
|
||||
<p>
|
||||
Bachelor of Science in Computer Science
|
||||
</p>
|
||||
@@ -81,11 +81,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class = "interest" id = "textbox">
|
||||
<div class="interest">
|
||||
<h1>
|
||||
Other interest
|
||||
</h1>
|
||||
<ul class = "hobbie" id = "bulletpoint">
|
||||
<ul class="hobby_list">
|
||||
<li>
|
||||
Game
|
||||
</li>
|
||||
@@ -106,7 +106,7 @@
|
||||
|
||||
<!-- social box might need to move it -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- footer for design look -->
|
||||
|
||||
Reference in New Issue
Block a user