Lifan Zhang
Final Project
JOUR 553 Intro to Coding
Dec.8 Shanghai, China


Summary:
This is a photography collection of the Qinghai-Tibet Railway that I have shot over the past three years. It introduces the essence of the journey and the stunning scenery from Golmud in Qinghai to Lhasa, covering more than a thousand miles, along with my multiple photography experiences over these years. The layout extensively uses grids. 

Since it's a serious website, I didn't incorporate many fancy features, but I still added interactivity through a navigation bar, animals' name bars, and sound effects. 

I've wanted to create a website for this for a long time. I tried using WordPress before, but posting pictures in multiple articles lacked a sense of unity, and it became too lengthy in a single article. In this website I'm currently writing, the arrangement of pictures and text is versatile, which is difficult to achieve with traditional blog software.


Features:
1.Clicking "Let’s Go" on the cover automatically scrolls to the beginning of the main content.
2.The navigation bar uses a sticky position mode. After scrolling to this point, it stays at the top of the screen. Hovering over a tab changes its color, and clicking on it scrolls to that section.
3.On the animal pictures in Kekexili, there's a feature to click on the image to see the name, making it more interesting.
4.When scrolling to the end, reaching Lhasa, a train whistle sound plays, symbolizing congratulations. Although clicking on the navigation bar can also scroll to that location, it doesn't trigger the sound, so I wrote an if statement to manually trigger it.
5.I used media queries to make the website adaptable to mobile devices, mainly by modifying the grid to display the images and text vertically instead of side by side.