Skip to content

Instantly share code, notes, and snippets.

/index.html

Created July 7, 2016 16:02
Show Gist options
  • Save anonymous/b1074a7a681a0694918347241c70593d to your computer and use it in GitHub Desktop.
Save anonymous/b1074a7a681a0694918347241c70593d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html class=''>
<head>
<meta charset='UTF-8'>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" rel="stylesheet">
<style class="cp-pen-styles">
#demo {
border: 1px solid grey;
padding: 5px;
}
section {
margin-bottom: 20px;
}
</style>
<style class="ForWeatherWidget-pen-styles">
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Muli', sans-serif;
}
html,
body {
background: #EDF2F4;
}
.weather-app,
.weather-app_main,
.weather-app_main__information {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
margin: 0 auto;
width: 350px;
}
.weather-app_main {
background: #e7f7fe;
width: auto;
height: 11em;
box-shadow: 0px 9px 30px #CCC;
border-radius: 10px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-animation: bounce-in 900ms cubic-bezier (0.68, -0.55, 0.265, 1.55) forwards;
animation: bounce-in 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.weather-app_main__information h1,
.weather-app_main__informatIon h2,
.weather-app_main__information h3 {
color: rgba(43, 45, 66, 0.7);
margin: 0.57em 0;
font-size: 1.7em;
}
.weather-app_main__information img {
width: 65px;
height: 65px;
}
@-webkit-keyframes bounce-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounce-in {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
</style>
<!--ForWeatherWidget -->
<title></title>
</head>
<body>
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
</script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
</script>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic' rel='stylesheet' type='text/css'>
<!--//init. all tooltips & popovers on this page (Bootstrap will generate add'l html and add)-->
<script>
$(function() {
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover();
});
</script>
<nav class="navbar navbar-inverse">
<!-- These are the navigation links wrapped in a collapse DIV-->
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<!--Dropdown menu-->
<li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Links<span class="caret"></span></a>
<ul class="dropdown-menu">
<li> <a href="http://www.dice.com">Dice</a> </li>
<li> <a href="http://forecast.weather.gov/MapClick.php?lat=27.9093&lon=- 82.2966&unit=0&lg=english&FcstType=graphical">weather.gov</a> </li>
<li> <a href="https://weather.com/weather/hourbyhour/l/33509:4:US">weather.com hrly</a> </li>
<li> <a href="http://www.wikipedia.org">Wikipedia</a> </li>
<li> <a href="http://www.oxforddictionaries.com">OED</a> </li>
<li> <a href="http://salisburyreview.com/">Salisbury Review</a> </li>
<li> <a href="http://www.guardian.co.uk/">Guardian.co.uk</a> </li>
<li> <a href="http://www.mid-day.com/">mid-day</a> </li>
<li> <a href="http://www.infoworld.com/">InfoWorld</a> </li>
<li> <a href="https://slashdot.org/">slashdot</a> </li>
</ul>
</li>
<li> <a href="https://en.wikipedia.org/wiki/Albert_Einstein#/media/File:Rabindranath_with_Einstein.jpg">About Me</a> </li>
</ul>
<!--The right hand navigation part-->
<ul class="nav navbar-nav navbar-right">
<li> <a href="http://www.facebook.com">My FB</a> </li>
<li> <a href="http://www.twitter.com">My Twitter</a> </li>
<li>
<button class="btn btn-primary navbar-btn btn-sm" data-placement="bottom" data-target="#todoModal" data- toggle="modal" type="button">To do</button>
</li>
</ul>
</div>
</nav>
<!-- Main Content -->
<div class="container-fluid">
<div class="row">
<!--Main content area-->
<div class="col-sm-8">
<!--Section w/modal dlg containing to do items -->
<section>
<div class="modal fade" id="todoModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal" type="button">&times;</button>
<h4 class="modal-title">Stuff left to do on this pg</h4> </div>
<div class="modal-body"> Left to add:
<br> Blogs: Man~ AND -anglophile =epicurean -single malt avail =alfresco sm frndly opts
<p>
<br>
<br> Fan pgs for: -Wharton -rafa/tgr -astaire -chilpprs -jB/crnrShp - sufi/bulleh/rumi -suchet -fry/laurie
<br>
<br> wadala/gangsterCulture -mann/spa</p>
<p>
<br>
<br> TI trading rms -eco -re/au
<br> -Green rm, bw/off -FOB/AB blogroll -Lit/Iowa Wrkshp -LP availabil in BOM -AmazonLists -rsch chp compl Vinyl setup
<br> How to find tlr, pique/tech/den
<br> </p>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">Close</button>
</div>
</div>
</div>
</div>
</section>
<section>
<div aria-label="..." id="btnBar" role="group btn-group-sm">
<button class="btn btn-primary btn-sm" data-target="#devBtnBar" data-toggle="collapse">dev</button>
<button class="btn btn-primary btn-sm" data-target="#recBtnBar" data-toggle="collapse">rec</button>
<button class="btn btn-primary btn-sm" data-target="#nycBtnBar" data-toggle="collapse">nyc</button>
<button class="btn btn-primary btn-sm" data-target="#miscBtnBar" data-toggle="collapse">misc</button>
</div>
</section>
<section>
<div aria-label="..." class="collapse" id="recBtnBar" role="group btn-group-sm">
<button class="btn btn-primary btn-md" data-target="#furniture" data-toggle="collapse">Furniture</button>
<button class="btn btn-primary btn-md" data-target="#audio" data-toggle="collapse">Audio / HT</button>
<button class="btn btn-primary btn-md" data-target="#sartorial" data-toggle="collapse">Sartorial</button>
<button class="btn btn-primary btn-md" data-target="#planning" data-toggle="collapse">Stationary</button>
<button class="btn btn-primary btn-md" data-target="#FilmBtnBar" data-toggle="collapse">Film</button>
</div>
</section>
<section>
<div class="collapse" id="nycBtnBar" role="group btn-group-sm">
<button class="btn btn-primary btn-md" data-target="#re" data-toggle="collapse">Real Estate</button>
<button class="btn btn-primary btn-md" data-target="#NYCStorage" data-toggle="collapse">Storage</button>
<button class="btn btn-primary btn-md" data-target="#NYCdesi" data-toggle="collapse">Desi Stuff</button>
<button class="btn btn-primary btn-md" data-target="#NYCmisc" data-toggle="collapse">Misc</button>
</div>
</section>
<section>
<div aria-label="..." class="collapse" id="devBtnBar" role="group btn-group-sm">
<button class="btn btn-primary btn-sm" data-target="#devDomino" data-toggle="collapse">Domino</button>
<button class="btn btn-primary btn-sm" data-target="#devJava" data-toggle="collapse">java</button>
<button class="btn btn-primary btn-sm" data-target="#devWeb" data-toggle="collapse">Web</button>
<button class="btn btn-primary btn-sm" data-target="#devOther" data-toggle="collapse">other</button>
</div>
</section>
<section>
<div aria-label="..." class="collapse" id="miscBtnBar" role="group btn-group-sm">
<button class="btn btn-primary btn-md" data-target="#miscFood" data-toggle="collapse">Food</button>
<button class="btn btn-primary btn-md" data-target="#miscOther" data-toggle="collapse">Other</button>
</div>
</section>
<section>
<div aria-label="..." class="collapse" id="FilmBtnBar" role="group btn-group-sm">
<button class="btn btn-primary btn-sm" data-target="#filmDesi" data-toggle="collapse">desi films</button>
<button class="btn btn-primary btn-sm" data-target="#filmDesiArt" data-toggle="collapse">Desi arthouse</button>
<button class="btn btn-primary btn-sm" data-target="#filmTV" data-toggle="collapse">TV Series</button>
<button class="btn btn-primary btn-sm" data-target="#filmNoir" data-toggle="collapse">Noir/Nouvelle Vague </button>
<button class="btn btn-primary btn-sm" data-target="#filmArt" data-toggle="collapse">Arthouse/Intl.</button>
<button class="btn btn-primary btn-sm" data-target="#filmIsmail" data-toggle="collapse">Ismail Merchant</button>
<button class="btn btn-primary btn-sm" data-target="#filmSomeDesi" data-toggle="collapse">Some desi connection</button>
<button class="btn btn-primary btn-sm" data-target="#filmUSComm" data-toggle="collapse">US Commercial</button>
<button class="btn btn-primary btn-sm" data-target="#filmOther" data-toggle="collapse">Other</button>
</div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="sartorial">
<section>
<br> <a href="https://en.wikipedia.org/wiki/Frette#Select_hotels">Frette</a> is supposedly a good choice for linens and <a href="https://www.amazon.com/Frette-Solid-Shawl-Collar- Bathrobe/dp/B00DGI6JLM/ref=lp_7862871011_1_14?%20srs=7862871011&ie=UTF8&qid=1465403436&sr=8-14"> robes</a>.
<br>
<br> - Tom Ford has belts with a "T" for a buckle Men's
<br> http://www.gentlemansgazette.com/
<br> http://putthison.com/
<br> http://dappered.com/
<br> http://offthecuffdc.com/
<br>
<br> Seward Trunk Co. Embossed Steel 31" Oversize wheeled locker
<br> http://www.distributorcentral.com/websites/MercuryLuggage/item_information.cfm?SupplierItemGUID=71851D65 -5A6C-43FD-834E- C62D9FB6B482&
<br>
<br> Rhino Trunk & Case
<br> http://www.rhinotrunkandcase.com/products-capabilities/rhino-travel-wardrobe-trunks/
<br> https://amishhandcrafted.com/content/maple-steamer-trunk </section>
</div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="filmDesi">
<section> -
<h3>desi films --</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0382383/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTcxMDU0MTgwN15BMl5BanBnXkFtZTgwMTEzMDI4MzE@._V1_UY209_CR1,0,140,209_AL_.jpg"> </a>
<div class="caption"> 2005 Filmfare_Critics_Award_for_Best_Film- Yuva - Mani Ratnam </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0364303/?ref_=fn_al_tt_1"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTQ1Nzg1OTgxNl5BMl5BanBnXkFtZTcwOTI3ODgzMQ@@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Dev (2004) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt2301155/?ref_=nv_sr_1"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BZGM0ZTI0MTEtMGUwNS00NGIyLWEzZjYtNDQ4OWQwZDMwZDQ4XkEyXkFqcGdeQXVyNDUzOTQ5MjY@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Shootout at Wadala (2013) The first-ever registered encounter by the Mumbai Police, which took place on November 1, 1982. Based on a true story. </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1954470/?ref_=fn_al_tt_1"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTc5NjY4MjUwNF5BMl5BanBnXkFtZTgwODM3NzM5MzE@._V1_UY209_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> 2013 Filmfare_Critics_Award_for_Best_Film - Gangs of Wasseypur - Anurag Kashyap </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1395054/?ref_=fn_al_tt_1"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTAwMTg1NzY3NDReQTJeQWpwZ15BbWU3MDQ2NzQxNzM@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Once Upon a Time in Mumbai (2010) A smuggler rises to power in in 1970s Mumbai, a younger gangster seeks to overthrow him, and a police officer is caught in the middle. </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1891884/?ref_=fn_al_tt_2"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTc2NzMyNDAyNl5BMl5BanBnXkFtZTcwNjg5OTc5OQ@@._V1_UY268_CR1,0,182,268_AL_.jpg"> </a>
<div class="caption"> Once Upon a Time in Mumbai Dobaara! (2013) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1833673/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjI3NjY4OTU3Ml5BMl5BanBnXkFtZTgwODI5MzM1MDE@._V1_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Dhoom 3- 2013 </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt2112124/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjE2OTEyOTA3OV5BMl5BanBnXkFtZTcwNjI4MDk3OQ@@._V1_UY209_CR2,0,140,209_AL_.jpg"> </a>
<div class="caption"> Chennai Express - 2013 about a man's journey from Mumbai to Rameswaram, and what happens along the way after he falls in love with the daughter of a local don. </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt3735246/?ref_=wl_li_tt"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BMWI3YTA1MDktYWNjOS00MTE5LTkzMTQtOWNiODY2MjIzYTQwXkEyXkFqcGdeQXVyMTExNDQ2MTI@._V1_UY209_CR2,0,140,209%20_AL_.jpg"> </a>
<div class="caption"> Bajirao Mastani 2015 Indian epic historical romance film directed by Sanjay Leela Bhansali </div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmTV">
<section>
<h3>TV Series --</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0310455/?ref_=wl_li_tt"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BOTEyYWRhYTQtMGMxOC00YzY1LWFkOGItMWJlMDI4MjQ2ZGUwXkEyXkFqcGdeQXVyMjExMjk0ODk@._V1_UY209_CR5,0,140,209_AL_.jpg"> </a>
<div class="caption"> Foyle's War (2002- 2015) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0094525/?ref_=wl_li_tt"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BNjIxZDMwY2QtYjZmNy00ZWQwLWJhYjAtNDIxNzJkYjEzYjk0XkEyXkFqcGdeQXVyMjExMjk0ODk@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Agatha Christie: Poirot (Many episodes remain to be seen) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0092379/?ref_=wl_li_tt"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BMjRkNWFjNWEtNzhhNS00OTgzLWJhMmUtZWFiMTQxMmFlMDYzXkEyXkFqcGdeQXVyMjExMjk0ODk@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Inspector Morse (Many episodes remain to be seen) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0092379/?ref_=wl_li_tt"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BNWU5ZTMyZDAtMDc1Yy00OTNiLWI4OWQtYzMzYWE0ZmEzMmNjXkEyXkFqcGdeQXVyMjExMjk0ODk@._V1_UY209_CR3,0,140,209_AL_.jpg"> </a>
<div class="caption"> Inspector Lewis (2006 TV Series) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1988386/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU2Njk1NTYxNV5BMl5BanBnXkFtZTgwMTc3NzAxMzE@._V1_UY209_CR69,0,140,209_AL_.jpg"> </a>
<div class="caption"> Miss Fisher's Murder Mysteries (2012 TV Series) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt3574152/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU5NDA5MTkzMV5BMl5BanBnXkFtZTgwNDM4MDc0NjE@._V1_UY209_CR3,0,140,209_AL_.jpg"> </a>
<div class="caption"> Partners in Crime(1992) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt5012394/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BYmExY2I1NzEtZThkMi00N2RjLWIwOTktZDFlZmY5NThlMzAwXkEyXkFqcGdeQXVyMjExMjk0ODk@._V1_UX140_CR0,0,140,209%20_AL_.jpg"> </a>
<div class="caption"> Maigret Sets a Trap (2016 TV Movie) </div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmDesiArt">
<section>
<h3>Desi arthouse --</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0083248/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU0OTQyODQzN15BMl5BanBnXkFtZTcwNTg3ODQyMQ@@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Umrao Jaan (1981) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0085913/?ref_=wl_li_tt"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BYzcxNDM3ODAtOWI3ZS00YTViLTllZDgtYzczN2E3N2Q0ODU5XkEyXkFqcGdeQXVyNDUzOTQ5MjY@._V1_UY209_CR2,0,140,209_AL_.jpg"> </a>
<div class="caption"> Masoom (1983) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0091256/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BZDlhNTc2N2QtZGM2OS00YmY2LWI2NWMtYTU0MDg5MTY2NmVmXkEyXkFqcGdeQXVyNDUzOTQ5MjY@._V1_UY209_CR3,0,140,209_AL_.jpg"> </a>
<div class="caption"> Permission (1987) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0142431/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Khamoshi (1970) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0080343/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Albert Pinto Ko Gussa Kyon Ata Hai (1980) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0246456/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNjEwOTIyMDI0OV5BMl5BanBnXkFtZTgwMTk3ODM3NDE@._V1_UY209_CR8,0,140,209_AL_.jpg"> </a>
<div class="caption"> Bazaar (1982) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0241753/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> The Morning Breeze (1995) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0087736/?ref_=wl_li_tt"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Mohan Joshi Hazir Ho! (1984) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0150683/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Gaman (1978) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt2140039/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjI0NzU5NjM2OF5BMl5BanBnXkFtZTcwMDY5MTk1OA@@._V1_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Josh (2013) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0107199/mediaviewer/rm1365744896?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU5MTM2Njc5N15BMl5BanBnXkFtZTcwMzUzNjgyMQ@@._V1_UY268_CR3,0,182,268_AL_.jpg"> </a>
<div class="caption"> In Custody (1994) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0244590/mediaviewer/rm2778194176?ref_=tt_ov_i"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BNGE0Njc0M2EtYjdhYi00ODM0LWI4MGEtODAxZTNlOWRkZmIzXkEyXkFqcGdeQXVyNDUzOTQ5MjY@._V1_UY268_CR1,0,182,268%20_AL_.jpg"> </a>
<div class="caption"> Kissi Se Na Kehna (1983) Director: Hrishikesh Mukherjee </div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmNoir">
<section>
<h3>Noir/Nouvelle Vague --</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0027336/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTcyOTU1OTU1Nl5BMl5BanBnXkFtZTgwMjQ5NTQ5MTE@._V1_UY209_CR12,0,140,209_AL_.jpg"> </a>
<div class="caption"> The Lower Depths (1936) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0025898/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTUzOTI0MTI2NV5BMl5BanBnXkFtZTcwMDg4MDMzMQ@@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Toni (1935) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0023284/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Night at the Crossroads (1932) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0080610/?ref_=wl_li_i"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BMjM2MzMzNjY0NF5BMl5BanBnXkFtZTgwNTk1OTk3MTE@._V1._CR28.1875,48.622161865234375,1471.1817932128906,19%2048.6362609863281_UY209_CR9,0,140 ,209_AL_.jpg"> </a>
<div class="caption"> The Last Metro (1980) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0054389/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU3MjUxNTM0NF5BMl5BanBnXkFtZTcwNTY4MTYzMQ@@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Shoot the Pianist (1960) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0056917/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjA5NjczMzA0NV5BMl5BanBnXkFtZTcwMjE5Nzg5Mg@@._V1_UY209_CR2,0,140,209_AL_.jpg"> </a>
<div class="caption"> Greed in the Sun (1964) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0059592/?ref_=wl_li_i"><img alt="film&quot;" src="http://ia.media-imdb.com/images/M/MV5BMTQ0OTc4MDcxMl5BMl5BanBnXkFtZTgwNjIzMjA0NzE@._V1_UY209_CR7,0,140,209_AL_.jpg"> </a>
<div class="caption"> Pierrot le Fou (1965) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0062480/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTcyNDQ2MzY0MF5BMl5BanBnXkFtZTcwMTYxNDM0OA@@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Weekend (1967) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0108394/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BZDc4NzY5NjAtY2FmNy00NzRmLTk0MzMtMTkyMjEwYjY2MzQ5XkEyXkFqcGdeQXVyMTAwMzUyOTc@._V1_UY209_CR0,0,140,209%20_AL_.jpg"> </a>
<div class="caption"> Three Colors: Blue (1993) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0111495/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BM2VkNTVhOWItNmVhYi00ZmJjLWIxNDYtOTk3OTZkZTVkNWFiXkEyXkFqcGdeQXVyMTAwMzUyOTc@._V1_UY209_CR1,0,140,209%20_AL_.jpg"> </a>
<div class="caption"> Three Colors: Red (1994) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0111507/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNTliYTI1YTctMTE0Mi00NDM0LThjZDgtYmY3NGNiODBjZjAwXkEyXkFqcGdeQXVyMTAwMzUyOTc@._V1_UX140_CR0,0,140,209%20_AL_.jpg"> </a>
<div class="caption"> Three Colors: White (1994) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0062728/?ref_=wl_li_i"><img alt="film" src="http://ia.media-%20imdb.com/images/M/MV5BMTk4ODExMDYwOF5BMl5BanBnXkFtZTcwNjgzNDcxMQ@@._V1_UY209_CR7,0,140,209_AL_.jpg"> </a>
<div class="caption"> Les Biches (1968) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0052708/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTc3MTk3NjI4Ml5BMl5BanBnXkFtZTcwNzM2MDEyMQ@@._V1_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Les Cousins (1959) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0053473/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTgyNzQ1MTYzMV5BMl5BanBnXkFtZTcwMzE1NDYzMQ@@._V1_UY209_CR3,0,140,209_AL_.jpg"> </a>
<div class="caption"> Leda (1959) Director: Claude Chabrol </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0073221/?ref_=wl_li_i"><img alt="film" src="http://ia.media-%20imdb.com/images/M/MV5BMTMxMTgyOTQxMl5BMl5BanBnXkFtZTcwNTM3OTk3MQ@@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Just Before Nightfall (1971) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0054632/?ref_=wl_li_i"><img alt="film" src="http://ia.media-%20imdb.com/images/M/MV5BOTIzODQ3NzgwNV5BMl5BanBnXkFtZTcwNTAwMjE0Mg@@._V1._CR80,86,458,699_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Last Year at Marienbad (1961) </div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmArt">
<section>
<h3>Arthouse/Intl. --</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0109424/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjA5MTc3NDE2MV5BMl5BanBnXkFtZTcwMDM5MTk5MQ@@._V1_UY209_CR14,0,140,209_AL_.jpg"> </a>
<div class="caption"> Chungking Express (1994) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0053390/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTc3MDc0OTE4OF5BMl5BanBnXkFtZTcwNDg2NTUyMQ@@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Floating Weeds (1959) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0060827/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTc1OTgxNjYyNF5BMl5BanBnXkFtZTcwNjM2MjM2NQ@@._V1_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Persona (1966) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0056923/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNTIwODUwMjU1N15BMl5BanBnXkFtZTgwMzg4ODQwMjE@._V1_UY209_CR2,0,140,209_AL_.jpg"> </a>
<div class="caption"> Charade (1963) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0063759/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTcwNTkxOTcxMV5BMl5BanBnXkFtZTgwNjI4Nzc1MzE@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Hour of the Wolf (1968) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0056732/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMzczNjE3OTY4MV5BMl5BanBnXkFtZTgwOTk5NTg0MTE@._V1._CR218,227,1124,1555_UY209_CR5,0,140,209_AL_.jpg"> </a>
<div class="caption"> The Exterminating Angel (1962) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0066603/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTcxNTU5NzM0OF5BMl5BanBnXkFtZTgwMDEyODIyMTE@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Zatoichi Meets Yojimbo (1970) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0066602/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTcwMjY3NjIzOV5BMl5BanBnXkFtZTgwOTkxODIyMTE@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Zatoichi Meets the One-Armed Swordsman (1971) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0201922/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNjc0MDgzOTE4Nl5BMl5BanBnXkFtZTgwNTAyODIyMTE@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Zatoichi in Desperation (1972) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0164983/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU5MTcyOTEwN15BMl5BanBnXkFtZTgwNzEyODIyMTE@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Samaritan Zatoichi (1968) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0186725/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTk5NzY3MzUzOF5BMl5BanBnXkFtZTgwNTEyODIyMTE@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> Zatoichi's Cane-sword (1967) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0055267/?ref_=wl_li_i"><img alt="film" src="http://ia.media-%20imdb.com/images/M/MV5BMTA4Nzg3MTk2ODdeQTJeQWpwZ15BbWU4MDAyNzY5MTEx._V1_UY209_CR8,0,140,209_AL_.jpg"> </a>
<div class="caption"> Daredevil in the Castle (1961) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0054150/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Man Against Man (1960) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0054006/?ref_=wl_li_i"><img alt="film" src="http://www.imdb.com/title/tt0054006/?ref_=wl_li_i"> </a>
<div class="caption"> The Gambling Samurai (1960) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0051808/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTUzMzI1OTU2OV5BMl5BanBnXkFtZTgwNjAwOTQyNjE@._V1_UY209_CR4,0,140,209_AL_.jpg"> </a>
<div class="caption"> The Hidden Fortress (1958) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0052567/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Ankokugai no kaoyaku (1959) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0050330/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjA2ODExOTEwMF5BMl5BanBnXkFtZTgwMDQ5NTQ5MTE@._V1_UY209_CR3,0,140,209_AL_.jpg"> </a>
<div class="caption"> The Lower Depths (1957) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0020697/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNDkyMjgzMDU2Ml5BMl5BanBnXkFtZTgwMzg0MTE1MjE@._V1_UY209_CR1,0,140,209_AL_.jpg"> </a>
<div class="caption"> The Blue Angel (1930) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0023458/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjE4OTY2NjYwNl5BMl5BanBnXkFtZTgwOTEyOTYyMjE@._V1_UY209_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Shanghai Express (1932) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0026276/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjUyNTM5MTA1OV5BMl5BanBnXkFtZTgwODk1NTAwMjE@._V1_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> The Devil Is a Woman (1935) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://ia.media- imdb.com/images/M/MV5BMTYwNDA3NDY2M15BMl5BanBnXkFtZTYwMDE4NTQ5._V1_UX140_CR0,0,140,209_AL_.jpg"> <img alt="film" src="http://ia.media- imdb.com/images/M/MV5BMTYwNDA3NDY2M15BMl5BanBnXkFtZTYwMDE4NTQ5._V1_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Gosford Park (2001) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0105130/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjIxODM3MTI4M15BMl5BanBnXkFtZTcwNTIzNzU2NA@@._V1_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> Peter's Friends (1992) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0101049/?ref_=wl_li_i"><img alt="film" src="http://ia.media-%20imdb.com/images/M/MV5BMjAyODI4MTc0Nl5BMl5BanBnXkFtZTYwOTUzNTI5._V1._CR1,1,267,434_UX140_CR0,0,140,209_AL_.jpg"> </a>
<div class="caption"> A Bit of Fry and Laurie (1987-1995) many episodes remain to be seen </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0131158/?ref_=wl_li_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BOTNlM2FhODUtMzdmYy00MmE5LThiYmQtNTlkNTQxNjEyMGM0XkEyXkFqcGdeQXVyMDYxMTUwNg@@._V1_UY209_CR4,0,140,209%20_AL_.jpg"> </a>
<div class="caption"> Alfresco (1983-1984) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0117400/mediaviewer/rm3944390400?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjA4NDQ5NjE1NV5BMl5BanBnXkFtZTcwMzk0MTcxMQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Proprietor (1996) </div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmIsmail">
<section>
<h3>Ismail Merchant (1936-2005)</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0159373/mediaviewer/rm2913967872?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTYxMTQwMDkwNF5BMl5BanBnXkFtZTYwMzk3MTk5._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Cotton Mary (1999) Directors: Ismail Merchant, Madhur Jaffrey </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0322530/mediaviewer/rm1676645120?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjE0NDc1Njc4NF5BMl5BanBnXkFtZTcwNDU2OTQ1MQ@@._V1_UY268_CR1,0,182,268_AL_.jpg"> </a>
<div class="caption"> Bombay Talkie </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0059709/mediaviewer/rm2397019392?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNTE1NzIyNzU5OF5BMl5BanBnXkFtZTcwMTUwMzUyMQ@@._V1_UY268_CR4,0,182,268_AL_.jpg"> </a>
<div class="caption"> Shakespeare-Wallah (1965) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0064396/mediaviewer/rm1299829248?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU3NDIyMzk5Nl5BMl5BanBnXkFtZTgwMTQxODk1MDE@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Guru (1969) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0073903/mediaviewer/rm3050478848?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTY5OTc1Mzk4MV5BMl5BanBnXkFtZTcwOTQxNDUyMQ@@._V1_UY268_CR7,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Wild Party (1975) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0072674/mediaviewer/rm1335072256?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTkzODQxNTgzMF5BMl5BanBnXkFtZTcwNTc5MTI2MQ@@._V1_UY268_CR3,0,182,268_AL_.jpg"> </a>
<div class="caption"> Autobiography of a Princess (1975) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0076639/mediaviewer/rm210279680?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTg3MTUyNDUzNF5BMl5BanBnXkFtZTcwNzcxODYyMQ@@._V1_UY268_CR3,0,182,268_AL_.jpg"> </a>
<div class="caption"> Roseland (1977) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0079316/mediaviewer/rm784243968?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTUxMTE2MTgxOV5BMl5BanBnXkFtZTcwNDE0NDYyMQ@@._V1_UY268_CR10,0,182,268_AL_.jpg"> </a>
<div class="caption"> Hullabaloo Over Georgie and Bonnie's Pictures (1978) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0079123/mediaviewer/rm4211706112?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTQ2ODE5NzQ2OF5BMl5BanBnXkFtZTcwMzExOTk4Mg@@._V1_UY268_CR3,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Europeans (1979) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0082964/mediaviewer/rm600743168?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTUxODA1OTYzOF5BMl5BanBnXkFtZTcwMzY4NjQyMQ@@._V1_UY268_CR3,0,182,268_AL_.jpg"> </a>
<div class="caption"> Quartet (1981) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0086992/mediaviewer/rm2459868928?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTM2NjIzMzI1M15BMl5BanBnXkFtZTcwNjk0MzAwMQ@@._V1_UY268_CR2,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Bostonians (1984) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0176016/mediaviewer/rm3566902528?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTQzNjk1NjM0OV5BMl5BanBnXkFtZTcwMzc1NTcyMQ@@._V1_UY268_CR3,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Perfect Murder (1988) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0100200/mediaviewer/rm491691776?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTY3NTA1NTc4NF5BMl5BanBnXkFtZTcwOTM5OTAyMQ@@._V1_UY268_CR1,0,182,268_AL_.jpg"> </a>
<div class="caption"> Mr. & Mrs. Bridge (1990) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0101404/mediaviewer/rm3516570880?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjE1NTIxMjMzOV5BMl5BanBnXkFtZTcwNjc1NTcyMQ@@._V1_UY268_CR3,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Ballad of the Sad Cafe (1991) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0113463/mediaviewer/rm1943379200?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTI1MjA3MDQ3Nl5BMl5BanBnXkFtZTcwNTkyNTUyMQ@@._V1_UY268_CR1,0,182,268_AL_.jpg"> </a>
<div class="caption"> Jefferson in Paris (1995) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0117791/mediaviewer/rm1834654720?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTk2NTI4MTMwMV5BMl5BanBnXkFtZTcwMjE4ODcyMQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Surviving Picasso (1996) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0120127/mediaviewer/rm1664850944?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTQ1MjQ5ODc1OF5BMl5BanBnXkFtZTcwMjQyMjMyMQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Side Streets (1998) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0200669/mediaviewer/rm520068352?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTQyNTI0OTY3M15BMl5BanBnXkFtZTcwMDI1MTQyMQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Golden Bowl (2000) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0338249/mediaviewer/rm359111936?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTQ3NzE0NzY0NF5BMl5BanBnXkFtZTcwNzYyNjgyMQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Merci Dr Rey! (2002) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0384686/mediaviewer/rm3504378368?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMzMzMDgxNzQ4MV5BMl5BanBnXkFtZTcwMTczNjEzMQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> The White Countess (2005) </div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmSomeDesi">
<section>
<h3>Some desi connection</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0114106/?ref_=nm_flmg_act_22"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> The Peacock Spring (1996) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0349249/mediaviewer/rm1166053888?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNjYzNDY5MjQ5NV5BMl5BanBnXkFtZTcwNTk5MTQzMQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Cosmopolitan (2003) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0480904/?ref_=nm_flmg_act_10"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Hiding Divya (2006) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0826772/?ref_=nm_flmg_act_9"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> The Papdits (2006) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0213985/mediaviewer/rm4264399360?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTIxNDQ4NDI2M15BMl5BanBnXkFtZTcwMTI1MjU0MQ@@._V1_UY268_CR2,0,182,268_AL_.jpg"> </a>
<div class="caption"> Partition (2007) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt2180423/?ref_=nm_flmg_act_1"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTU2NDYwNjg1NV5BMl5BanBnXkFtZTgwNzYzNjcwMDE@._V1_UY268_CR110,0,182,268_AL_.jpg"> </a>
<div class="caption"> Jadoo (2013) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1934231/mediaviewer/rm1062387456?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNTI3ODQwNDAzN15BMl5BanBnXkFtZTcwMDg5NDExNg@@._V1_UY268_CR2,0,182,268_AL_.jpg"> </a>
<div class="caption"> Delhi Belly (2011) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0166175/mediaviewer/rm911318016?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTI0MDk3ODQ4M15BMl5BanBnXkFtZTcwMDQ1NDkyMQ@@._V1_UY268_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> East Is East (1999) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0168529/mediaviewer/rm2443714304?ref_=tt_ov_i"><img alt="film" src="http://ia.media- imdb.com/images/M/MV5BNWY0Yjc5OTItMDNkYy00ZDdmLTlkYTgtYjlhMTdmZmZiMWNhXkEyXkFqcGdeQXVyNjYwOTkwNzQ@._V1_UY268_CR28,0,182,26%208_AL_.jpg"> </a>
<div class="caption"> Bombay Boys (1998) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt2204540/mediaviewer/rm4059363328?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTkyMDU3NjM5NV5BMl5BanBnXkFtZTgwNTYzODczMzE@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Brahmin Bulls (2013) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0073341/mediaviewer/rm929810176?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BNDQ1NjQ0Mjk4N15BMl5BanBnXkFtZTgwODUwNzU2MjE@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> The Man Who Would Be King (1975) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0095584/?ref_=nm_flmg_act_32"><img alt="film" src="http://ia.media-imdb.com/images/G/01/imdb/images/nopicture/140x209/film-4001654135._CB271193464_.png"> </a>
<div class="caption"> Manika, une vie plus tard (1989) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0425326/mediaviewer/rm571380480?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTI0MzU5NTEwNF5BMl5BanBnXkFtZTcwNzIxMDU1MQ@@._V1_UY268_CR7,0,182,268_AL_.jpg"> </a>
<div class="caption"> Outsourced (2006) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1012757/mediaviewer/rm3531002368?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTc2MDY5NjIxNV5BMl5BanBnXkFtZTgwNjU4MTA2MDE@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Loins of Punjab Presents (2007) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt2356180/mediaviewer/rm3825968896?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTY1Nzg4MjcwN15BMl5BanBnXkFtZTcwOTc1NTk1OQ@@._V1_UY268_CR2,0,182,268_AL_.jpg"> </a>
<div class="caption"> Bhaag Milkha Bhaag (2013) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt0435706/mediaviewer/rm2605159424?ref_=tt_ov_i"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMjI0MzgwNjI1NV5BMl5BanBnXkFtZTcwNDAzNzc5MQ@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Nina's Heavenly Delights (2006) </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href=""><img alt="film" src=""> </a>
<div class="caption"></div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmUSComm">
<section>
<h3>US Commercial</h3>
<br>
<div class="col-md-4">
<a class="thumbnail" href="http://www.imdb.com/title/tt1314655/?ref_=fn_al_tt_1"><img alt="film" src="http://ia.media-imdb.com/images/M/MV5BMTgxMTI1OTY2N15BMl5BanBnXkFtZTcwMzY3NTU2Mw@@._V1_UX182_CR0,0,182,268_AL_.jpg"> </a>
<div class="caption"> Devil (2010) </div>
</div>
</section>
</div>
</section>
<section>
<div class="collapse" id="filmOther">
<section>
<h3>Other film</h3>
<br>
<div class="col-md-4"></div>
</section>
</div>
</section>
<!--A SECTION with a collapsible para-->
<div class="collapse" id="planning">
<section>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/Bomber-Jacket-Tyler-Folio-6134.aspx"><img alt="Folio" src="http://www.levimage.com/image/web/product/personal_accessor/folio_padholders/al7455.jpg"> </a>
<div class="caption"> Bomber Jacket Tyler Folio </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/Note-Cards-16/Custom-Note-Cards-915/3-x-5-Cards- 937/250-Personalized-3-%20x-5-%20Cards---Vertical-13683.aspx"> <img alt="Jotting Index cards" src="http://www.levenger.com/Catalog/CardImages/ZOOMS/ADS80_A1.JPG"> </a>
<div class="caption"> Custom Index NoteCards </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.crane.com/product/lincoln-vintage-metalsmith-tornado- rollerball-pen/VRR1331"><img alt="pen" src="http://www.crane.com/crnImages/VRR1331/zoom-v1-VRR1331.jpg"> </a>
<div class="caption"> Lincoln Vintage Metalsmith Tornado Rollerball Pen </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/PENS---REFILLS-8/SHOP-BY-BRAND-34/AURORA- 39/Aurora-Gemstone-Rollerball-13675.aspx"><img alt="pen" src="http://www.levimage.com/image/web/product/pen_ink/pens/ap16255_aurora-gemstone- rollerball_csw_aqm.jpg"> </a>
<div class="caption"> Aurora Gemstone Rollerball Pen </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/PENS---REFILLS-8/SHOP-BY-BRAND-34/WATERFORD- 1068/Waterford-Pallas-%20Rollerball-%2013643.aspx"> <img alt="pen" src="http://www.levimage.com/image/web/product/pen_ink/pens/ap16295_waterford-pallas-rollerball_csw.jpg"> </a>
<div class="caption"> Waterford Pallas Rollerball Pen </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/PENS---REFILLS-8/SHOP-BY-BRAND-34/PARKER- 1070/Parker-Sonnet-Contort-Purple-Cisele-%20Rollerball-13551.aspx"> <img alt="pen" src="http://www.levimage.com/image/web/product/pen_ink/pens/ap14065_parker- sonnet-%20contort-purple-cisele-rollerball_csw.jpg"> </a>
<div class="caption"> Parker Sonnet Cisele Rollerball Pen </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/PENS---REFILLS-8/SHOP-BY-BRAND-34/FABER-CASTELL- 41/Faber-Castell-e-Motion-Pure-%20Black-Rollerball-13487.aspx"> <img alt="pen" src="http://www.levimage.com/image/web/product/pen_ink/pens/ap16125_faber- %20castell-e-motion-pure-black-rollerball_csw.jpg"> </a>
<div class="caption"> Faber-Castell e-Motion Pure Black Rollerball Pen </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/PENS---REFILLS-8/SHOP-BY-BRAND-34/ACME-1066/ACME- Rhapsody-Rollerball-13457.aspx"><img alt="pen" src="http://www.levimage.com/image/web/product/pen_ink/pens/ap12755_acme-rhapsody-rollerball_csw.jpg"> </a>
<div class="caption"> ACME Rhapsody Rollerball Pen </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.levenger.com/Pair-Of-Levenger-Single-Sheet-Cutters- 421.aspx"><img alt="pen" src="http://www.levimage.com/image/web/product/desk_accessories/clips_cutters_tools/ad260_csw_rd.jpg"> </a>
<div class="caption"> Single-Sheet Cutters </div>
</div>
</section>
</div>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="audio">
<section> http://www.avsforum.com/
<br> http://www.klipsch.com/
<br> http://www.polkaudio.com/
<br> http://definitivetechnology.com/
<br> http://www.martinlogan.com/
<br> https://www.cambridgeaudio.com/
<br> http://www.bang- olufsen.com/da/collection/speakers/beolab-20
<br> http://www.jbl.com/loudspeakers/STUDIO +L890.html?dwvar_STUDIO%20L890_color=Black#start=1
<br> http://www.paradigm.com/products- current/type=tower/model=prestige-95f/page=overview
<br> http://kef.com/html/us/index.html
<br> http://www.bowers- wilkins.com/Speakers/Home_Audio/600_Series/683.html
<br> http://www.bostonacoustics.com/
<br> Sony Home Cinema Projector - VPL-HW40ES
<br> <i>Food for thot</i>
<br> I can suggest Koss PortaPro, if you are looking for compacts. They have rather nice bass for a small thing they are. That model was so successful, they have been producing it since the 80s. They also come with a lifetime warranty, and Koss will exchange them for a nominal fee of $6 or 9. The retail price is typically $30-40.
<br> http://www.amazon.com/Koss-PortaPro- Headphones-with-Case/dp/B00001P4ZH/ref=sr_1_1?s=electronics&ie=UTF8&qid=1464305449&sr=1- 1&keywords=Koss+PortaPro+Headphones+with+Case
<br> http://www.stereophile.com/
<br> http://www.theabsolutesound.com/
<br> http://www.soundandvision.com/
<br> </section>
<section></section>
</div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="re">
<section> http://www.mansionglobal.com/newyork
<br> Rental <a href="http://streeteasy.com/for-rent/manhattan/status:open%7Cprice:-2000%7Csqft %3E=500%7Cbeds%3C1?view=map#pos=12/40.77547,-73.97747"> studios</a> under 2k
<br>
<br> <a href="http://www.bhsusa.com/for-sale/new-york-city">Brown harris</a> (also has rentals)
<br> <a href="http://www.zillow.com/homes/for_sale/hdfc_att/globalrelevanceex_sort/40.808547,- 73.873014,40.7416,-%2074.019442_rect/12_zm/a752f575ecX1-CR187zxt422kzhp_17gt2i_crid/"> HDFC</a> income-restr. apts on zillow.
<br> <a href="http://www.trulia.com/for_rent/New_York,NY/13_zm/40.73048088865914,40.82056720511156,- 74.04242212280275,-73.88569528564454_xy/0-2000_price/map_v"> trulia</a> has both for sale & for rent
<br>
<br> <a href="http://www.brickunderground.com/">Decent real-est site w/lots of articles</a>
<br> <a href="http://www.curbed.com/">Curbed: nyc real estate</a>
<br> <a href="http://www.apartmenttherapy.com/">Tips and things for living better in small spaces</a> </section>
</div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="furniture">
<section> <b>(site below has WishList saved under email id)</b>
<br> http://www.furniturelandsouth.com/
<br> http://www.hickoryfurniture.com/Furniture- Jonathan-Charles-Tables/ItemBrowser.aspx?action=attributes&ItemType=Furniture&Brand=Jonathan %20Charles&Type=Tables&TrailIndex=1
<br> http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/513/images/217%20jessicamcclintock %20cover.pdf </section>
<!--A SECTION with cols for thumbnails-->
<section>
<div class="row">
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Reflections-Furniture- Outlet-Leather-Barrel-Chair/02Chair-P67/ItemInformation.aspx"> <img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/p67/image384/02chair.jpg"> </a>
<div class="caption"> Leather-Barrel-Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Miles-Talbott- %20Chair/THO-LX-9521-TC-1227/ItemInformation.aspx"><img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/1227/image1024/3074-1-lg-tho- lx-9521-tc.jpg"> </a>
<div class="caption"> Miles Talbott Living Room Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Whittemore-Sherrill- Leather-Gallery-by-Reflections-%20Classics-Tufted-%20Leather-Chair-by/1610-01-P67/ItemInformation.aspx"> <img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/p67/image1024/1610-01.jpg"> </a>
<div class="caption"> Tufted Leather Chair by Reflections </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Lexington-Cardiff- Chair/7531-11-8/ItemInformation.aspx"><img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/8/image384/7531-11.jpg"> </a>
<div class="caption"> Lexington Living Room Cardiff Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Thomasville-Vienna- Chair/HS331%20013-%20976/ItemInformation.aspx"><img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/976/image384/hs331013002_91206s.jpg"> </a>
<div class="caption"> Thomasville Vienna Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Hancock-and-Moore- Lincoln-Tufted-Chair/1777-%20965/ItemInformation.aspx"><img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/965/image384/1777_lincoln_oc_hr.jpg"> </a>
<div class="caption"> Lincoln-Tufted-Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Hancock-and-%20Moore- Kenneth-Chair/5060-%20965/ItemInformation.aspx"><img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/965/image384/5060_kenneth_st_hr.jpg"> </a>
<div class="caption"> Kenneth Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Hancock-and-Moore-George- III-Wing-Chair/9752-%20965/ItemInformation.aspx"><img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/965/image384/9752_george_wc_hr.jpg"> </a>
<div class="caption"> George III Wing Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Hancock-and-Moore-George- III-Tufted-Wing-Chair/9751-%20965/ItemInformation.aspx"> <img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/965/image384/9751_george_wc_hr.jpg"> </a>
<div class="caption"> George III Tufted Wing Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Marge-Carson-Chandler- Chair/CHD41A-%201155/ItemInformation.aspx"><img alt="chair" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/1155/image384/chd41a-p1.jpg"> </a>
<div class="caption"> Chandler Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/michael- amini-knightsbridge-charterhse-leather-%20chair-fs-knght35-gll-43"> <img alt="chair" src="https://s3.amazonaws.com/flswordpressmedia/media/product-%20catalog/base/AICO11107.jpg"> </a>
<div class="caption"> Michael Amini Knightsbridge Charterhse Leather Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/michael- amini-chair-and-a-half-54838-chpgn-04"><img alt="chair" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/AICO10401.jpg"> </a>
<div class="caption"> Michael Amini Chair and a Half </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/francesco-molon-leather-wing-chair-p82"><img alt="chair" src="https://s3.amazonaws.com/flswordpressmedia/media/product- catalog/base/FRANC10486.jpg"> </a>
<div class="caption"> Francesco Molon Leather Wing Chair </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Habersham-Plantation- Corporation-Small-Marcelle-Chest/17-%202601-%20605/ItemInformation.aspx"> <img alt="chest" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/605/image384/500_17-%202601.jpg"> </a>
<div class="caption"> Small Marcelle Chest </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Jonathan-Charles-Tall- Floral-Painted-Chest-On-Sta/493513-%20993/ItemInformation.aspx"> <img alt="chest" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/993/image384/493513.jpg"> </a>
<div class="caption"> Floral painted chest </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Chaddock-Petite-Camille- Small-Chest/MM1489-06-%201375/ItemInformation.aspx"><img alt="sm chest" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/1375/image1024/mm1489- %2006.jpg"> </a>
<div class="caption"> Chaddock-Petite-Camille-Small-Chest </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Hooker-Furniture- Chatelet-Floor-Mirror-wJewelry-/5351-%2050003-%205/ItemInformation.aspx"> <img alt="mirror" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/5/image384/5351-%2050003silo.jpg"> </a>
<div class="caption"> Chatelet Floor Mirror </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Hooker-Furniture- Rhapsody-Floor-Mirror-wJewelry-/5073-50001-%205/ItemInformation.aspx"> <img alt="mirror" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/5/image384/5073-50001.jpg"> </a>
<div class="caption"> Furniture Rhapsody Floor </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Jonathan-Charles-Black- Gold-Drinks-Cabinet/492356-%20993/ItemInformation.aspx"> <img alt="Cabinet" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/993/image384/492356.jpg"> </a>
<div class="caption"> Black Gold Drinks Cabinet </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Jonathan-Charles-Black- Chinoiserie-Drinks-Cabinet/492705-%20993/ItemInformation.aspx"> <img alt="Cabinet" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/993/image384/492705.jpg"> </a>
<div class="caption"> Black Chinoiserie Drinks Cabinet </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Chaddock-Prince-Bar-TV- Cabinet/1285-49-%201375/ItemInformation.aspx"><img alt="bar/cabinet" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/1375/image1024/1285-49.jpg"> </a>
<div class="caption"> Chaddock-Prince-Bar-TV-Cabinet </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/guildmaster-provence-drink-cabinet-718532"><img alt="bar/cabinet" src="https://s3.amazonaws.com/flswordpressmedia/media/product- catalog/base/GUILD10877.jpg"> </a>
<div class="caption"> Guildmaster Provence Drink Cabinet </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Jonathan-Charles- Mahogany-Drum-Table-Green/492611-%20993/ItemInformation.aspx"> <img alt="Table" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/993/image384/492611.jpg"> </a>
<div class="caption"> Mahogany Drum Table </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Jonathan-Charles-Walnut- Eglomise-Side-Table/492071-%20993/ItemInformation.aspx"> <img alt="sm table" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/993/image384/492071.jpg"> </a>
<div class="caption"> Walnut Eglomise Side Table </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Jonathan-Charles-Rope- Twist-Round-Side-Table/492512-993/ItemInformation.aspx"> <img alt="side table" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/993/image384/492512.jpg"> </a>
<div class="caption"> Rope Twist Round side table </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Jonathan-Charles-Lapis- Blue-Eglomise-With-Mahogan/492454-%20993/ItemInformation.aspx"> <img alt="eglomise" src="http://s3.amazonaws.com/images2.eprevue.net/p4dbimg/993/image384/492454.jpg"> </a>
<div class="caption"> Lapis Blue Eglomise With Mahogan </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.hickoryfurniture.com/Furniture-Jonathan- Charles-Tables/ItemBrowser.aspx?%20action=attributes&ItemType=Furniture&Brand=Jonathan%20Charles&Type=Tables&TrailIndex=1"> <img alt="tables" src=""> </a>
<div class="caption"> Jonathan Charles Tables?</div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/artitalia-group-armoire-dc367"><img alt="armoire" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/ARTIT10099.jpg"> </a>
<div class="caption"> Artitalia Group Armoire </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/francesco-molon-armoire-with-two-doors-%20i6l"><img alt="armoire" src="https://s3.amazonaws.com/flswordpressmedia/media/product- catalog/base/FRANC10250.jpg"> </a>
<div class="caption"> Francesco Molon 2 dr armoire </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/artitalia-group-credenza-cot-176-bp"><img alt="credenza" src="https://s3.amazonaws.com/flswordpressmedia/media/product- catalog/base/ARTIT10075.jpg"> </a>
<div class="caption"> Artitalia Group Credenza </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/artitalia-group-credenza-in-oak-cot-160"><img alt="credenza" src="https://s3.amazonaws.com/flswordpressmedia/media/product- catalog/base/ARTIT10061.jpg"> </a>
<div class="caption"></div>Artitalia Group Credenza in Oak </div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/hooker- furniture-true-vintage-king-%20upholstered-%20poster-bed-5701-90666c"> <img alt="bed" src="https://s3.amazonaws.com/flswordpressmedia/media/product-%20catalog/base/HOOKE13342.jpg"> </a>
<div class="caption"> Hooker furniture vintage king poster bed </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/guildmaster-heritage-caned-bench-652502"><img alt="bench" src="https://s3.amazonaws.com/flswordpressmedia/media/product- catalog/base/GUILD10540.jpg"> </a>
<div class="caption"> Guildmaster Heritage Caned Bench </div>
<br> Note: This design can also be used for a bench swing (custom) </div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/karges- furniture-georgian-chest-0703"><img alt="chest" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/KARGS10164.jpg"> </a>
<div class="caption"> Karges Furniture Georgian Chest </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/four- hands-large-desk-vlls-01-11-fh"><img alt="desk" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/FOURH11268.jpg"> </a>
<div class="caption"> Four Hands Large desk </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/hooker- furniture-kendrick-junior-executive-desk-1060%20-10562"> <img alt="desk" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/HOOKE12450.jpg"> </a>
<div class="caption"> Hooker Furniture Kendrick jr exec desk </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/hooker- furniture-la-maison-writing-desk-5437-10458"><img alt="desk" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/HOOKE13256.jpg"> </a>
<div class="caption"> Hooker Furniture la maison Writing desk </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/hooker- furniture-sanctuary-60-writing-desk-dune-%20beach-3002-10458"> <img alt="desk" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/HOOKE11028.jpg"> </a>
<div class="caption"> Hooker Furniture Sanctuary 60" Writing Desk </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop-furniture/lorts- three-drawer-writing-desk-1223"><img alt="desk" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/LORTS10106.jpg"> </a>
<div class="caption"> Lorts Three Drawer Writing Desk </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href="http://www.furniturelandsouth.com/shop- furniture/theodore-alexander-chippendales-signature-writing-%20desk-7105-213"> <img alt="desk" src="https://s3.amazonaws.com/flswordpressmedia/media/product-catalog/base/THALX12206.jpg"> </a>
<div class="caption"> Theodore Alexander Chippendale's Signature Writing Desk </div>
</div>
<div class="col-md-4">
<a class="thumbnail" href=""><img alt="chest" src=""> </a>
<div class="caption"></div>
</div>
</div>
</section>
</div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="NYCStorage">
<p>Manhattan Mini Storage www.manhattanministorage.com
<br> Makespace https://makespace.com/nyc/
<br> Box Butler http://www.yelp.com/biz/box-butler-new-york
<br> OR dump stuff in Edison/Philly (cheaper + less crowded + less hassles)</p>
<p>NOTE: MOST MANHATTAN SITES DON'T HAVE TRUE 24X7 ACCESS, ONLY DAYTIME ACCESS. ALSO, IF THEY DELIVER THERE MIGHT BE DELAYS etc. </p>
<p>JAN. 22, 2013 Gotham Mini Storage</p>
<p>Prices range from $39 a month for a 64-cubic-foot locker reached by a stepladder, to $2,000 for a garage- size space. In contrast, a similar 64-cubic-foot space at Manhattan Mini Storage this week was $57 a month, with a year lease, at most locations. Prices started at $70 a month, for a slightly larger space, at Tuck-It-Away, which is based in Upper Manhattan.</p>
<p>2016:Gotham Mini Storage Locker Promotion Rent a storage locker for $79/month at Gotham Mini Storage and save 50% for the first three months.</p>
<p>There are about 30 self-storage facilities in Manhattan. Manhattan Mini Storage, which has been in business since the 1970s, owns 17 of those properties. (NYT 08:) A 10-by-10-by-8-foot space runs about $300 a month. manhattanministorage.com. Spaces start at 4 by 4 by 5 feet, and one of the most popular is a closet that size with a hanging rod and shelves, "so people can store out-of-season clothing,"" he said. The monthly cost is $45. The company provides a key card for access to the building and elevator, and the customer provides a lock.</p>
<p>CubeSmart ... enjoy a range of new services, like a courier that can shuttle boxes to tenants' homes its employees can sign for packages, which is important for tenants who run their businesses out of their storage areas and who make up about 30 percent of CubeSmart's tenants</p>
<p>Tuck-It-Away, one of the oldest operators in the city, owns 14 facilities with a total of about one million square feet of space.</p>
<p>''Most people rent twice as much space as they really need,'' said Edward Troianello, the president of the Self-Service Storage Association of New York. So calculate carefully and conservatively. According to Mr, Troianello, a three-piece bedroom set, plus the boxed contents of a bedroom closet, can fit into a 5-by-5-by-8-foot storage room</p>
<p>(NYT 14:)start-ups like MakeSpace charge roughly $220 a month for 36 square feet of space at an offsite warehouse. </p>
<p>
<br> https://www.publicstorage.com/storage-search-landing.aspx?location=edison+nj
<br> Storage Units Off Old Post Road in Edison, NJ --
<br> SMALL 5' x 5'
<br> *Climate Controlled
<br> *Inside unit/1st Floor 1 Left $69/mo.
<br> Online Special* $74 In-store
<br> </p>
</div>
</section>
<!--NYCdesi SECTION with a collapsible para-->
<section>
<div class="collapse" id="NYCdesi">
<section>
<ul class="nav nav-tabs nav-justified" role="tablist">
<li class="active" role="presentation"> <a aria-controls="NYCdesiStuff" data-toggle="tab" href="#NYCdesiStuff" role="tab">Links</a> </li>
<li role="presentation"> <a aria-controls="NYCdesiBlogs" data-toggle="tab" href="#NYCdesiBlogs" role="tab">Blogs</a> </li>
<li role="presentation"> <a aria-controls="NYCdesiFood" data-toggle="tab" href="#NYCdesiFood" role="tab">Food</a> </li>
<li role="presentation"> <a aria-controls="NYCdesiOther1" data-toggle="tab" href="#NYCdesiOther1" role="tab">Other1</a> </li>
<li role="presentation"> <a aria-controls="NYCdesiOther2" data-toggle="tab" href="#NYCdesiOther2" role="tab">Other2</a> </li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="NYCdesiStuff" role="tabpanel">
<br> (Note: These work in lib browser)
<br>Some girl who moved from Minn to NYC - http://101baddesidates.blogspot.com/
<br>Amardeep Singh (dated site but lotsa links) = http://www.lehigh.edu/~amsp/2005/04/desi-weekend-indian-bloggers-bob-nyc.html
<br>SruTHI's decorating website - http://theeastcoastdesi.blogspot.com/
<br>SAJA Form desi spotting - http://www.sajaforum.org/desi_spotting/
<br>
<br>
<br>Mohan's custom tailoring - http://www.mohancustomtailors.com/ </div>
<div class="collapse" id="NYCdesiBlogs" role="tabpanel">
<br>
<br> </div>
<div class="collapse" id="NYCdesiFood" role="tabpanel"> <a href="http://courses.coreservlets.com/Course-Materials/">Free Java EE, JSF 2.0, Ajax, Android, jQuery, & GWT Tutorials</a>
<br>Bhel, chaat, etc @ Murrah Hill & Village http://www.desi-galli.com/
<br>Nisha's Desi Street Food Site LOTS of info - http://indianstreetfoodie.com/
<br> </div>
<div class="collapse" id="NYCdesiOther1" role="tabpanel">
<br>punjabi forum (chk out jokes)- http://www.desicomments.com/desi/janmashtami/
<br>Daandiyaa TOO! host events all over, website only works in IE -> www.desiparty.com
<br> </div>
<div class="collapse" id="NYCdesiOther2" role="tabpanel">
<br>Studios for about $200/day - http://manhattan.marmaranyc.com/studio/
<br>502 error?! "http://nycpunjabigal.blog.com/" </div>
</div>
<!--tab-content-->
</section>
</div>
<!--NYCdesi-->
</section>
<!--NYCdesi-->
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="NYCmisc">
<p>
<br> <b>10 Athleic NYC items</b>
<br>
<br> Loop the rez at <a href="http://centralpark.org/attractions-h-%20w/reservoir/">night</a>
<br> Decline using yr car or <a href="https://www.uber.com/cities/new-york/">Uber</a>, walk instead!
<br> Appreciate the facilities in <a href="https://www.nyac.org/">midtown</a>
<br> Enjoy a heavenly <a href="http://www.timeout.com/newyork/shopping/mortal-man">bliss out</a> after a run
<br> Pick up some post-run energy with an <a href="http://www.timeout.com/newyork/restaurants/best- coffee-shops-in-new-york">espresso</a>
<br> Hit the roads on your bike and <a href="http://www.timeout.com/newyork/blog/good-news-for- cyclists-the-2016-nyc-bike-%20map-has-awesome-new-%20additions-032916"> ride</a>
<br> Kiss the blues goodbye @ <a href="the%20place%20went%20outta%20biz%207%20yrs%20ago!">CBGB</a>
<br> Catch some tree-time by going <a href="the%20nat'l%20park%20just%20outside %20manhattan">outdoors</a>
<br> Rise above the smoke/smog and look <a href="skyscraper%20climbing%20race">down</a>
<br> Shoot some pool <a href="https://www.nycgovparks.org/parks/M130/facilities/indoor- pools/recreation-center-54-pool">everyday</a> </p>
<p>
<br> http://gothamist.com
<br> <a href="http://www.timeout.com/newyork">TimeOut NY</a>
<br> <a href="http://www.timeout.com/newyork/things-to-do/the-anglophiles-guide-to-nyc">Anglophile's guide to New York</a>
<br> <a href="http://www.gothamgazette.com/localbeats/manhattan.php">Gotham Gazette Manhattan blogs, lists</a>
<br> <a href="http://www.terryteachout.com/">Terry Teachout</a>
<br> <a href="http://cityroom.blogs.nytimes.com/">NYT CITY ROOM rdr's stories</a>
<br> <a href="http://newyork.craigslist.org/search/roo">NY rooms to let stories</a>
<br> (blocked @ lib) -&gt;
<br>
<br> https://melbstomanhattan.wordpress.com/
<br> https://nycstarbucks.com/
<br>
<br> @m
<br>
<br> somewhat interesting:
<br> https://batteryrooftopgarden.org
<br> http://www.bikeblognyc.com/ & page/2/ etc.</p>
<p></p>
</div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="devDomino">
<br> http://www.dominoguru.com/page.xsp?id=index.html
<br>
<br> https://www.linkedin.com/topic/lotus-notes
<br> xpages.info/
<br> <a href="https://www.teamstudio.com/blog/topic/xpages">XPages mobile development</a>
<br> Notes/Domino is Dead, Long Live NoSQL/Domino!
<br> http://dominogavin.blogspot.com/search/label/Domino
<br> IBM Syndicated feeds
<br> http://www.ibm.com/blogs/zz/en/
<br>
<br> IBM Connect Sessions & Lotusphere Slides
<br> (esp check earlier xpages stuff, eg::
<br> BP308 The Journey to Becoming a Social Application Developer (2014)
<br>
<br> http://www.idonotes.com/IdoNotes/IdoConnect2013.nsf/archive?openview&title=Domino&type=cat&cat=null&tag=Domino
<br> https://developer.ibm.com/connect2cloud/
<br> <a href="http://heidloff.net/article/04122011020116AMNHE93V.htm">How to create your own Domino XPages Server in the IBM SmartCloud</a>
<br> <a href="https://www-10.lotus.com/ldd/ddwiki.nsf">IBM Notes and Domino Application Development wiki</a>
<br> <a href="https://greenhouse.lotus.com/catalog/">IBM Domino biz partner solutions</a>
<br> </div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="devJava">
<section>
<ul class="nav nav-tabs nav-justified" role="tablist">
<li class="active" role="presentation"> <a aria-controls="devJavaLinks" data-toggle="tab" href="#devJavaLinks" role="tab">Links</a> </li>
<li role="presentation"> <a aria-controls="devJavaIDE" data-toggle="tab" href="#devJavaIDE" role="tab">IDEs</a> </li>
<li role="presentation"> <a aria-controls="devJavaServlets" data-toggle="tab" href="#devJavaServlets" role="tab">Servlets</a> </li>
<li role="presentation"> <a aria-controls="devJavaOther1" data-toggle="tab" href="#devJavaOther1" role="tab">Other1</a> </li>
<li role="presentation"> <a aria-controls="devJavaOther2" data-toggle="tab" href="#devJavaOther2" role="tab">Other2</a> </li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="devJavaLinks" role="tabpanel">
<br> <a href="https://eclipse.org/downloads/download.php?file=/technology/epp/downloads/release/neon/R/eclipse-jee-neon-R-win32.zip"> Java Eclipse NEON download</a>
<br> <a href="http://www.oracle.com/technetwork/java/javase/overview/index.html">Java SE SDK download</a>
<br> <a href="http://www.oracle.com/technetwork/java/javaee/downloads/java-ee-sdk-7- downloads-1956236.html">Java EE7 SDK download</a>
<br> <a href="https://docs.oracle.com/javaee/7/firstcup/">Your First Cup: An Introduction to the Java EE Platform</a>
<br> <a href="https://docs.oracle.com/javaee/7/tutorial/">The Java EE Tutorial</a>
<br> <a href="http://docs.oracle.com/javase/8/docs/index.html">The Java 8 SE API dox</a>
<br> <a href="https://docs.oracle.com/javaee/7/api/">Java EE API dox</a>
<br> <a href="http://docs.oracle.com/javase/8/javafx/api/toc.htm">Java FX API dox</a>
<br>
<p></p>
</div>
<div class="collapse" id="devJavaIDE" role="tabpanel">
<p><b>Java Cloud IDEs:</b>
<br> </p>
<p>http://www.koding.com/features
<br> ... once you've finalized your app, you'll want to deploy it on a cloud-based service that lets you host apps long term, preferably one with a free hosting option like <a href="http://heroku.com/">Heroku</a>.
<br> https://devcenter.heroku.com/articles/getting-started-with- java#introduction
<br> (looks ok)Free java cloud IDE : https://codetasty.com
<br> also seems good -&gt; https://codeanywhere.com/signup
<br> codeanywhere -- A couple of the standout features are the really nice Revisions capability which allows you to easily see all changes you have made to any file. This means you can easily roll back to a previous version if you make a mistake. Also the editor has a nice Minimap that is very reminiscent of the one in Sublime Text 3. Another useful features is the great integrations with Git, SSH, SFTP, FTP, Google Drive, DropBox and S3 containers.
<br> http://www.koding.com/
<br>
<br>
<br> very focused and clutter-free, which ensures you only see what you need, and nothing more.
<br> Also there is no browser tab, but you can see your site live by going to your assigned URL or custom domain.
<br> Setting up instructions for a sample app are on
<br> https://getgrav.org/blog/cloud-ide-zero-to-code?o=600605&l=dir&qsrc=990&qo=pagination&ad=dirN&ap=reference.com
<br> </p>
<br>
<br> <a href="http://www.tutorialspoint.com/compile_java_online.php">COMPILE AND EXECUTE JAVA ONLINE</a>
<br> <a href="https://www.codechef.com/ide">CODECHEF COMPILE/EXECUTE JAVA ONLINE</a>
<br> <a href="https://www.jdoodle.com/online-java-compiler">jDoodle</a>
<br>
<p></p>
<section>
<div class="modal fade" id="URLRdrModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal" type="button">&times;</button>
</div>
<div class="modal-body">
<br> //---------------------------------------------------------
<br> //URLRdr.java (for tutorialspoint.com)
<br> import java.net.*;
<br> import java.io.*;
<br> public class URLRdr {
<br> public static String getText(String url) throws Exception {
<br> URL website = new URL(url);
<br> URLConnection connection = website.openConnection();
<br> BufferedReader in = new BufferedReader( new InputStreamReader( connection.getInputStream()));
<br> StringBuilder response = new StringBuilder(); String inputLine; while ((inputLine = in.readLine()) != null) response.append(inputLine);
<br> in.close();
<br> return response.toString();
<br> }
<br> public static void main(String[] args) throws Exception {
<br> String content = URLRdr.getText(args [0]);
<br> System.out.println(content);
<br> }
<br> }
<br> //---------------------------------------------------------
<br> //java URLRdr "https://www.yahoo.com/?p=dnr" &gt;
<br> HelloWorld.java
<br> //then refresh the project to see HelloWorld.java which's auto added to Project </div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">Close</button>
</div>
</div>
</div>
</div>
<p>
<!-- Button trigger modal -->Code for
<button class="btn btn-info btn-sm" data-target="#URLRdrModal" data-toggle="modal" type="button">URLRdr.java</button>
</p>
</section>
<p></p>
<section>
<div class="modal fade" id="URLRdrModal2" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal" type="button">&times;</button>
</div>
<div class="modal2-body">
<br> //---------------------------------------------------------
<br> //URLRdr.java
<br>import java.net.*;
<br>import java.io.*;
<br>
public class URLRdr {
<br>public static String getText(String url) throws Exception {
<br>URL website = new URL(url);
<br>URLConnection connection = website.openConnection();<br>
BufferedReader in = new BufferedReader( new InputStreamReader( connection.getInputStream()));<br>
StringBuilder response = new StringBuilder();<br>
String inputLine;<br>
while ((inputLine = in.readLine()) != null) response.append(inputLine);<br>
in.close();<br> return response.toString();<br> }
public static void main(String[] args) throws Exception {
//String content = URLRdr.getText(args [0]);<br>
//System.out.println(content);<br>
//String[] thisIsAStringArray = {"Apple", "Banana", "Orange"};<br>
String[] thisIsAStringArray = { "http://www.bing.com/search?q=aesthete+or+flaneur&go=Search&qs=ds&form=QBRE" ,
"http://www.bing.com/search?q=aesthete+or+flaneur&go=Search&qs=ds&first=11&FORM=PERE" ,
"http://www.bing.com/search?q=aesthete+or+flaneur&go=Search&qs=ds&first=21&FORM=PERE1" ,
"http://www.bing.com/search?q=aesthete+or+flaneur&go=Search&qs=ds&first=31&FORM=PERE2"
};<br>
String content = "";<br>
for( int i = 0;<br> i < thisIsAStringArray.length;<br> i++) {
content=content + URLRdr.getText(thisIsAStringArray[i]);<br>
}
System.out.println( content );<br>
}
}
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss="modal" type="button">Close</button>
</div>
</div>
</div>
</div>
<p>
<!-- Button trigger modal -->Code for String Array version of
<button class="btn btn-info btn-sm" data-target="#URLRdrModal2" data-toggle="modal" type="button">URLRdr2.java</button>
</p>
</section>
<p></p>
</div>
<div class="collapse" id="devJavaServlets" role="tabpanel"> <a href="http://courses.coreservlets.com/Course-Materials/">Free Java EE, JSF 2.0, Ajax, Android, jQuery, & GWT Tutorials</a>
<p>Servlet Hosting (outdated?!):</p>
<p><a href="http://www.gwtproject.org/">gwtproject</a> </p>
<p>
<br> ISPs
<br> These days it seems there are servlet engines for nearly every web server, and now we're seeing servlets commonly offered as core value-add for Internet Service Providers (ISPs) and Web Hosting companies.
<br> The megacorp ISPs and Hosting companies still don't offer servlets, though, probably because it's not something Joe Consumer cares about. Also because to host servlets effectively and efficiently requires a bit of expertise. That makes finding a good servlet provider somewhat challenging.
<br> On this page we try to help you on that endeavor by keeping track of all the ISPs that are known to host servlets. For each ISP we provide location and contact information, a short summary, and user reviews. The reviews should help you find out how the ISP you're looking at compares to others in terms of features, reliability, support, and overall score. Feel free to add one of your own.</p>
<p>
<br> isavvix (Free!)
<br> URL: http://java.isavvix.com
<br> Location: Herndon, Virginia
<br> Contact: ijc@isavvix.com
<br> Phone: 866-isavvix
<br> Average Review: No reviews yet
<br> [ View user reviews ] [ Submit a review ]</p>
<p>
<br> Looks like a portal site, and as a service to their freely registered members 10 Megs of space to run JSPs, including tag libraries. Your site will have a URL like http://member.isavvix.com//. They use Tomcat and other Apache software. One user reports, "You CANNOT USE your OWN CLASSES, only the classes that they provide!"</p>
<p>
<br> mycgiserver (Free!)
<br> URL: http://www.mycgiserver.com
<br> Location: Austria
<br> Contact: general@mycgiserver.com
<br> Phone: N/A
<br> Average Review: 4.0 out of 5.0
<br> [ View user reviews ] [ Submit a review ]</p>
<p>
<br> Service (including servlets) is FREE. Comes with 5 Megs of space (the concept is that other files are stored somewhere else). Powered by Resin on an Alpha server running Linux.</p>
<p></p>
</div>
<div class="collapse" id="devJavaOther1" role="tabpanel"></div>
<div class="collapse" id="devJavaOther2" role="tabpanel"></div>
</div>
<!--tab-content-->
</section>
</div>
<!--dev-Java-->
</section>
<!--dev-Java-->
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="devOther">
<p>
<br> VBA code snippet
<br> Selection.Find.Execute FindText:="http:", _Forward:=True, Wrap:=wdFindStop Selection.MoveLeft Unit:=wdCharacter, Count:=1 Selection.TypeParagraph Selection.TypeText Text:="
<br> " Selection.MoveRight Unit:=wdCharacter, Count:=15</p>
<p></p>
<div class="col-md-4"> <a class="thumbnail" href="http://www.bestbuy.com/site/searchpage.jsp?st=AMD+Radeon +R9&id=pcat17071">Radeon</a>
<br> </div>
<br>
<div class="col-md-4"> <a class="thumbnail" href="http://www.bestbuy.com/site/sennheiser-rs-175-over-the-ear-wireless- headphone-system-black/2822013.p?id=1219561396856&skuId=2822013"> Sennheiser over-the-ear wireless Headphones</a> </div>
<br>
<br> </div>
</section>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="devWeb">
<section>
<ul class="nav nav-tabs nav-justified" role="tablist">
<li class="active" role="presentation"> <a aria-controls="devWebLinks" data-toggle="tab" href="#devWebLinks" role="tab">Links</a> </li>
<li role="presentation"> <a aria-controls="devWebLinks" data-toggle="tab" href="#devWebBootstrap" role="tab">Bootstrap</a> </li>
<li role="presentation"> <a aria-controls="devWebLinks" data-toggle="tab" href="#devWebJSON" role="tab">jQuery/JSON</a> </li>
<li role="presentation"> <a aria-controls="devWebOther1" data-toggle="tab" href="#devWebOther1" role="tab">Other</a> </li>
<li role="presentation"> <a aria-controls="devWebOther2" data-toggle="tab" href="#devWebOther2" role="tab">Other2</a> </li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane active" id="devWebLinks" role="tabpanel">
<br> <a href="https://www.w3.org/community/webed/wiki/HTML">HTML Standards Ref.</a>
<br> <a href="http://www.creativebloq.com/">CSS, design etc.</a>
<br> <a href="https://resourcecards.com/">Web front end resources</a>
<br> <a href="https://www.dirtymarkup.com">Online JS Beautifier</a>
<br> <a href="http://www.cleancss.com/html-beautify/">Online JS Beautifier</a>
<br> <a href="http://getbootstrap.com/components/#btn-groups">Bootstrap components</a>
<br> <a href="https://learn.jquery.com/using-jquery-core/">jQuery ref</a>
<br> <a href="http://jsbin.com">jsBin, live console for js</a>
<br> <a href="http://query.yahooapis.com/">Yahoo Query API ref</a>
<br> <a href="http://anicollection.github.io/#/">Anicollection</a> a site with animated windows (probably useless, but whatever)
<br> <a href="http://www.shoelace.io/">Shoelace</a> a Bootstrap table builder which generates code
<br> <a href="https://github.com/VerbalExpressions/JSVerbalExpressions">VerbalExpressions</a> a JS plain language RegEx builder if no time to use regex
<br> <a href="http://www.chartjs.org/">Chartjs</a> a JS chart builder w/8 types
<br> <a href="http://www.dreamstime.com/">Stock photos</a>
<br> <a href="http://www.0to255.com/">Color picker</a>
<br> <a href="https://letsencrypt.org/">A free Certificate Authority for https</a>
<br>
<p></p>
</div>
<div class="collapse" id="devWebBootstrap" role="tabpanel">
<p></p>
<h3>JS animation on text existing on page</h3>
<button class="btn btn-warning" data-placement="top" data-target="#Mikeblock" data- toggle="tooltip" id="MikeGo" title="Tooltip on Run button">&raquo; Run animation </button>
<div id="Mikeblock"> <b>This text should fade during animation</b> </div>
<p>
<script>
// Using multiple unit types within one animation. $("#MikeGo").click(function() { $("#Mikeblock").animate({ left: ["+=50", "swing"], opacity: [0.5, "linear"] }, 730); });
</script>
</p>
<p></p>
<p>
<button class="btn btn-default" data-placement="top" data-toggle="tooltip" title="Tooltip on top" type="button">Hover to see Tooltip on top</button>
</p>
<p>
<br>
<button class="btn btn-default" data-placement="right" data-toggle="tooltip" title="Tooltip on right" type="button">Hover to see Tooltip on right</button>
</p>
<p></p>
<p>
<button class="btn btn-default" data-="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" data-toggle="popover" type="button">Click for Popover on right</button> (click again to make text disappear)</p>
<p>
<br> </p>
<p>
<!--A SECTION to demo modal -->
</p>
<section>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal" type="button">&times;</button>
</div>
<div class="modal-body"> This text resides in the modal dlgBox body </div>
<div class="modal-footer">
<button class="btn btn-default" data- dismiss="modal" type="button">Close</button>
</div>
</div>
</div>
</div>
<p>
<!-- Button trigger modal -->Click to Launch demo modal
<button class="btn btn-info btn-med" data-target="#myModal" data- toggle="modal" type="button">Window</button>
</p>
</section>
</div>
<div class="collapse" id="devWebJSON" role="tabpanel">
<section id="mySection">
<!--A SECTION with a Yahoo local srch request gotten thro jsonp-->
<h3>jQuery AJAX JSONP request for Yahoo local.search</h3> The following query will be sent to Yahoo in real- time:
<br>https://query.yahooapis.com/v1/public/yql?q=select*from%20local.search%20where%20zip%20=%20%2233511%22%20and%20query=%22sushi%22&format=json
<br> Note: since you haven't specified how many recs to return; if you get only 10 this is the equivalent of a Polish nun "pleasing" the Prez :-)
<br>
<br> Note: Even after warning them they continue to suck people off. Who is this, Monica Polanski? Why won't these girls behave?!
<br> Food Type:
<select id="fldFoodType">
<option selected="selected" value="1"> Sushi </option>
<option value="2"> Pizza </option>
<option value="3"> Indian </option>
<option value="4"> Falafel </option>
<option value="5"> Vegan </option>
</select> area:
<select id="fldZipCode">
<option selected="selected" value="33510"> Brandon Fl </option>
<option value="10003"> Dntn NYC </option>
<option value="10024"> Upper West NYC </option>
<option value="10044"> Upper East NYC </option>
<option value="94109"> San Fran </option>
</select>
<button class="btn btn-primary btn-md" id="getmAjax">Get Yahoo data</button>
<br>
<div class="well well-sm" id="mikeYQLDiv"> Clicking the button will populate the results below:
<ul></ul>
</div>
<script>
$('#getmAjax').on('click', function() {
var e = document.getElementById("fldFoodType");
var strFoodType = e.options[e.selectedIndex].text;
var e = document.getElementById("fldZipCode");
var strZipCode = e.options[e.selectedIndex].value;
var url = "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20local.search%20where%20zip%3D" + "\'" + strZipCode + "\'" + "%20and%20query%3D" + "\'" + strFoodType + "\'" + "&format=json";
var tmpVar = "";
$.getJSON(url, function(data) {
if (data.query.results) { //console.log(data); $.each(data.query.results.Result, function(key, val) { jQuery('<li>').text (val.Title).appendTo('#mikeYQLDiv'); //tmpVar = tmpVar.text + "~"; //text(tmpVar).appendTo ('#mikeYQLDiv'); }); } }); });
</script>
</section>
</div>
<div class="collapse" id="devWebOther1" role="tabpanel"> <a href="https://saucelabs.com">saucelab Emulator (mm)</a> to test stuff on different browsers. </div>
<div class="collapse" id="devWebOther2" role="tabpanel"></div>
</div>
</section>
</div>
<!--A SECTION with a collapsible para-->
<section>
<div class="collapse" id="miscFood">
<h3>Food:</h3>
<br> Seasonality table
<br> <a href="http://www.freshdirect.com/seasonal_guide.jsp">Seasonal food calendar</a> (note: this site requires you to enter a New York zip code. 10003 is one that will work)
<br> fallingfruit.org source for trail berries </div>
</section>
<section>
<div class="collapse" id="miscOther"> http://www.metmuseum.org/
<br>
<br> http://www.stackoverflow.com (no good, defunct site OR sn bc / "Frankie's boyz" want me to avoid)
<br> <b>online bookmarks storage:</b> http://www.diigo.com
<p>Men's Nike Free RN Distance
<br> Men's SAUCONY KINVARA 7</p>
<p>
<br> https://en.wikipedia.org/wiki/Tim_Ferriss
<br> https://en.wikipedia.org/wiki/Life_hack
<br> </p>
<p>https://www.theguardian.com/books/translation-tuesdays-by-asymptote-journal
<br> https://www.theguardian.com/books/biography?page=2
<br> https://www.theguardian.com/books/series/100-best-nonfiction- books-of-all- time
<br> http://www.lrb.co.uk/v28/n11/maya-jasanoff/before-and-after-said
<br> https://www.theguardian.com/books/2016/apr/17/lynsey-hanley-how-i-became-middle-class- respectable-experience-of-class- extract
<br> (above points to the two links below:-&gt;)
<br> https://www.theguardian.com/books/2014/apr/10/richard-hoggart
<br> https://www.theguardian.com/society/socialmobility
<br> https://www.theguardian.com/books/2016/apr/05/john-aubrey-my-own-life-by- ruth-scurr- review- diary-rival-pepys
<br> https://www.theguardian.com/books/2016/apr/14/maggie-nelson-argonauts-intellectualism- having-baggage
<br> http://www.theguardian.com/lifeandstyle/2016/mar/26/what- im-really-thinking-not-quite- so- rich-girl-student
<br> https://en.wikipedia.org/wiki/Rodrigues_Ottolengui <a href="http://www.gutenberg.org/ebooks/authors/search/?query=Ottolengui,+Rodrigues">(Proj gutenberg)</a>
<br>
<br> http://www.thecuriousdesi.com/
<br> http://tribune.com.pk/story/416553/5-rishtas-every-girl-will-get/
<br> http://www.theparisreview.org/blog/tag/fred-astaire/
<br> Nice site w/East end history + good sartorial stuff -> http://www.eastend-memories.org/index.htm
<br> Then and Now: Posh, Toff, and the Victorians -> http://www.victorianweb.org/history/posh.html http://www.spectator.co.uk/2015/07/the-fast-furious-life-of-max-mosley/ </p>
</div>
</section>
</section>
</div>
<!--Secondary content area for map-->
<section>
<div class="col-sm-4">
<div class="embed-responsive embed-responsive-16by9" data-placement="left" data-toggle="tooltip" id="mapid" title="Map showing Mike's current location">
<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js">
</script>
<script>
var mymap = L.map('mapid').setView([27.92928, -82.29032], 13);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWlrZXRyaXYiLCJhIjoiY2lwMWN2ZHk3MDJpenVvbTg2bHh3ZXViaSJ9.FkCV3GW2Z6njXk2XEJuhQw', {
maxZoom: 18,
attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap<\/a> contributors, ' + '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA<\/a>, ' + 'Imagery?<a href="http://mapbox.com">Mapbox<\/a>',
id: 'mapbox.streets'
}).addTo(mymap);
L.marker([27.93138, -82.28735]).addTo(mymap).openPopup();
var popup = L.popup();
function onMapClick(e) {
popup.setLatLng(e.latlng).setContent("You clicked the map at " + e.latlng.toString()).openOn(mymap);
}
mymap.on('click', onMapClick);
</script>
</div>
<!--WEATHER WIDGET BEGIN -->
<div class='weather-app'>
<div class='weather-app_main'>
<div class='weather-app_main__information'> <img class='weather-app_main__information--icon' src='#'>
<h1 class='weather-app_main__information--city'></h1>
<h2 class='weather-app_main__information--temperature'></h2>
<h4 class='weather-app_main__information--description'></h4>
<h6 class='weather-app_main__information--windSpeed'></h6>
<h6 class='weather-app_main__information--windDir'></h6> </div>
</div>
<script>
$(function() {
var location = 'http://ip-api.com/json';
$.getJSON(location, function(data) {
var lat = data.lat;
var lon = data.lon;
var lat = 27.93138;
var lon = -82.28735;
$.getJSON('http://api.openweathermap.org/data/2.5/weather?lat=' + lat + '&lon=' + lon + '&appid=5f7bcf238dc7056a7325948af9cb61be&units=imperial', function(data) {
var icon = data.weather[0].icon;
var icon_replace = $('.weather-app_main__information--icon').attr('src');
$('.weather-app_main__information--city').html(data.name);
var temp = Math.round(data.main.temp);
var speed = Math.round(data.wind.speed);
var deg = Math.round(data.wind.deg);
var description = data.weather[0].description;
var cDescription = description.charAt(0).toUpperCase() + description.slice(1);
$('.weather-app_main__information--icon').attr('src', icon_replace.replace('#', 'http://openweathermap.org/img/w/' + icon + '.png'));
$('.weather-app_main__information--temperature').html(temp + '\xB0F');
$('.weather-app_main__information--description').html(cDescription);
$('.weather-app_main__information--windSpeed').html("Wind: <font color = red>" + speed + " mph from " + degToCompass(deg) + "</font>");
});
});
});
function degToCompass(num) {
while (num < 0) num += 360;
while (num >= 360) num -= 360;
val = Math.round((num - 11.25) / 22.5);
arr = ["N", "NNE", "NE", "ENE", "E", "ESE", "SE", "SSE", "S", "SSW", "SW", "WSW", "W", "WNW", "NW", "NNW"];
return arr[Math.abs(val)];
}
</script>
</div>
<!--WEATHER WIDGET END -->
</div>
</section>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment