Skip to content

Instantly share code, notes, and snippets.

@ArunGupta25

ArunGupta25/gist:2879350

Created June 6, 2012 01:42
Show Gist options
  • Save ArunGupta25/2879350 to your computer and use it in GitHub Desktop.
Save ArunGupta25/2879350 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html>
<head>
<title>Airbrush</title>
<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/addresses.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/albums.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/home.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/photos.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/scaffolds.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/sessions.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/users.css?body=1" media="all" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/addresses.js?body=1" type="text/javascript"></script>
<script src="/assets/albums.js?body=1" type="text/javascript"></script>
<script src="/assets/home.js?body=1" type="text/javascript"></script>
<script src="/assets/photos.js?body=1" type="text/javascript"></script>
<script src="/assets/sessions.js?body=1" type="text/javascript"></script>
<script src="/assets/users.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="XRXam0qRIgnV5YgOscBIaK5yTTRqjLbbntW+29mu9rg=" name="csrf-token" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<!-- Load Feather code -->
<script type="text/javascript" src="http://feather.aviary.com/js/feather.js"></script>
</head>
<body>
<div id="container">
<div id="user nav">
<div align="right">
<b>Welcome, Tara!</b>
<a href="/signout">Sign Out</a> |
<a href="http://localhost:3000/">Home</a>
</div>
</div>
</div>
<!-- Instantiate Feather -->
<script type="text/javascript">
var featherEditor = new Aviary.Feather({
apiKey: '59b170820',
apiVersion: 2,
tools: 'all',
appendTo: '',
onSave: function(imageID, newURL) {
var img = document.getElementById(imageID);
img.src = newURL;
}
});
function launchEditor(id, src) {
featherEditor.launch({
image: id,
url: src
});
return false;
}
</script>
<h1>Home#index</h1>
<h2>Wassup homie?</h2>
<div id="separator" style="width:auto; height:50px; overflow: auto;" >
</div>
<!-- Get the tagged photos from facebook -->
<div id="photostitle"><h2>Tagged Photos</h2>
</div>
<h3><div id="photos"><a href="">get photos =)</a>
</div></h3>
<!-- Get the album photos from facebook -->
<h2>Cover Photos <span id="album_plus"> <a href="/albums/2956786409329">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="2956786409329"> <a href="/albums/2956786409329">get Cover Photos</a> </h3>
</div>
<h2>odds and ends <span id="album_plus"> <a href="/albums/2682480151844">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="2682480151844"> <a href="/albums/2682480151844">get odds and ends</a> </h3>
</div>
<h2>Profile Pictures <span id="album_plus"> <a href="/albums/1533285942707">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1533285942707"> <a href="/albums/1533285942707">get Profile Pictures</a> </h3>
</div>
<h2>bonjour québec <span id="album_plus"> <a href="/albums/1513199920569">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1513199920569"> <a href="/albums/1513199920569">get bonjour québec</a> </h3>
</div>
<h2>Forsan et haec olim meminisse juvabit <span id="album_plus"> <a href="/albums/1434200865642">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1434200865642"> <a href="/albums/1434200865642">get Forsan et haec olim meminisse juvabit</a> </h3>
</div>
<h2>baby, it's cold outside. <span id="album_plus"> <a href="/albums/1292553244540">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1292553244540"> <a href="/albums/1292553244540">get baby, it's cold outside.</a> </h3>
</div>
<h2>no you wouldn't...you take that back! <span id="album_plus"> <a href="/albums/1360645746810">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1360645746810"> <a href="/albums/1360645746810">get no you wouldn't...you take that back!</a> </h3>
</div>
<h2>summertime, and the living is easy... <span id="album_plus"> <a href="/albums/1142949144531">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1142949144531"> <a href="/albums/1142949144531">get summertime, and the living is easy...</a> </h3>
</div>
<h2>but...why is all the rum gone? <span id="album_plus"> <a href="/albums/1124170155068">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1124170155068"> <a href="/albums/1124170155068">get but...why is all the rum gone?</a> </h3>
</div>
<h2>journey to the sweetest place on earth <span id="album_plus"> <a href="/albums/1048804750980">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1048804750980"> <a href="/albums/1048804750980">get journey to the sweetest place on earth</a> </h3>
</div>
<h2>shameful/shameless <span id="album_plus"> <a href="/albums/1018482392940">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1018482392940"> <a href="/albums/1018482392940">get shameful/shameless</a> </h3>
</div>
<h2>ohh likey likey <span id="album_plus"> <a href="/albums/1005280822909">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1005280822909"> <a href="/albums/1005280822909">get ohh likey likey</a> </h3>
</div>
<h2>roaming roma II <span id="album_plus"> <a href="/albums/1005270982663">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1005270982663"> <a href="/albums/1005270982663">get roaming roma II</a> </h3>
</div>
<h2>roaming roma <span id="album_plus"> <a href="/albums/1005269022614">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1005269022614"> <a href="/albums/1005269022614">get roaming roma</a> </h3>
</div>
<h2>yah, here we have pictures of germany <span id="album_plus"> <a href="/albums/1005261102416">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1005261102416"> <a href="/albums/1005261102416">get yah, here we have pictures of germany</a> </h3>
</div>
<h2>mad beaches <span id="album_plus"> <a href="/albums/1005258782358">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1005258782358"> <a href="/albums/1005258782358">get mad beaches</a> </h3>
</div>
<h2>kerkyran adventures <span id="album_plus"> <a href="/albums/1004563404974">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1004563404974"> <a href="/albums/1004563404974">get kerkyran adventures</a> </h3>
</div>
<h2>you say no, but your eyes say yes <span id="album_plus"> <a href="/albums/1004562364948">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1004562364948"> <a href="/albums/1004562364948">get you say no, but your eyes say yes</a> </h3>
</div>
<h2>i take vitamins <span id="album_plus"> <a href="/albums/1004371840185">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1004371840185"> <a href="/albums/1004371840185">get i take vitamins</a> </h3>
</div>
<h2>why you acting like a BIA BIA? <span id="album_plus"> <a href="/albums/1004207116067">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1004207116067"> <a href="/albums/1004207116067">get why you acting like a BIA BIA?</a> </h3>
</div>
<h2>end of the year <span id="album_plus"> <a href="/albums/1003397335823">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1003397335823"> <a href="/albums/1003397335823">get end of the year</a> </h3>
</div>
<h2>I&amp;hearts;TD <span id="album_plus"> <a href="/albums/1003341134418">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1003341134418"> <a href="/albums/1003341134418">get I&amp;hearts;TD</a> </h3>
</div>
<h2>ballin not fallin <span id="album_plus"> <a href="/albums/1002668077592">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1002668077592"> <a href="/albums/1002668077592">get ballin not fallin</a> </h3>
</div>
<h2>T: the epic snowman/TD Ski Trip <span id="album_plus"> <a href="/albums/1002581915438">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1002581915438"> <a href="/albums/1002581915438">get T: the epic snowman/TD Ski Trip</a> </h3>
</div>
<h2>winter break <span id="album_plus"> <a href="/albums/1002522553954">+</a> </span></h2>
<div id="albumsboxid" style="width:auto; height:400px; overflow: auto;" >
<h3 id="1002522553954"> <a href="/albums/1002522553954">get winter break</a> </h3>
</div>
<script>
$(document).ready(function() {
$('#photos a').click(function() {
var url=$(this).attr('href');
$('#photos').load('/photos');
return false;
}); //end click
$('h3#album a').click(function() {
var url=$(this).attr('href');
var id = url.split('/').pop()
console.log(id)
$('#album.' + id).load(url);
return false;
}); //end click
$('h2 span#album_plus a').click(function() {
var url=$(this).attr('href');
var id = url.split('/')[2];
console.log(id);
console.log(url);
console.log($('album'));
$(id).load(url);
return false;
}); //end click
}); // end ready
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment