Well, what do you think? I hope you think this new page design is an improvement! In customizing the design I certainly learned a lot about CSS, even though the layout is essentially the same. Good CSS references I learned from:
http://glish.com/css/
http://www.wrongwaygoback.com/designforlife/customise.shtml
I also changed the pop-up window that you get when you click the Webcam picture on the right. Using Javascript, the pop-up window is sized properly without any toolbars or scrollbars and includes a button to close the window.
I have to give credit to Steve Ivy of RedMonk.Net since I pretty much copied his blog's masthead. I sure hope he doesn't mind!
I've added 2 new videos of baby Justin to our gallery. The peeing one is pretty funny! Check 'em out!
Yup, I've been studying CSS (Cascading Style Sheets) today so very soon this site will take on a whole new look after I modify this site's style sheet and templates. What I did to help me learn was to print out this page as it looks in a browser (page layout), and print out this page's linked style sheet and HTML code (source). On the layout, I then marked up all the code used in the various sections of the page, referencing both the style sheet and HTML code. I still have more to learn but that exercise was really helpful.
Oh, yesterday I modified this page's template to add that Webcam picture on the right. That picture is updated every 15 minutes. Right now if you click on the picture, a new window will pop-up with the full-res version of the picture, at 640x480 pixels. Just now I have modified some Javascript that will pop-up a new window without the toolbar and scrollbars and will add a title and a button to close the pop-up window. I won't be implementing this until tomorrow though... It's past 1am now so I'm going to sleep!
At around 3:45pm, users started complaining that our mail server wasn't responding and sure enough, it wasn't! I quit and relaunched the server app, EIMS Server, even though it seemed fine but still no response. Our Internet servers are all networked off of our firewall's DMZ port and so I tried pinging our FTP and Web servers and they weren't responding either. Our servers were unable to access external sites too. So I tried rebooting our firewall but still no response. The problem turned out to be a mini-switch (the one that all our Internet servers are connected to) that had "hung" due a super-brief electrical outage (the lights on our whole floor flickered for a split second). I cycled the power on the mini-switch and that did the trick! Phew!
At a little over 2 months old, Justin's at a stage where he needs to suck on something or he'll go nuts! He hasn't gotten used to any pacifier yet (and I've tried 3 different ones) but he does like sucking on the outside of my thumb (bordering on my palm) when I'm supporting him while he's sitting upright in front of me. He's got some incredible suction power there!... I'm surprised he hasn't given me a hickey there on my thumb!... Funny guy!
Added this to my Style Sheet so that all sample code stands out and looks clean:
pre {
font-family:geneva, verdana, arial, sans-serif;
font-size:11px;
color:#333;
line-height:15px;
background-color: #EEE;
border: 1px solid #333;
padding: 2px;
margin-left: 30px;
margin-right: 75px;
}
Hmmm... I'm not sure why the timestamps of all my entries are ahead by 1 hour. In Movable Type I have the timezone set correctly to "UTC+8 (China Coast Time)". (We reside in Hong Kong.) I'll definitely have to sort that out...
Well, it's just past midnight and so what I'm about to write applies to the previous day, Monday, May 27...
Today was Gwen's first day back at work after over 2 months of maternity leave. Of course, she missed Justin but both she and I were able to monitor Justin throughout most of the day via the AXIS 2100 Webcam we have at home so that helped. Pina seems to be doing a great job taking care of Justin.
The previous day (Sunday) we took Justin out to Pacific Place and it was the first time we had him in the BABYBJORN baby carrier facing forward and not facing our chest. He just loved it! Most of the time he just gazed up at and around the varied and interesting environment.
Oh, check out the latest pictures and video of Justin I've just put up!
I modified my Main Index template to add code "donated" by David Gagne that adds a hidden "Edit This" link for each entry. In my case, I decided to make the hidden link that vertical bar "|" in the "Posted by" section (at bottom) of each entry.
Here's David's beautiful explanation:
http://www.davidgagne.net/code/archives/004846.shtml
<MTEntryIfAllowComments> <!-- Start addition --> <a target="_blank" title="admin" onmouseover="window.status= 'edit this entry'; return true;" onmouseout="window.status=' '; return true;" href="<$MTCGIPath$>mt.cgi?__mode= view&_type=entry&id=<$MTEntryID$>&blog_id=<$MTBlogID$>">|</a> <!-- End addition --> <a href="<$MTCGIPath$>mt-comments.cgi?entry_id= <$MTEntryID$>" onclick="OpenComments(this.href); return false"> Comments (<$MTEntryCommentCount$>)</a> </MTEntryIfAllowComments>
Some code I added to the Main Index template:
<!-- Start addition --> <div class="sidetitle"> Categories </div> <div class="side"> <mtcategories> <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> <br /> </mtcategories> <a href="gallery/" target="_blank">Photos</a> </div> <!-- End addition -->
I can't believe how incredibly well done this Movable Type system is. And FREE for personal use or only $150 for business use? Unbelievable. Ben & Mena Trott, creators of Movable Type, deserve ah... well, something HUGE! Movable Type just blows away competing systems that cost many times more. Well, I'm going to need to learn MUCH more about this system but so far I very much like what I see. Don't know anyone who could complain, really. Graphics, fonts, design, UI... everything is just top-notch. Well, it did take me several hours to configure so although I thought the installation manual was well done, it can be improved. I am going to write my own version of the installation manual to help other new users.
Well, let's see how this looks! Here goes...