Rain/Rainyy21.github.io
1
0
Fork 0
mirror of https://github.com/Rainyy21/Rainyy21.github.io.git synced 2026-10-11 01:20:17 -04:00
Code Issues Packages Projects Releases Wiki Activity

made the website moblie compatiable and fix some design issue

Browse Source
This commit is contained in:
Rainyy21
2026-05-27 18:22:09 -04:00
parent 291b736315
commit 4e40999a0c
7 changed files with 370 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
info.html
+35 -53
View File
@@ -25,20 +25,20 @@
<div class="bg_color">
<!-- have a header -->
<div class="header">
<div class="home_locat">
<!-- button to return home -->
<button id="home_button" onclick="location.href='index.html'" aria-label="Go home">
<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>
<!-- topright would be the dark mode -->
<div class="darkmode">
<button id="theme_switch">
<button id="theme_switch" aria-label="Toggle dark mode">
<!-- 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>
</button>
</div>
<div class="home_locat">
<!-- button to return home -->
<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 -->
@@ -51,60 +51,42 @@
</div>
<!-- this might be where the whole stuff should be in -->
<div class="box_body">
<!-- this is the text for the main page -->
<!-- adding my pfp image -->
<div class="title_text">
<h1>Simon Zheng</h1>
<!-- add paragraph here to explain what i do -->
<div class="about_header">
<div class="pfp_placeholder">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
</div>
<div class="title_text">
<h1>Simon Zheng</h1>
<p class="intro_text">Student & Programmer</p>
</div>
</div>
<div class="description">
<h2>
Hi I'm Simon, Student studying in computer science.
</h2>
<br>
<div class="education">
<h1>
Education
</h1>
<div class="brooklyn_college_container">
<div class="education_detail">
<p>
Bachelor of Science in Computer Science
</p>
<span>
GRADUATE Brooklyn College 2026
</span>
</div>
<div class="about_section">
<div class="section_title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>
<h2>Education</h2>
</div>
<div class="education_card">
<h3>Bachelor of Science in Computer Science</h3>
<p>Brooklyn College • Class of 2026</p>
</div>
</div>
<div class="interest">
<h1>
Other interest
</h1>
<ul class="hobby_list">
<li>
Game
</li>
<li>
Coffee
</li>
<li>
Mahjong
</li>
<li>
coding
</li>
<div class="about_section">
<div class="section_title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
<h2>Interests</h2>
</div>
<ul class="hobby_container">
<li class="hobby_item">Gaming</li>
<li class="hobby_item">Coffee</li>
<li class="hobby_item">Mahjong</li>
<li class="hobby_item">Coding</li>
<li class="hobby_item">UI Design</li>
</ul>
</div>
</div>
<!-- social box might need to move it -->
</div>
</div>
</div>