Modification

            After last week’s cleaning up of the html file (news.html – I renamed it to news_hansen.html) that I worked on, it was time to moved on to modifying contents of the web page. Before I modified anything, I noticed that the section that listed lounge members was in a vertical one column list; it was also displayed right in the middle of the website. This also applies to the news feed section which it had the content display in the same style as the lounged members section.

            Basically, I modified the original code of just displaying the contents in a list to containing div tags to create columns within the list.  The result came out to be three columns of contents within the list. I also applied a similar design to the news feed section to place the news content in columns instead of just one column of content right in the middle. Now the modified site looks like this in the picture.

            For this week I will look into other contents in the site to see if there are any other things to modify or some current things that needs to fix. Also, I will look into fixing the mime-type of the svn so it will display the site correctly on Google Code.

           

Cleaning Up

            For this week the focus is on cleaning up the files so it doesn’t contain unnecessary code to make the files smaller in size. It also makes the code cleaner to look at and even easier to follow. For example, cleaning up and having less div tags in html and even ids makes it easier to locate where things begin and end.

            I selected the news.html (which will upload later on) and cleaned up as much of the ids in the div tags as I can. I only ran into some trouble with a part where I took out an id and the content disappeared from the site. Otherwise I managed to clean up most of the ids and combined some class into one div tag instead of separate div tags for each class. For example

            Original

            <div class=”content”>

                        <div class=”content-title”>

            Cleaned

            <div class=”content” class=”content-title”>

            Overall, this week’s progress is better than last week; unfortunately last week I was too ill to have done as much as I wanted. As of now with the cleaned up html file I will move on to making the page be responsive but still retain organize contents.

Lessify-Again

 

            Previously before Spring Break I was experimenting with the .less file to change the theme and experimented with the columns from Twitter Bootstrap. For this week I worked on the help.html.

            Basically, I applied what I done from the week before Spring Break and tried to maintain the content in an organize manner in small window. Well, nothing is better than a picture since picture is worth a thousand words.

          

           It does look very little work due to me falling ill this week. Stomach ache, fever etc kept me behind schedule. Hopefully I will fully recover by next week to work on more pages than just one.