Week6: Response to Serial (Steve Sun)

Honestly i was having a hard time trying to understand the plot, however i did enjoy the piece as i kept on reading.

i was rarely a fan of detective stories, like a crime case that involves a lot of people while each person tried their best to prove their innocence and all. but i think the point of this “listening” is that how people tend to remember things far ago, and how difficult  it is to prove anything. 

human logic is weird. it’s unbreakable while it’s changing from person to person; it’s always true, but the things done according to it might not be right; it’s supposed to be the just, yet it can sometimes be so cold, so brutal that even the brightest man cannot justify it. when people do shameless thing to make profit or survival, there is certain logic that they are following, which is at the aim of their own interest. but how can we blame them? it is indeed their rational choice after all. 

human mind is weird too. it fascinating how people forget and remember things. how people remember a certain whole day better simply because there was a memorable event happened in that day; how people lose their memory of a certain day and suddenly pick it up someday later; how people forget what they’re gonna do all of a sudden but are so sure that they were gonna do something. i just find all these so fascinating that i don’t have any comment on them :p.

Steve js practice exercise and not so successful bonus question

links: http://imanas.shanghai.nyu.edu/~ds5665/js/index.html             http://imanas.shanghai.nyu.edu/~ds5665/js/bonus.html   soooo there is a suprise in the js practice so i kinda don’t want to  reveal it now also about the bonus question i didn’t find the scroll function so i merely tested it with a button  and also i believe mt coding was right about the js but my html just didn’t seem to be linked with the js, and the console didn’t make sense to me coding-of-the-bonus-question

Java Script Practice–Steve Sun

Link: http://imanas.shanghai.nyu.edu/~ds5665/week3(2)/practise.html

at first the website didn’t change when i refreshed it and i changed the browser and problem solved.

and also i put two pictures (both left and right) into the html and each button worked for a picture individually. then i realized there should only be one picture with a certain id while the source may change. which means it was the same <img>, but the source was changed. so i can control the image belonging to that certain id with a button, what ever the source was.

then i tried to change the caption back with the same button that changed the caption. with the help from the LA i managed to do that with variable and if/else tags. and i figured that the same technique can be applied to changing the image.

Steve Self Intro Website

link: http//imanas.shanghai.nyu.edu/~ds5665/week3/selfintro.html

This time I started with two individual websites that I made. One was all the contents of my self intro and another was the optimized (lol) css exercise. The goal was to combine these two websites together.

But I soon realized that the major problem was that the original design of the content website which was each page has a link towards the next, which was rather like a slide rather than a website. This design cannot fit into the design of the css exercise which was one home page and several branches.so I decided to alter my organization of the contents while adding more information about me (i.e. more pictures and descriptions) as it contained little of them.

For the bar on the left, I made it as a out side link bar. So I abandoned the “position: sticky” of it in css. But one thing that needed to be found out is that why the navi-box end up in the middle of the page rather than being at the near top after I put the pictures in the content boxes. I tried “position: absolute; top: 80px;right: 0;” but the box ended up overlapping with the pictures.

And for the content box, I tried to add some hover overlays on it but my trails were all unsuccessful. I tried “hover: size: 200%” but the picture remained unchanged, maybe there wasn’t such code. So I ended up just putting the pictures in the boxes.

Also, there was problems in my branch pages. I added a background color of the photo description, but it was too wide. I tried to add “width=…” but when I did the background color disappeared for some reason. So I have to leave it there.

at last, rather than having a css file for every branch pages i simply did the css

in the html using <style>.