greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/bower_components/jsdom/test/browser/files/site.html

253 lines
15 KiB
HTML
Raw Normal View History

start building out views
2014-10-13 21:14:51 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Site</title>
<script type="text/javascript" src="../../jquery-fixtures/jquery-1.4.2.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="" id="logo"><img src="images/header.png" alt="header image" /></a>
<div id="links">
<a href="http://twitter.com/stevelacey" rel="external"><img src="images/header/twitter.png" alt="Follow me on Twitter." title="Follow me on Twitter." /></a>
<a href="http://www.flickr.com/photos/stevelacey" rel="external"><img src="images/header/flickr.png" alt="View my Flickr Photostream." title="View my Flickr Photostream." /></a>
<a href="http://www.last.fm/user/Steve-UK" rel="external"><img src="images/header/last.fm.png" alt="See my Music Profile on Last.fm." title="See my Music Profile on Last.fm." /></a>
<a href="rss"><img src="images/header/rss.png" alt="Subscribe to my RSS Feed." title="Subscribe to my RSS Feed." /></a>
</div>
</div>
<div id="nav">
<ul>
<li><a href="">Home</a></li>
<li><a href="portfolio">Portfolio</a></li>
<li><a href="dev">Development</a></li>
<li><a href="pal"><acronym title="Peer Assisted Learning">PAL</acronym></a></li>
<li><a href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div>
<div id="content">
<div id="column1">
<div id="blog" class="blog_item">
<div class="post">
<h1><a href="blog/6">Spotify</a></h1>
<div class="date">Sunday 8th February 09</div>
<div class="article">
Never download music again!.. or at least that's what I'm going to do. It's not often I come across an application that changes the way I live as dramatically as Spotify does.<br /><br />
Spotify is basically a streaming application, but different to any I've ever seen before. Their database contains a massive selection of songs, all of which are available to you at the click of a mouse. The quality of the service is so extraordinary you won't even notice a delay, the bitrate of the music streamed is around 160kbps and I challenge anyone to notice any difference to playing music...
</div>
<div class="comments">
<div><span class="time">Posted by Steve at 11:45am.</span></div>
<div class="right"><a href="blog/6#comments">Comments (7)</a></div>
</div>
</div>
<div class="post">
<h1><a href="blog/5">Christmas PAL Session</a></h1>
<div class="date">Monday 15th December 08</div>
<div class="article">
It's the last session before Christmas, as part of the festive cheer I have hidden 7 Santa's and a Snowman on my site.<br /><br />
Whoever spots them all and post there location as a comment on this post first wins a box of celebrations!<br /><br />
(The Santa on this post doesn't count!)<br /><br />
Good Luck!
</div>
<div class="comments">
<div><span class="time">Posted by Steve at 7:39am.</span></div>
<div class="right"><a href="blog/5#comments">Comments (3)</a></div>
</div>
</div>
<div class="post">
<h1><a href="blog/4">Stockazon</a></h1>
<div class="date">Friday 15th August 08</div>
<div class="article">
It's been a long time since my last article, so I thought I'd post a quick update. A few weeks ago I was approached by a developer I've known for a few years who wanted me to design a new website for his next project 'Stockazon'.<br /><br />
The concept is basically for a website that distributes SMS text messages to users alerting them when new stock arrives in on Amazon items that they're watching. Users can buy 'credits' from Stockazon via PayPal and search and add items to their basket via the website.<br /><br />
The website is still very much in development but you...
</div>
<div class="comments">
<div><span class="time">Posted by Steve at 9:18am.</span></div>
<div class="right"><a href="blog/4#comments">Comments (0)</a></div>
</div>
</div>
<div class="post">
<h1><a href="blog/3">BBC Website Overspend</a></h1>
<div class="date">Monday 2nd June 08</div>
<div class="article">
In the news this week is the apparent overspend by the BBC on the development of their new website.<br /><br />
Now I would certainly not be the first to acknowledge that the new website is the pinnacle of what we as developers look for in modern web design, pretty much everything about it is fantastic. But should it have really cost £85.1 million to do it?<br /><br />
There are many reports in the tabloids at the moment claiming the BBC overspent by as much as £36 million (Source: The Guardian); however the figure I'm more likely to be convinced by is what was stated...
</div>
<div class="comments">
<div><span class="time">Posted by Steve at 8:53am.</span></div>
<div class="right"><a href="blog/3#comments">Comments (1)</a></div>
</div>
</div>
<div class="post">
<h1><a href="blog/2">The Planet</a></h1>
<div class="date">Monday 2nd June 08</div>
<div class="article">
Apologies for the downtime of the site over the last couple of days; it was caused by an explosion in Houston, Texas at ThePlanet.com's datacentre which knocked out over 9000 websites including my own. It took me a while to establish what had caused the problem, mainly because I'm down a hierarchy of 2 other companies before I get to ThePlanet (SureSpace.net that purchases reseller hosting from HostNine.com who rent space from ThePlanet.com).<br /><br />
The explosion was caused by an electrical fire in one of the rooms of the facility, the blast was powerful enough to take down 3 walls in an...
</div>
<div class="comments">
<div><span class="time">Posted by Steve at 8:29am.</span></div>
<div class="right"><a href="blog/2#comments">Comments (0)</a></div>
</div>
</div>
</div>
</div>
<div id="column2">
<div id="status" class="blog_item">
<h2>Tweet tweet</h2>
<span>
<a href="http://twitter.com/stevelacey" rel="external">stevelacey</a>: RT <a rel="external" href="http://twitter.com/iamdanw">@iamdanw</a>: Levelling up my apostrophe skills <a rel="external" href="http://j.mp/bifO0Z">http://j.mp/bifO0Z</a>
</span>
</div>
<div id="archive" class="blog_item">
<h2>Archive</h2>
<a href="rss" class="icon"><img src="images/icons/rss.gif" alt="Subscribe to the Blog's RSS Feed" title="Subscribe to the Blog's RSS Feed" /></a>
<ul>
<li>
<span class="month">February 09</span>
<ul>
<li><a href="blog/6">Spotify</a> <a href="blog/6#comments">(7)</a></li>
</ul>
</li>
<li>
<span class="month">December 08</span>
<ul>
<li><a href="blog/5">Christmas PAL Session</a> <a href="blog/5#comments">(3)</a></li>
</ul>
</li>
<li>
<span class="month">August 08</span>
<ul>
<li><a href="blog/4">Stockazon</a> <a href="blog/4#comments">(0)</a></li>
</ul>
</li>
<li>
<span class="month">June 08</span>
<ul>
<li><a href="blog/3">BBC Website Overspend</a> <a href="blog/3#comments">(1)</a></li>
<li><a href="blog/2">The Planet</a> <a href="blog/2#comments">(0)</a></li>
</ul>
</li>
<li>
<span class="month">May 08</span>
<ul>
<li><a href="blog/1">Save the Developers</a> <a href="blog/1#comments">(3)</a></li>
</ul>
</li>
</ul>
</div>
<div id="lastfm" class="blog_item">
<h2><a href="http://www.last.fm/user/Steve-UK" rel="external">Just Listened</a></h2>
<a onclick="slide('#music_expand')" id="lastfm_arrow" class="arrow icon"></a>
<div id="music">
<a href="http://www.last.fm/music/Razorlight/_/Fall%2C+Fall%2C+Fall" class="track" rel="external">
<img src="http://userserve-ak.last.fm/serve/64s/53726057.jpg" class="cover" alt="Razorlight - Fall, Fall, Fall" title="Razorlight - Fall, Fall, Fall" />
<span class="song">Razorlight - Fall, Fall, Fall</span>
<span class="album">Up All Night</span>
<span class="time">Yesterday at 11:18pm</span>
</a>
<a href="http://www.last.fm/music/Razorlight/_/Stumble+And+Fall" class="track" rel="external">
<img src="http://userserve-ak.last.fm/serve/64s/53726057.jpg" class="cover" alt="Razorlight - Stumble And Fall" title="Razorlight - Stumble And Fall" />
<span class="song">Razorlight - Stumble And Fall</span>
<span class="album">Up All Night</span>
<span class="time">Yesterday at 11:15pm</span>
</a>
<a href="http://www.last.fm/music/Radiohead/_/Like+Spinning+Plates" class="track" rel="external">
<img src="http://userserve-ak.last.fm/serve/64s/52753499.png" class="cover" alt="Radiohead - Like Spinning Plates" title="Radiohead - Like Spinning Plates" />
<span class="song">Radiohead - Like Spinning Plates</span>
<span class="album">Amnesiac</span>
<span class="time">Yesterday at 11:11pm</span>
</a>
<div id="music_expand">
<a href="http://www.last.fm/music/Massive+Attack/_/Hymn+of+the+Big+Wheel" class="track" rel="external">
<img src="http://userserve-ak.last.fm/serve/64s/47527219.png" class="cover" alt="Massive Attack - Hymn of the Big Wheel" title="Massive Attack - Hymn of the Big Wheel" />
<span class="song">Massive Attack - Hymn of the Big Wheel</span>
<span class="album">Blue Lines</span>
<span class="time">Yesterday at 11:04pm</span>
</a>
<a href="http://www.last.fm/music/The+Killers/_/Everything+Will+Be+Alright" class="track" rel="external">
<img src="http://userserve-ak.last.fm/serve/64s/39551741.png" class="cover" alt="The Killers - Everything Will Be Alright" title="The Killers - Everything Will Be Alright" />
<span class="song">The Killers - Everything Will Be Alright</span>
<span class="album">Hot Fuss</span>
<span class="time">Yesterday at 10:58pm</span>
</a>
<a href="http://www.last.fm/music/Jet/_/Hey+Kids+-+Digital+Album+Version" class="track" rel="external">
<img src="images/unknown.png" class="cover" alt="Jet - Hey Kids - Digital Album Version" title="Jet - Hey Kids - Digital Album Version" />
<span class="song">Jet - Hey Kids - Digital Album Version</span>
<span class="album"></span>
<span class="time">Yesterday at 10:55pm</span>
</a>
</div>
</div>
</div>
<div id="flickr" class="blog_item">
<h2><a href="http://www.flickr.com/photos/stevelacey" rel="external">Recent Photos</a></h2>
<a onclick="slide('#photo_expand')" id="flickr_arrow" class="arrow icon"></a>
<div class="inner">
<a href="http://farm5.static.flickr.com/4125/5173546396_cb3a27abd8.jpg" class="lightbox" title="CXPartners Eye Tracking"><img src="http://farm5.static.flickr.com/4125/5173546396_cb3a27abd8_s.jpg" alt="CXPartners Eye Tracking" /></a>
<a href="http://farm5.static.flickr.com/4085/5172882321_a6afb748ec.jpg" class="lightbox" title="CXPartners Eye Tracking"><img src="http://farm5.static.flickr.com/4085/5172882321_a6afb748ec_s.jpg" alt="CXPartners Eye Tracking" /></a>
<a href="http://farm5.static.flickr.com/4092/5173477840_fcfaa0c048.jpg" class="lightbox" title="CXPartners Eye Tracking Heatmap National Rail"><img src="http://farm5.static.flickr.com/4092/5173477840_fcfaa0c048_s.jpg" alt="CXPartners Eye Tracking Heatmap National Rail" /></a>
<a href="http://farm5.static.flickr.com/4126/5172868015_06d8ba3daa.jpg" class="lightbox" title="CXPartners Eye Tracking National Rail"><img src="http://farm5.static.flickr.com/4126/5172868015_06d8ba3daa_s.jpg" alt="CXPartners Eye Tracking National Rail" /></a>
<a href="http://farm5.static.flickr.com/4088/5173439086_776294f1ee.jpg" class="lightbox" title="CXPartners Eye Tracking Google"><img src="http://farm5.static.flickr.com/4088/5173439086_776294f1ee_s.jpg" alt="CXPartners Eye Tracking Google" /></a>
<a href="http://farm5.static.flickr.com/4023/5161805610_e0c4341490.jpg" class="lightbox" title="Outdoor AR Drone at Bathcamp"><img src="http://farm5.static.flickr.com/4023/5161805610_e0c4341490_s.jpg" alt="Outdoor AR Drone at Bathcamp" /></a>
<div id="photo_expand">
<a href="http://farm5.static.flickr.com/4153/5161182951_192b57e05d.jpg" class="lightbox" title="Outdoor AR Drone at Bathcamp"><img src="http://farm5.static.flickr.com/4153/5161182951_192b57e05d_s.jpg" alt="Outdoor AR Drone at Bathcamp" /></a>
<a href="http://farm5.static.flickr.com/4087/5161141625_730b3c2fe2.jpg" class="lightbox" title="AR Drone RFID Challenge at Bathcamp"><img src="http://farm5.static.flickr.com/4087/5161141625_730b3c2fe2_s.jpg" alt="AR Drone RFID Challenge at Bathcamp" /></a>
<a href="http://farm2.static.flickr.com/1350/5161712508_3b830b70fe.jpg" class="lightbox" title="AR Drone RFID Challenge at Bathcamp"><img src="http://farm2.static.flickr.com/1350/5161712508_3b830b70fe_s.jpg" alt="AR Drone RFID Challenge at Bathcamp" /></a>
<a href="http://farm2.static.flickr.com/1434/5161686696_1b498f32fe.jpg" class="lightbox" title="AR Drone at Bathcamp"><img src="http://farm2.static.flickr.com/1434/5161686696_1b498f32fe_s.jpg" alt="AR Drone at Bathcamp" /></a>
<a href="http://farm5.static.flickr.com/4126/5161647336_f2c910f14b.jpg" class="lightbox" title="AR Drone at Bathcamp"><img src="http://farm5.static.flickr.com/4126/5161647336_f2c910f14b_s.jpg" alt="AR Drone at Bathcamp" /></a>
<a href="http://farm5.static.flickr.com/4103/5161622938_48155c7ddd.jpg" class="lightbox" title="AR Drone at Bathcamp"><img src="http://farm5.static.flickr.com/4103/5161622938_48155c7ddd_s.jpg" alt="AR Drone at Bathcamp" /></a>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div id="footer">
<a href="http://www.mysql.com" id="roll1"></a>
<a href="http://www.php.net" id="roll2"></a>
<a href="http://validator.w3.org/check/referer" id="roll3"></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" id="roll4"></a>
</div>
</body>
</html>