Pin it! 
RobertDennis, kilroy182, JakeLonergan and 1 other like this
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<!-- 9th January 2013 19:22:42 -->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta property="og:site_name" content="Gentlemint"/>
<meta property="fb:app_id" content="318838548142973" />
<title>Gentlemint - a mint of manly things</title>
<meta name="description" content="A mint of manly things.">
<link rel="shortcut icon" type="image/x-icon" href="http://gentlemint.com/media/static/images/favicon.ico">
<link rel="stylesheet" href="http://gentlemint.com/media/static/stylesheets/app.css?09Jan=true">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Poly:400,400italic' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]><link rel="stylesheet" href="http://gentlemint.com/media//static/stylesheets/ie.css" type="text/css" media="screen" /><![endif]-->
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://gentlemint.com/media/static/javascript/csrf.js"></script>
<script type='text/javascript'>
$(function(){
$('.send-feedback').click(function() {
$('.feedback-form').show();
$('.hide-form').show();
$(this).hide();
});
$('.hide-form').click(function(){
$('.feedback-form').hide();
$('.send-feedback').show();
$(this).hide();
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-27378122-1']);
_gaq.push(['_setDomainName', 'gentlemint.com']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
_gaq.push(['_setCustomVar', 1, 'Logged in', 'yes', 2]);
_gaq.push(['_setCustomVar', 2, 'Member', 'yes', 1]);
_gaq.push(['_setCustomVar', 3, 'Join month', '1', 1]);
_gaq.push(['_setCustomVar', 4, 'Join year', '2013', 1]);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
$(function() {
//console.log($('.errorlist').length);
if ($('.errorlist').length > 0) {
$('.tack_title, .tack_description, .collections_wrapper, .tackit').show();
}
//Ajax image lookup
$(".img_lookup,.get_more a").click(function(event) {
event.preventDefault();
$('.get_more').hide();
var url = $('#id_link').val();
var data_dict = { url: url };
var second_lookup = false;
if ($(this).parent().hasClass("get_more")) {
data_dict = { url: url, getMore: true }
second_lookup = true;
};
//console.log(data_dict);
if (url) {
$('.tack_image').show();
$('.ajax_error').html("");
$(this).ajaxStart(function() {
$('.pic_lookup_status').html('<img src="http://gentlemint.com/media/static/images/ajax-loader.gif" /> Looking that up, just one sec...');
});
$(this).ajaxError(function() {
$('.pic_lookup_status').html('<p class="warning">Whoops! look like ther was an error trying to get images</p>');
});
$(this).ajaxComplete(function() {
$('.pic_lookup_status').text("Choose an image that best represents your tack:");
});
$.get("/tack/images/get/", data_dict,
function(data){
var obj = jQuery.parseJSON(data);
var title = $('<div />').html(obj.title).text();
$('#id_title').val(unescape(title));
if (!second_lookup) {
$('.pic_holder').html("");
}
if (obj.images.length > 0) {
$('.tack_title, .tack_description, .collections_wrapper, .tackit').show();
}
for (i=0; i<obj.images.length; i++) {
$('.pic_holder').append(
'<a class="choose_image" href="#"><img style="max-width\: 300px\;" src="'+ obj.images[i].url + '" /></a>'
);
};
if (obj.images.length == 0) {
$('.pic_holder').html('<p class="warning">Sorry, no suitable images were found at this url. You\'ll have to try a different one.</p>');
};
if (obj.is_og_image) {
$('.get_more').show();
};
//Select the first image in the list by default
if ($('.pic_holder a:first-child')) {
sel_link = $('.pic_holder a:first-child')
sel_link.addClass("selected");
var src = $(sel_link).find("img").attr("src");
$('#id_image, #id_original_image').val(src);
}
});
} else {
$('.ajax_error').html("Please add a valid url");
}
});
//Click on link and add it to hidden field to send off for processing
$('.pic_holder').delegate("a", "click", function(event) {
event.preventDefault();
var src = $(this).find("img").attr("src");
$('#id_image, #id_original_image').val(src);
var prev_sel_element = $('.pic_holder').find(".selected");
if (prev_sel_element) {
$(prev_sel_element).each( function(){
$(this).removeClass("selected");
});
}
$(this).addClass("selected");
$(this).after("<span></span>");
});
});
</script>
</head>
<body class="add_tack">
<div class="header_wrapper">
<div class="gutter">
<div class="container">
<h1><a href="/" title="Gentlemint - a mint of manly things" class="logo">Gentlemint</a></h1>
<a href="#" class="nav_toggle"><span>▼</span></a>
<div class="nav_wrapper clear">
<p class="tagline">A mint of manly things</p>
<div class="user_header">
<ul class="user_nav">
<li class="welcome">
<a href="/users/RobertDennis/" class="dropdown">
<h3>RobertDennis</h3>
<span>▼</span></a>
<ul>
<li class="first"><a href="/users/RobertDennis/" title="RobertDennis">my mint</a></li>
<li><a href="/invite/send/"><span class="count">2</span> invites</a></li>
<li class="separator"><a href="/account/profile/edit/" title="My settings">settings</a></li>
<li><a href="/account/logout/" title="Logout">logout</a></li>
<li class="last"><a href="http://blog.gentlemint.com" title="The Gentlemint blog">blog</a></li>
</ul>
</li>
<li class="add_button"><a href="/tack/add/">Add to the mint</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="gutter">
<div class="content_wrapper">
<div class="container content">
<div class="content_header clear">
<div class="billboard">
<div class="left_image"><a href="http://shop.gentlemint.com/product/official-gentlemint-t-shirt" onClick="_gaq.push(['_trackEvent', 'Shirt', 'billboard_button', '/tack/add/']);"><img src="http://gentlemint.com/media/static/images/shop/gray-shirt-small.png" /></a></div>
<h3 style="float:none;">Look snazzy, support Gentlemint</h3>
<p class="left">Introducing the official Gentlemint t-shirt</p>
<div class="btn_wrapper small"><a href="http://shop.gentlemint.com/product/official-gentlemint-t-shirt" class="btn blue small" onClick="_gaq.push(['_trackEvent', 'Shirt', 'billboard_button', '/tack/add/']);">Get yours →</a></div>
</div>
<div class="right_content_header">
<form method="get" action="/search/" class="search_form">
<input placeholder="search the mint" value="" type="text" name="q" />
</form>
<ul class="social_buttons">
<li class="last"><a href="http://google.com/+Gentlemint" class="g_plus">Google+</a></li>
<li><a href="http://twitter.com/gentlemint" class="twitter">Twitter</a></li>
<li><a href="http://facebook.com/gentlemint" class="fb">Facebook</a></li>
</ul>
</div>
</div>
<div class="top_nav">
</div>
<div class="content_wrapper">
<div class="main_content">
<h2 class="single clear">Add to the mint</h2>
<form method="post" action="." class="add_tack_form"><div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='0258ddeca23695217377c319cbfc21e8' /></div>
<div class="global_errors"></div>
<div class="fieldWrapper">
<label for="id_link">Link</label>
<input id="id_link" type="text" name="link" maxlength="2000" />
<a class="img_lookup btn" href="#">Find images</a>
<p class="global_errors ajax_error"></p>
</div>
<div class="fieldWrapper tack_image">
<label for="id_image">Image</label>
<input type="hidden" name="image" id="id_image" />
<input type="hidden" name="original_image" id="id_original_image" />
<div class="pic_lookup_status"></div>
<div class="pic_holder"></div>
<p class="get_more"><a href="#" class="btn">Get more images?</a></p>
</div>
<div class="fieldWrapper tack_title">
<label for="id_title">Title</label>
<input id="id_title" type="text" name="title" maxlength="150" />
</div>
<div class="fieldWrapper tack_description">
<label for="id_description">Description (optional)</label>
<textarea id="id_description" rows="10" cols="40" name="description">
0 comments
Login to comment →