Skip to content

Instantly share code, notes, and snippets.

@julzhk

julzhk/index.html

Last active August 29, 2015 14:05
Show Gist options
  • Save julzhk/697a4f4cf39d72e7c047 to your computer and use it in GitHub Desktop.
Save julzhk/697a4f4cf39d72e7c047 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.ood_img {
height: 163px;}
</style>
<meta charset="utf-8" />
<script type="text/javascript">if( screen.width<768 ){ document.write('<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1">'); }</script>
<noscript><meta name="viewport" content="width=device-width, initial-scale=1"></noscript>
<script type='text/javascript' src='recent_tumblr.js'></script>
<!-- V&amp;A //-->
<!-- General //-->
<meta name="description" content="The Victoria and Albert Museum is the world's greatest museum of art and design" />
<meta name="keywords" content="art; design; museum; fashion; factory ceramics" />
<!-- Dublin Core //-->
<meta name="dcterms.identifier" content="www.vam.ac.uk Asset ID 97445" />
<meta name="dcterms.issued" content="2013-11-27" />
<meta name="dcterms.modified" content="2013-11-27" />
<meta name="dcterms.created" content="2010-07-23" />
<meta name="dcterms.format" content="text/html" />
<meta name="dcterms.language" content="en-GB" />
<meta name="dcterms.creator" content="Victoria and Albert Museum, Digital Media webmaster@vam.ac.uk" />
<meta name="dcterms.publisher" content="Victoria and Albert Museum, Cromwell Road, South Kensington, London SW7 2RL. Telephone +44 (0)20 7942 2000. Email vanda@vam.ac.uk" />
<meta name="dcterms.title" content="V&amp;amp;A Home Page" />
<link rel="stylesheet" type="text/css" href="http://www.vam.ac.uk/_designs/new-squiz/css/main.css" media="all" />
<!--[if lt IE 8]><link rel="stylesheet" type="text/css" href="http://www.vam.ac.uk/__data/assets/css_file/0006/172356/lt_ie8.css" media="all" /><![endif]-->
<link rel="shortcut icon" href="http://www.vam.ac.uk/__data/assets/file/0008/172358/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://www.vam.ac.uk/__data/assets/file/0008/172358/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="http://www.vam.ac.uk/_designs/new-squiz/css/mobile.css" media="all" />
<title>V&amp;A Home Page - Victoria and Albert Museum</title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'xxxxx9']);
_gaq.push(['_setDomainName', '.vam.ac.uk']);
_gaq.push(['_setAllowHash', 'false']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
_gaq.push(['two._setAccount', 'UA-376941-1']);
_gaq.push(['two._setDomainName', '.vam.ac.uk']);
_gaq.push(['two._trackPageview']);
_gaq.push(['two._trackPageLoadTime']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="wrapper">
<a class="asset-id" id="97445"></a>
<div class="header mobile">
<a id="logo" href="http://www.vam.ac.uk" title="Victoria and Albert Museum Home"><img src="http://www.vam.ac.uk/__data/assets/image/0010/32797/logo-grey.png" alt="Victoria and Albert Museum Logo" /></a>
<div id="head-info">
<h2>Victoria and Albert Museum</h2>
<h3>The world&rsquo;s greatest museum of art and design</h3>
</div>
</div><div class="nav mobile" id="mobile-nav">
<a class="many tab" href="javascript:void(0)">Sections</a>
<ul>
<li><a class="many" href="/page/d/discover-the-v-and-a">Discover the V&amp;A</a></li>
<li><a class="many" href="http://www.vam.ac.uk/visiting/visitor-information/">Visit Us</a></li>
<li><a class="many" href="http://www.vam.ac.uk/whatson">What's On</a></li>
<li><a class="many" href="http://www.vandashop.com" onclick="_gaq.push(['_link', 'http://www.vandashop.com']);">V&amp;A shop</a></li>
<li><a class="many" href="http://www.vam.ac.uk/contentapi/search/">Search the Site</a></li>
<li><a class="many" href="http://collections.vam.ac.uk/">Search the Collections</a></li>
<li><a class="many" href="http://www.vam.ac.uk/page/l/learning">Learning</a></li>
<li><a class="many" href="http://www.vam.ac.uk/page/s/support-us">Support Us</a></li>
<li><a class="many" href="http://www.vam.ac.uk/content/email/signup" >Keep in touch</a></li>
<li><a class="many" href="http://www.vam.ac.uk/channel">V&amp;A Channel</a></li>
</ul>
</div><div id="header" class="landing slideshow">
<div class="slide" data-wipe="fade" data-wipetime="1000" data-exposure="5" data-exposure-1="5">
<img src="http://www.vam.ac.uk/__data/assets/image/0014/243023/VA_DO_Web-Banner1.jpg" width="960" height="415" alt="Disobedient Objects" title="Disobedient Objects"/>
<div class="video" data-vimeo-id=""></div>
<div class="html"><div class="pane bottom-right"> <a href="http://www.vam.ac.uk/content/exhibitions/disobedient-objects/"><img style="border: 0px solid rgb(0, 0, 0);" alt="Disobedient Objects" src="http://www.vam.ac.uk/__data/assets/image/0007/172969/transparent-layer.png" width="945" height="400"></a> </div></div>
</div><div class="slide hide" data-wipe="fade" data-wipetime="1000" data-exposure="5" data-exposure-1="8">
<div data-alt="Wedding Dresses 1775 - 2014" title="Wedding Dresses 1775 - 2014" class="img" id="http://www.vam.ac.uk/__data/assets/image/0020/241247/HeaderNew.jpg"></div>
<div class="html"><div class="pane bottom-right"><a href="http://www.vam.ac.uk/content/exhibitions/wedding-dress-1775-2014/"><img style="border: 0px solid rgb(0, 0, 0);" alt="Weddig Dresses 1775 - 2014" src="http://www.vam.ac.uk/__data/assets/image/0007/172969/transparent-layer.png" height="400" width="945" /></a></div></div>
</div><div class="slide hide" data-wipe="fade" data-wipetime="1000" data-exposure="5" data-exposure-1="8">
<div data-alt="V&A Shop" title="V&A Shop Gift List" class="img" id="http://www.vam.ac.uk/__data/assets/image/0007/243826/Gift-Lists-hdr.jpg"></div>
<div class="html"><div class="pane bottom-right"><a href="http://www.vandashop.com/Wedding-Gift-List-Exhibitions-Wedding-Dresses/b/4776423031"><img style="border: 0px solid rgb(0, 0, 0);" alt="name of page" src="http://www.vam.ac.uk/__data/assets/image/0007/172969/transparent-layer.png" height="400" width="945"></a></div></div>
</div><div class="slide hide" data-wipe="fade" data-wipetime="1000" data-exposure="5" data-exposure-1="8">
<div data-alt="V&A Membership" title="Membership" class="img" id="http://www.vam.ac.uk/__data/assets/image/0009/240768/Home_Banner.jpg"></div>
<div class="html"><div class="pane bottom-right"><a href="http://www.vam.ac.uk/page/m/membership/"><img style="border: 0px solid rgb(0, 0, 0);" alt="“Membership" src="http://www.vam.ac.uk/__data/assets/image/0007/172969/transparent-layer.png" height="400" width="945" /></a></div></div>
</div><!-- I did not come from varnish -->
<!-- url would be http://www.vam.ac.uk/machine-pages/header-all -->
<div class="header desktop">
<a id="logo" href="http://www.vam.ac.uk" title="Victoria and Albert Museum Home"><img src="http://www.vam.ac.uk/__data/assets/image/0010/32797/logo-grey.png" alt="Victoria and Albert Museum Logo" /></a>
<form class="searchbar" action="http://www.vam.ac.uk/contentapi/search/">
<input type="text" name="q" id="query" value="" />
<input type="submit" name="search-submit" value="Go" />
</form><div id="head-info"><h2>Victoria and Albert Museum</h2>
<h3>The world’s greatest museum of art and design</h3>
<h4>Opening times</h4>
<p>10.00 to 17.45 daily<br />10.00 to 22.00 Fridays</p>
</div></div><div class="nav mobile" id="mobile-nav">
<a class="many tab" href="javascript:void(0)">Sections</a>
<ul>
<li><a class="many" href="/page/d/discover-the-v-and-a">Discover the V&amp;A</a></li>
<li><a class="many" href="http://www.vam.ac.uk/visiting/visitor-information/">Visit Us</a></li>
<li><a class="many" href="http://www.vam.ac.uk/whatson">What's On</a></li>
<li><a class="many" href="http://www.vandashop.com" onclick="_gaq.push(['_link', 'http://www.vandashop.com']);">V&amp;A shop</a></li>
<li><a class="many" href="http://www.vam.ac.uk/contentapi/search/">Search the Site</a></li>
<li><a class="many" href="http://collections.vam.ac.uk/">Search the Collections</a></li>
<li><a class="many" href="http://www.vam.ac.uk/page/l/learning">Learning</a></li>
<li><a class="many" href="http://www.vam.ac.uk/page/s/support-us">Support Us</a></li>
<li><a class="many" href="http://www.vam.ac.uk/content/email/signup" >Keep in touch</a></li>
<li><a class="many" href="http://www.vam.ac.uk/channel">V&amp;A Channel</a></li>
</ul>
</div>
<div id="landing" class="nogradient"> </div>
</div><div id="page">
<div id="content" class="row">
<div class="col"><div class="row"><div class="thrd-w col">
<div class="pane">
<h3><a href="http://www.vam.ac.uk/content/exhibitions/exhibition-constable-the-making-of-a-master">Constables: The Making of a Master</a></h3>
<hr />
<a href="http://www.vam.ac.uk/content/exhibitions/exhibition-constable-the-making-of-a-master" title="Constable: The Making of a Master"><img src="http://www.vam.ac.uk/__data/assets/image/0009/241569/constable_home_image_on_sale_290x163px.jpg" width="290" height="163" alt="Constable: The Making of a Master" title="Constable: The Making of a Master" /></a>
</div>
</div>
<div class="thrd-w col edge-l">
<div class="pane">
<h3><a href="http://www.vam.ac.uk/content/exhibitions/exhibition-horst-photographer-of-style">Horst: Photographer of Style</a></h3>
<hr />
<a href="http://www.vam.ac.uk/content/exhibitions/exhibition-horst-photographer-of-style" title="Horst: Photographer of Style"><img src="http://www.vam.ac.uk/__data/assets/image/0019/242461/horst_homepage_thumb.jpg" width="290" height="163" alt="Horst: Photographer of Style" title="Horst: Photographer of Style" /></a>
</div>
</div>
<div class="thrd-w col edge-l">
<div class="pane">
<h3><a href="http://www.vandashop.com/">V&amp;A Shop</a></h3>
<hr />
<a href="http://www.vandashop.com/" title="V&amp;A Shop"><img src="http://www.vam.ac.uk/__data/assets/image/0009/243198/GetFileAttachment-2.jpg" width="290" height="163" alt="V&amp;A Shop" title="V&amp;A Shop" /></a>
</div>
</div>
</div>
<div class="row"><div class="col sixth-w">
<div class="pane">
<h3><a href="http://www.vam.ac.uk/blog/">Blog</a></h3>
<hr />
<a href="http://www.vam.ac.uk/blog/" title="Blog"><img src="http://www.vam.ac.uk/__data/assets/image/0020/242516/blog.jpg" width="130" height="163" alt="Blog" title="Blog" /></a>
</div>
</div>
<div class="thrd-w col edge-l">
<div class="pane">
<h3><a href="http://www.vam.ac.uk/page/t/the-collections">The Collections</a></h3>
<hr />
<a href="http://www.vam.ac.uk/page/t/the-collections" title="The Collections"><img src="http://www.vam.ac.uk/__data/assets/image/0012/243201/collections_home_thumb.jpg" width="290" height="163" alt="The Collections" title="The Collections" /></a>
</div>
</div>
<div class="thrd-w col edge-l">
<div class="pane">
<h3><a href="#">Object of the day</a></h3>
<hr /><div id="recent-posts"></div>
</div>
</div>
<div class="col sixth-w edge-l bg">
<div class="pane">
<h3><a href="http://www.vam.ac.uk/signup">Keep in touch</a></h3>
<hr />
<div id="keep-in-touch"><form name="emvForm" id="emvForm" action="http://p2tre.emv3.com/D2UTF8" method="POST" target="_top" >
<input type="hidden" name="emv_tag" value="100008B1A70B63A1" />
<input type="hidden" name="emv_ref" value="EdX7CqkmjWHJ8SA9MOPQLxjWKEx6HKWx-0nae9swW7HYKO8" />
<input type="email" id="EMAIL_FIELD" name="EMAIL_FIELD" value="" maxlength="64" placeholder="email" />
<input type="hidden" id="OPTIN_FIELD" name="OPTIN_FIELD" value="N" />
<input type="hidden" id="EMVADMIN1_FIELD" name="EMVADMIN1_FIELD" value="VAM" />
<input type="submit" value="Sign me up" />
</form>
<ul class="plain inline" style="margin-left:-2px;">
<li><a href="http://www.facebook.com/victoriaandalbertmuseum" title="Find us on facebook"><img alt="Facebook Logo" src="http://www.vam.ac.uk/__data/assets/image/0006/172338/facebook-32x32.png"/ width="31" height="31"></a></li>
<li><a href="http://twitter.com/V_and_A" title="Follow us on twitter"><img alt="Twitter Logo" width="31" height="31" src="http://www.vam.ac.uk/__data/assets/image/0005/172337/twitter-32x32.png"/></a></li>
<li><a href="http://www.pinterest.com/vamuseum/" title="V&amp;A on Pinterest"><img src="http://www.vam.ac.uk/__data/assets/image/0006/242727/App-Pinterest-icon.png" width="31" height="31" /></a></li>
<li><a href="http://instagram.com/vamuseum" title="V&amp;A on Instgram"><img src="http://www.vam.ac.uk/__data/assets/image/0005/242726/instagram-logo-2.png" width="31" height="31"/>
<li><a href="http://www.flickr.com/groups/va_museum/" title="See V&amp;A photos on Flickr!"><img src="http://l.yimg.com/g/images/goodies/white-large-chiclet.png" width="31" height="31" alt=""></a></li>
<li><a href="http://www.youtube.com/user/vamuseum" title="The V&amp;A on YouTube"><img alt="Subscribe to the V&amp;A on YouTube" src="http://s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png"/ width="31" height="31"></a></li>
<li><a href="https://vimeo.com/vamuseum" title="V&amp;A on Vimeo"><img src="http://www.vam.ac.uk/__data/assets/image/0006/242808/Smokescreen-Icon-60@2x.png" width="31" height="31" alt=""></a></li>
<li><a href="https://www.linkedin.com/company/victoria-and-albert-museum" title="V&amp;A on LinkedIn"><img src="http://www.vam.ac.uk/__data/assets/image/0005/242807/linkedin-logo.jpg" width="31" height="31" alt=""></a></li>
</ul>
<!-- Do not remove this closing div matches an opening div at top of page - needed for stats-->
</div>
</div>
</div>
</div>
</div></div>
<!-- I did not come from varnish -->
<!-- url would be http://www.vam.ac.uk/machine-pages/header-nav -->
<div id="header-nav" class="nav">
<ul>
<li><a href="http://www.vam.ac.uk">Home</a></li>
<li class="tab"><a class="many" href="/page/d/discover-the-v-and-a">Discover the V&amp;A</a>
<div class="subnav"><div class="wide pane">
<h6>Subject</h6>
<ul>
<li><a href="http://www.vam.ac.uk/page/a/architecture">Architecture</a></li><li><a href="http://www.vam.ac.uk/page/b/books">Books</a></li><li><a href="http://www.vam.ac.uk/page/c/ceramics">Ceramics</a></li><li><a href="http://www.vam.ac.uk/page/c/china">China</a></li><li><a href="http://www.vam.ac.uk/page/c/conservation">Conservation</a></li><li><a href="http://www.vam.ac.uk/page/d/dance">Dance</a></li><li><a href="http://www.vam.ac.uk/page/d/drawings">Drawings</a></li><li><a href="http://www.vam.ac.uk/page/f/fashion">Fashion</a></li><li><a href="http://www.vam.ac.uk/page/f/furniture">Furniture</a></li><li><a href="http://www.vam.ac.uk/page/g/glass">Glass</a></li><li><a href="http://www.vam.ac.uk/page/i/islamic-middle-east">Islamic Middle East</a></li><li><a href="http://www.vam.ac.uk/page/j/japan">Japan</a></li><li><a href="http://www.vam.ac.uk/page/j/jewellery">Jewellery</a></li><li><a href="http://www.vam.ac.uk/page/m/metalwork">Metalwork</a></li><li><a href="http://www.vam.ac.uk/page/p/paintings">Paintings</a></li><li><a href="http://www.vam.ac.uk/page/p/photography">Photography</a></li><li><a href="http://www.vam.ac.uk/page/p/prints">Prints</a></li><li><a href="http://www.vam.ac.uk/page/r/research">Research</a></li><li><a href="http://www.vam.ac.uk/page/s/sculpture">Sculpture</a></li><li><a href="http://www.vam.ac.uk/page/s/south-asia">South Asia</a></li><li><a href="http://www.vam.ac.uk/page/t/textiles">Textiles</a></li><li><a href="http://www.vam.ac.uk/page/t/theatre-and-performance">Theatre &amp; performance</a></li>
</ul>
<div class="more">
<a class="light" href="http://collections.vam.ac.uk/">Search the Collections</a>
<a href="http://www.vam.ac.uk/contentapi/atoz/?atozfilter=full">Explore A-Z</a>
</div>
</div>
<div class="pane">
<h6>Period &amp; Style</h6>
<ul>
<li><a href="http://www.vam.ac.uk/page/a/art-deco">Art Deco</a></li><li><a href="http://www.vam.ac.uk/page/a/arts-and-crafts">Arts and crafts</a></li><li><a href="http://www.vam.ac.uk/page/b/baroque">Baroque</a></li><li><a href="http://www.vam.ac.uk/page/g/gothic">Gothic</a></li><li><a href="http://www.vam.ac.uk/page/m/medieval">Medieval</a></li><li><a href="http://www.vam.ac.uk/page/m/modernism">Modernism</a></li><li><a href="http://www.vam.ac.uk/page/n/neo-classicism">Neo-classicism</a></li><li><a href="http://www.vam.ac.uk/page/r/renaissance">Renaissance</a></li><li><a href="http://www.vam.ac.uk/page/r/rococo">Rococo</a></li>
</ul>
</div><div class="pane">
<h6>Activities</h6>
<ul>
<li><a href="http://www.vam.ac.uk/content/articles/f/friday-late">Friday Late</a></li><li><a href="http://www.vam.ac.uk/page/t/things-to-do-in-the-museum">Things to do in the Museum</a></li><li><a href="http://www.vam.ac.uk/page/t/things-to-do-at-home">Things to do at home</a></li><li><a href="http://www.vam.ac.uk/page/c/courses-study-days">Courses</a></li>
</ul>
</div></div></li>
<li class="tab"><a class="many" href="/visiting/visitor-information/">Visit us</a>
<div class="subnav"><div class="wide pane">
<h6>Plan your visit</h6>
<ul>
<li><a href="http://www.vam.ac.uk/visiting/visitor-information/" title="Opening times">Opening times</a></li><li><a href="http://www.vam.ac.uk/visiting/visitor-information/#getting-here" title="Getting here">Getting here</a></li><li><a href="http://www.vam.ac.uk/whatson/" title="What's on">What's on</a></li><li><a href="http://www.vam.ac.uk/page/c/current-exhibitions" title="Current exhibitions">Current exhibitions</a></li><li><a href="http://www.vam.ac.uk/page/b/booking-and-tickets" title="Booking &amp; tickets">Booking &amp; tickets</a></li><li><a href="http://www.vam.ac.uk/visiting/visitor-information/#museum-map" title="Museum map">Museum map</a></li><li><a href="http://www.vam.ac.uk/visiting/visitor-information/#eating-drinking" title="Eating &amp; drinking">Eating &amp; drinking</a></li><li><a href="http://www.vam.ac.uk/page/d/disability-and-access" title="Disability &amp; access">Disability &amp; access</a></li><li><a href="http://www.vam.ac.uk/page/s/shopping" title="Shopping in the V&amp;A">Shopping in the V&amp;A</a></li>
</ul>
</div><div class="pane">
<h6>More to do</h6>
<ul>
<li><a href="http://www.vam.ac.uk/page/n/national-art-library" title="National Art Library">National Art Library</a></li><li><a href="http://www.vam.ac.uk/content/links/study-rooms" title="Study rooms">Study rooms</a></li><li><a href="http://www.vam.ac.uk/content/articles/s/sackler-centre-for-arts-education-at-the-vanda" title="Sackler Centre for arts education">Sackler Centre for arts education</a></li><li><a href="http://www.vam.ac.uk/moc" title="Museum of Childhood">Museum of Childhood</a></li>
</ul>
</div></div> </li>
<li><a href="http://www.vam.ac.uk/channel">Channel</a></li>
<li><a href="http://www.vam.ac.uk/page/s/support-us">Support us</a></li>
<li><a href="http://www.vam.ac.uk/page/l/learning">Learning</a></li>
<li><a href="http://www.vam.ac.uk/whatson">What's on</a></li>
<li><a href="http://www.vandashop.com/" onclick="_gaq.push(['_link', 'http://www.vandashop.com/']);">V&amp;A shop</a></li>
<li><a href="http://www.vam.ac.uk/content/email/signup" >Keep in touch</a></li>
</ul></div>
<!-- I did not come from varnish -->
<!-- url would be http://www.vam.ac.uk/machine-pages/footer-all -->
<div class="footer"><div class="nav row subnav" id="footer-nav"><div class="pane">
<h6>Visit Us</h6>
<ul><li><a href="http://www.vam.ac.uk/visiting/visitor-information/">Opening times</a></li><li><a href="http://www.vam.ac.uk/visiting/visitor-information/#getting-here">Getting here</a></li><li><a href="http://www.vam.ac.uk/page/b/booking-and-tickets">Booking &amp; tickets</a></li><li><a href="http://www.vam.ac.uk/visiting/visitor-information/#eating-drinking">Eating &amp; drinking</a></li><li><a href="http://www.vam.ac.uk/visiting/visitor-information/#gallery-closures">Gallery closures</a></li><li><a href="http://www.vam.ac.uk/page/d/disability-and-access">Disability &amp; access</a></li></ul>
</div>
<div class="pane">
<h6>Exhibitions</h6>
<ul><li><a href="http://www.vam.ac.uk/page/c/current-exhibitions">Current exhibitions</a></li><li><a href="http://www.vam.ac.uk/page/f/future-exhibitions">Future exhibitions</a></li></ul>
</div><div class="pane">
<h6>Resources</h6>
<ul><li><a href="http://www.vam.ac.uk/page/n/national-art-library">National Art Library</a></li><li><a href="http://www.vam.ac.uk/page/s/study-rooms">Study rooms</a></li><li><a href="http://www.vam.ac.uk/page/e/education-centre">Education centre</a></li><li><a href="http://www.vam.ac.uk/page/t/the-collections">Collections</a></li><li><a href="http://www.vam.ac.uk/page/v/videos-and-audios">Videos &amp; audios</a></li><li><a href="">Services</a></li></ul>
</div><div class="pane">
<h6>National &amp; International</h6>
<ul><li><a href="http://www.vam.ac.uk/page/t/touring-exhibitions">Touring exhibitions</a></li><li><a href="http://www.vam.ac.uk/page/v/v-and-a-national">V&amp;A National</a></li><li><a href="http://www.vam.ac.uk/page/v/international-work">V&amp;A international</a></li><li><a href="http://www.vam.ac.uk/content/articles/a/archives">Archive of Art and Design</a></li><li><a href="http://www.vam.ac.uk/moc/">Museum of Childhood</a></li></ul>
</div><div class="pane">
<h6>About the V&amp;A</h6>
<ul><li><a href="http://www.vam.ac.uk/page/f/futureplan">FuturePlan</a></li><li><a href="http://www.vam.ac.uk/page/p/press">Press</a></li><li><a href="http://www.vam.ac.uk/page/j/jobs">Jobs</a></li><li><a href="http://www.vam.ac.uk/page/d/departments">Departments</a></li><li><a href="http://www.vam.ac.uk/page/c/conservation">Conservation</a></li><li><a href="http://www.vam.ac.uk/page/v/venue-hire">Venue hire</a></li></ul>
</div></div><div class="row">
<UL id="foot-flags">
<li><a href="http://www.vamuseum.cn/" title="欢迎 | V&amp;A CN" target="_blank"><img alt="China Flag" src="http://www.vam.ac.uk/__data/assets/image/0011/32798/china.gif" /></a></li>
<!--<li><a href="http://www.vamuseum.jp" title="V&amp;A博物館へようこそ　 | V&amp;A JP" target="_blank"><img alt="Japan Flag" src="http://www.vam.ac.uk/__data/assets/image/0003/32799/japan.gif" /></a></li>-->
<li><a href="/content/articles/other/A-propos-du-v-and-a" title="À propos du V&amp;A"><img alt="France Flag" src="http://www.vam.ac.uk/__data/assets/image/0013/32800/france.gif" /></a></li>
<li><a href="/content/articles/other/uber-das-victoria-and-albert-museum" title="Über das V&amp;A"><img src="http://www.vam.ac.uk/__data/assets/image/0014/32801/germany.gif" alt="Germany Flag" /></a></li>
<li><a href="/content/articles/i/informazioni-sul-v-and-a" title="Informazioni sul V&amp;A"><img src="http://www.vam.ac.uk/__data/assets/image/0015/32802/italy.gif" alt="Italy Flag" /></a></li>
<li><a href="/content/articles/a/acerca-del-museo-victoria-and-albert-v-and-a" title="Acerca del museo Victoria and Albert"><img src="http://www.vam.ac.uk/__data/assets/image/0016/32803/spain.gif" alt="Spain Flag" /></a></li>
<li><a href="/content/articles/other/-v-and-a-russian-language" title="Омузее V&amp;A"><img src="http://www.vam.ac.uk/__data/assets/image/0017/32804/russia.gif" alt="Russia Flag" /></a></li>
<li><a href="/content/articles/v/v-and-a-polish-language" title="V&amp;A jest najwiekszym muzeum sztuki i rzemiosla artystycznego na swiecie."><img src="http://www.vam.ac.uk/__data/assets/image/0007/172339/poland.gif" alt="Poland Flag" /></a></li>
<li><a href="/content/articles/other/arabic-laguage-page" title="نظرة عامة على متحف فيكتوريا وألبرت"><img src="http://www.vam.ac.uk/__data/assets/image/0017/172340/arabic.gif" alt="Arabic Script" /></a></li>
</UL>
<div class="right">
<a class="light" href="http://www.vam.ac.uk/signup">Keep in touch</a>
<a class="light" href="http://www.vam.ac.uk/contentapi/atoz">Explore A-Z</a>
<a class="light" href="http://collections.vam.ac.uk">Search the Collections</a>
</div>
</div><div class="row" id="footer"><ul id="foot-links">
<li>&copy; 2014</li>
<li><a href="http://www.vam.ac.uk/content/articles/p/privacy-policy">Privacy &amp; cookies</a></li>
<li><a href="http://www.vam.ac.uk/content/articles/t/terms-and-conditions/">Terms of use</a></li>
<li><a href="http://www.vam.ac.uk/page/a/about-us">About the V&amp;A</a></li>
<li><a href="http://www.vam.ac.uk/content/articles/c/contact-us/">Contact the V&amp;A</a></li>
</ul></div>
<div class="mobile-off">
<a class="many" href="javascript:void(0)">Standard site layout</a>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://www.vam.ac.uk/__data/assets/js_file/0009/172359/main.js"></script>
<script type="text/javascript">
$(function() { new Tumblr.RecentPosts($("#recent-posts")).render() });
</script>
</body>
</html>
Raw
recent_tumblr.js
/*
This widget shows Recent Posts on your Tumblr blog.
Its dependency is jQuery.
Usage:
1) Add html:
<div id="recent-posts"></div>
2) Add code into the <head>:
<script type='text/javascript' src='https://raw.github.com/gist/4056588'></script>
<script type='text/javascript'
$(function() { new Tumblr.RecentPosts($("#recent-posts")).render() })
</script>
It supports also second parameter specifying the posts count (default is 10).
License:
Copyright (c) 2012 Jarmo Pertman
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
var tumblrfeed = 'thevamuseum';
var Tumblr = Tumblr || {};
var postsCount = 1;
var apiUrl = "http://"+tumblrfeed+".tumblr.com/api/read/json?callback=?&filter=text&num=" + (postsCount || 10);
Tumblr.RecentPosts = function(el, postsCount) {
var titleTypes = {
regular: "regular-title",
link: "link-text",
quote: "quote-source",
photo: "photo-caption",
conversation: "conversation-title",
video: "video-caption",
audio: "audio-caption",
answer: "question"
};
var renderPosts = function(posts) {
return $.map($.map(posts, postInfo), renderPost);
};
var renderPost = function(post) {
return "<div>" +
"<a class='link' href='" + post.url + "' target='_blank'>" +
"<img class='ood_img' src='"+ post.photourl + "'>" +
"<span class='caption'"+ post.photocaption + "</span></a>" +
"</div>"
};
var postInfo = function(post) {
var titleType = titleTypes[post.type];
if (titleType in post) {
console.log(post);
return {
title: post[titleType],
photocaption: post["photo-caption"],
photourl: post["photo-url-250"],
url: post["url-with-slug"]
};
}
};
return {
render: function() {
var loadingEl = $("<div>").text("Loading...").appendTo($(el));
$.getJSON(apiUrl, function(data) {
loadingEl.remove();
$("<div class='recent-posts'>").appendTo($(el)).hide().append(
renderPosts(data.posts).join("\n")).slideDown('slow');
});
return this;
}
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment