The main folder contains one index.html file, with four smaller html files inside the
folder components.
The three smaller html, named
are my implementation of JavsScript codes for responsive navbars without bootstrap.
They only contain a navbar on the very top, with the first column navigating back to this homepage, and the other three columns navigating back to the three main pages of my personal website hosted on GitHub.
You may also notice there is a footer.html inside the folder. It's the components that loaded separatly as html footer in this main site and there are no links to the other pages in the file.
h1, h2, h3, p, b, br, ul, li, u, section, div, a, blockquote, hr, iframe, svg, progress, meta, link, button
I used bootstrap for the main content in the site. But I only used the grid and flex system in bootstrap, and I imported the CSS for bootstrap to the style.css
I created 7 stylesheets, including style.css, article.css, selection.css and more.
With JavaScript, the site is interative in the way of animation, and appearance of blocks while scrolling, and also the top progress bar.
The main site is responsive thanks to bootstrap, and the header-*.html sites is responsive with my own effort on JS.
I'm currently enrolled in MAUD at Harvard University Graduate School of Design.
Boston, Urban Design, GIS
Stage 1: We compared Boston with Arlington, whose TOD system is quite successful. We studied from the points of accessibility, parking, open space, land use, and income difference, to learn where and how the TOD station should be.
Stage 2: We extracted the points above in with GIS data of Boston to found out which site is the existing TOD and which site needs more.
Stage 3: We selected two station in Downtown Boston and Backbay respectively to study what a TOD station is like from the building functions, density, distribution, and activities.
Read More
Beijing, Urban Design
The project is located on the void space between the entrance and administrative building at Tsinghua, aimed to intensify the functions here and to explore the relationships among each building, activating the space, inviting people onto the site, and offering daily service for students, tourists, and professors.
Orig. 岸部眞明 (Masaaki Kishibe)
Played by: Zihan Mei
Guitar: Yamaha FG830
Pickup:
Samsung Note 3 Recorder
Date recorded: 2018-11-11
Orig. 岸部眞明 (Masaaki Kishibe)
Played by: Zihan Mei
Guitar: Yamaha FG830
Pickup: Meizu
16th Recorder
Date recorded: 2019-07-18
Orig. 岸部眞明 (Masaaki Kishibe)
Played by: Zihan Mei
Guitar: Yamaha FG830
Pickup: Meizu
16th Recorder
Date recorded: 2019-08-06
Orig. 岸部眞明 (Masaaki Kishibe)
Played by: Zihan Mei
Guitar: Yamaha FG830
Pickup: Meizu
16th Recorder
Date recorded: 2020-01-19
Updated On: 2020-02-04
Several practice demo while I was learning CSS properties.
Include some practice piece in Anime.js.
Read More
Updated On: 2020-04-12
This wheel enables me to write the blog posts in Markdown, and automatically convert all the text into html with tags and attributes that fits the article.css in my website.
The Python script deals with the general converting, the YAML heads for my format Markdown files, and also add additional class attributes to the tags for format stylize.
View the source code.
Read More