Skip to content

Instantly share code, notes, and snippets.

@goldnuggets24

goldnuggets24/gist:6978618

Created October 14, 2013 16:51
Show Gist options
  • Save goldnuggets24/6978618 to your computer and use it in GitHub Desktop.
Save goldnuggets24/6978618 to your computer and use it in GitHub Desktop.
Download ZIP
Print of _social screen
Raw
gistfile1.rb
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><script id="tinyhippos-injected">if (window.top.ripple) { window.top.ripple("bootstrap").inject(window, document); }</script><head>
<meta content="authenticity_token" name="csrf-param">
<meta content="2UzX97QcpwTQ9SEM6B8DbYzlQv3CY2F9JdhVu6tYgjs=" name="csrf-token">
<meta content="text/html;charset=UTF-8" http-equiv="content-type">
<title>HQchannel</title>
<meta content="[nil, &quot;Local, New Jersey, Promotions, Coupons, Deals, Businesses, telephone, North Jersey&quot;]" name="keywords">
<meta content="[&quot;Your local guide to events, promotions, and every local company near you. We are local search made wonderful.&quot;]" name="description">
<meta content="6670644BEAA93299A81158F71F517217" name="msvalidate.01">
<meta content="c89c098960f9f17d" name="y_key">
<meta content="http://www.hqchannel.com/images/refer/hq-card.png" property="og:image">
<meta content="I Love my HQCard!! Now over a thousand gifts offered to me by local merchants seeking new customers! I've found so many new great businesses, this is amazing! Instant Free Card." property="og:description">
<link href="/assets/reset.css?body=1" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/text.css?body=1" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/960.css?body=1" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/main.css?body=1" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/articles.css?body=1" media="screen" rel="stylesheet" type="text/css">
<link href="/dynamic_stylesheets/image_css.css" media="screen" rel="stylesheet" type="text/css">
<!--[if !(IE 6)]-->
<link href="/assets/not-ie6.css?body=1" media="screen" rel="stylesheet" type="text/css">
<!--[endif]-->
<!--[if IE 7]>
<link href="/assets/is-ie7.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if !(IE)]-->
<link href="/assets/not-ie.css?body=1" media="screen" rel="stylesheet" type="text/css">
<!--[endif]-->
<link href="/assets/themes/main-booger/jquery-ui-1.7.2.custom.css?body=1" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/facebox.css?body=1" media="screen" rel="stylesheet" type="text/css">
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/rails.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-1.3.2.min.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui-1.7.2.custom.min.js?body=1" type="text/javascript"></script>
<script src="/assets/swfobject.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.dirtyform.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.Jcrop.min.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.uploadify.v2.1.4.min.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.updater.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.periodicalupdater.js?body=1" type="text/javascript"></script>
<script src="/assets/easyTooltip.js?body=1" type="text/javascript"></script>
<script src="/assets/easySlider.js?body=1" type="text/javascript"></script>
<script src="/assets/facebox.js?body=1" type="text/javascript"></script>
<script src="/assets/jwplayer.js?body=1" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var AUTH_TOKEN = '2UzX97QcpwTQ9SEM6B8DbYzlQv3CY2F9JdhVu6tYgjs='
//]]>
</script>
<link href="/images/favicon.ico" rel="shortcut icon">
<link type="text/css" rel="stylesheet" href="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/style.css"><script type="text/javascript" charset="utf-8" src="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/page_context.js"></script></head>
<body screen_capture_injected="true">
<div id="header">
<div id="search_nav">
<div class="container_12">
<div class="grid_1 alpha" style="padding-top: 5px; height: 33px;">
<a href="/" title="Local Search Made Wonderful at HQchannel"><img alt="Local Search Made Wonderful at HQchannel" height="26" src="/assets/hq-logo-new.jpg" style="margin: 3px 0 2px;" width="110"></a>
</div>
<div class="grid_5">
<ul id="menu"><li class="backLava" style="position: absolute; left: 0px; top: 0px; width: 80px; height: 24px;"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></li>
<li class="selectedLava"><a href="/organizations/search">local listings</a></li>
<li class=""><a href="/deals/search">HQcard search</a></li>
</ul>
</div>
<div class="grid_6 omega right">
<div id="tabbed_nav">
<div id="user_nav" style="float: right;">
<div class="tab" style="width: 120px;">
<a href="/organizations/new" title="Create your free local HQpage and be found by your community">Create HQpage</a>
</div>
<div class="tab">
<a href="/users/1655/edit" title="Update your basic information like email, login, password, and name">My Account</a>
</div>
<div class="tab">
<a href="/logout" title="We know you will back to find more promotions, gifts, events, and local listings.">Logout</a>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="hr_full" id="hr_fullForHeader" style="margin: 0;"></div>
</div>
</div>
<script>
//<![CDATA[
$(function() {
$('ul#menu').lavaLamp();
});
//]]>
</script>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="container_12" id="main">
<h1 style="margin-left: 30px;">
My Free HQcard
</h1>
<div class="clear"></div>
<div class="card_signups_header" style="background: url('/images/card_signups_header.jpg') no-repeat; height: 300px; width: 937px; padding: 23px 0 0 80px;">
<div class="card_movie" style="width: 530px; height: 299px;">
<div id="player"><embed type="application/x-shockwave-flash" src="/flash/player.swf" width="530" height="299" style="undefined" id="mpl" name="mpl" quality="high" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="file=http://hometownquarterlyvideos.s3.amazonaws.com/hqcardhello.flv&amp;skin=/flash/simple.swf&amp;frontcolor=CCFFFF&amp;controlbar=none&amp;repeat=list&amp;autostart=true&amp;icons=false&amp;stretching=fill&amp;screencolor=ffffff&amp;backcolor=FFFFFF">
</div>
</div>
</div>
<div class="clear"></div>
<div class="card_signups_body">
<div class="card_signup_rounded_box" id="social_area" style="left: 0px;"><div class="grid_9">
<br>
<div class="clear"></div>
<div class="grid_7 alpha omega" style="width: 605px;">
<div class="grid_7 omega">
<div class="grid_2">
<h1>
Almost there ...
</h1>
</div>
<div class="grid_4" style="padding-top: 10px;">
<p>
Tell your friends you just signed up for your card! We'll even deposit $ in your HQBank(?)!
</p>
</div>
<div class="clear"></div>
<div class="grid_7">
<p>
As a bonus, all cardholders are given an HQBank. HQBank dollars are redeemed at any participating businesses with no minimum purchase required. We deposit dollars when friends you’ve referred sign up. Login&gt;MyAccount&gt;HQBank&gt;Choose Gift Certificate to Print
<a href="#" class="toggle-next"><img alt="Facebook" src="/assets/refer/facebook.png"></a>
</p><div class="facebook-referral">
<br>
<div class="fb-like" data-href="http://localhost:3000/what_is_hqcard?cref=a57c8ea90af40fa2001c5f59e5474f42" data-ref="a57c8ea90af40fa2001c5f59e5474f42" data-send="false" data-show-faces="false" data-width="250"></div>
1655
</div>
<p></p>
<div class="clear"></div>
<div class="grid_2 prefix_1">
<a href="/card_signups/go_to_disclaimer" class="go_to_disclaimer button">Skip This Step</a>
<a href="http://www.facebook.com/sharer/sharer.php?s=100&amp;p[url]=http://hqchannel.com/card_signups&amp;p[images][0]=http://hqchannel.com/assets/hq-logo-new-920b456f2ba447b630448762efe9cbcb.jpg&amp;p[title]=I%20just%20signed%20up%20for%20an%20HQ%20Card!%20&amp;p[summary]=..yah,%20the%20card%20that%20gets%20you%20access%20to%20local%20deals,%20promotions,%20sometimes%20free%20shoes.%20;D" id="fb_share_link">
FB Click
</a>
</div>
</div>
</div>
</div>
<div class="clear">
</div>
</div>
</div>
<div class="card_signup_rounded_box" id="card_signup_update_area" style="left: 0px; display: none;"><div class="grid_9">
<br>
<div class="clear"></div>
<div class="grid_7 alpha omega" style="width: 605px;">
<div class="grid_7 omega">
<div class="grid_2">
<h1>
Your HQcard
</h1>
</div>
<div class="grid_4" style="padding-top: 10px;">
<p>
Delivered right to your home. Entirely for free.
</p>
</div>
</div>
<div class="grid_7 omega card_signup_form" style="width: 525px;">
<form accept-charset="UTF-8" action="/card_signups" class="new_card_signup" id="new_card_signup" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="2UzX97QcpwTQ9SEM6B8DbYzlQv3CY2F9JdhVu6tYgjs="></div>
<div class="grid_2 prefix_1" style="width: 166px;">
<input id="card_signup_first_name" name="card_signup[first_name]" rel="first name" size="30" style="width: 166px;" type="text" value="first name" class="ug-text">
<div class="error_message"></div>
</div>
<div class="grid_2" style="width: 166px;">
<input id="card_signup_last_name" name="card_signup[last_name]" rel="last name" size="30" style="width: 166px; margin-left: 5px; float: left;" type="text" value="last name" class="ug-text">
<div class="error_message"></div>
</div>
<div class="clear"></div>
<div class="grid_4 prefix_1">
<input id="card_signup_street_address_1" name="card_signup[street_address_1]" rel="street address" size="30" style="width: 357px;" type="text" value="street address" class="ug-text">
<div class="error_message"></div>
</div>
<div class="clear"></div>
<div class="grid_1 prefix_1" style="width: 166px;">
<input id="card_signup_city" name="card_signup[city]" rel="city" size="30" style="width: 166px;" type="text" value="city" class="ug-text">
<div class="error_message"></div>
</div>
<div class="grid_1" style="width: 75px;">
<select class="dropdown-tag" id="card_signup_state" name="card_signup[state]" style="width: 75px; color: rgb(102, 102, 102);"><option value="NJ">NJ</option></select>
<div class="error_message"></div>
</div>
<div class="grid_1" style="122px;">
<input id="card_signup_zip_code" name="card_signup[zip_code]" rel="zip code" size="30" style="width: 76px;" type="text" value="zip code" class="ug-text">
<div class="error_message"></div>
</div>
<div class="clear"></div>
<div class="grid_2 prefix_1" style="width: 80px;">
<select class="dropdown-tag" id="card_signup_dob_1i" name="card_signup[dob(1i)]" style="width: 80px; color: rgb(102, 102, 102);">
<option value="">D.O.B.</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
<option value="1979">1979</option>
<option value="1978">1978</option>
<option value="1977">1977</option>
<option value="1976">1976</option>
<option value="1975">1975</option>
<option value="1974">1974</option>
<option value="1973">1973</option>
<option value="1972">1972</option>
<option value="1971">1971</option>
<option value="1970">1970</option>
<option value="1969">1969</option>
<option value="1968">1968</option>
<option value="1967">1967</option>
<option value="1966">1966</option>
<option value="1965">1965</option>
<option value="1964">1964</option>
<option value="1963">1963</option>
<option value="1962">1962</option>
<option value="1961">1961</option>
<option value="1960">1960</option>
<option value="1959">1959</option>
<option value="1958">1958</option>
<option value="1957">1957</option>
<option value="1956">1956</option>
<option value="1955">1955</option>
<option value="1954">1954</option>
<option value="1953">1953</option>
<option value="1952">1952</option>
<option value="1951">1951</option>
<option value="1950">1950</option>
<option value="1949">1949</option>
<option value="1948">1948</option>
<option value="1947">1947</option>
<option value="1946">1946</option>
<option value="1945">1945</option>
<option value="1944">1944</option>
<option value="1943">1943</option>
<option value="1942">1942</option>
<option value="1941">1941</option>
<option value="1940">1940</option>
<option value="1939">1939</option>
<option value="1938">1938</option>
<option value="1937">1937</option>
<option value="1936">1936</option>
<option value="1935">1935</option>
<option value="1934">1934</option>
<option value="1933">1933</option>
<option value="1932">1932</option>
<option value="1931">1931</option>
<option value="1930">1930</option>
<option value="1929">1929</option>
<option value="1928">1928</option>
<option value="1927">1927</option>
<option value="1926">1926</option>
<option value="1925">1925</option>
<option value="1924">1924</option>
<option value="1923">1923</option>
<option value="1922">1922</option>
<option value="1921">1921</option>
<option value="1920">1920</option>
<option value="1919">1919</option>
<option value="1918">1918</option>
<option value="1917">1917</option>
<option value="1916">1916</option>
<option value="1915">1915</option>
<option value="1914">1914</option>
<option value="1913">1913</option>
</select>
<input id="card_signup_dob_2i" name="card_signup[dob(2i)]" type="hidden" value="1">
<input id="card_signup_dob_3i" name="card_signup[dob(3i)]" type="hidden" value="1">
</div>
<div class="grid_2 omega" style="width: 13px;">
<label for="card_signup_gender">sex</label>
<div class="error_message"></div>
</div>
<div class="grid_2" style="width: 80px;">
<input id="card_signup_gender_male" name="card_signup[gender]" style="float: left; width: 20px;" type="radio" value="male">
<div class="event_title" style="float: left;">
M
</div>
<input id="card_signup_gender_female" name="card_signup[gender]" style="float: left; width: 20px;" type="radio" value="female">
<div class="event_title" style="float: left;">
F
</div>
<div class="error_message"></div>
</div>
<div class="grid_2" style="width: 142px;">
<select class="dropdown-tag" id="card_signup_how_did_you_hear" name="card_signup[how_did_you_hear]" style="width: 142px; color: rgb(102, 102, 102);"><option value="">HQCard found by</option>
<option value=""></option>
<option value="Temporary Card">Temporary Card</option>
<option value="HQ Magazine">HQ Magazine</option>
<option value="A Friend">A Friend</option>
<option value="The Internet">The Internet</option>
<option value="Other">Other</option></select>
<div class="error_message"></div>
</div>
<div class="clear"></div>
<div class="grid_1 align_right">
(
<a href="#" class="open_help">?</a>
)
</div>
<div class="grid_2" style="width: 172px;">
<input id="card_signup_phone_number" name="card_signup[phone_number]" rel="phone" size="30" style="width: 172px;" type="text" value="phone" class="ug-text">
<div class="error_message"></div>
</div>
<div class="clear"></div>
<div class="grid_4 prefix_1 help_info">
<p>
If you're using a temp card, and there's a handwritten number on the back, write it here.
</p>
</div>
<div class="clear"></div>
<div class="grid_2 prefix_1" style="width: 166px;">
<input id="card_signup_email" name="card_signup[email]" rel="email" size="30" style="width: 166px;" type="text" value="email" class="ug-text">
<div class="error_message"></div>
</div>
<div class="grid_2" style="width: 166px;">
<input id="card_signup_email_confirmation" name="card_signup[email_confirmation]" rel="email confirmation" size="30" style="width: 172px;" type="text" value="email confirmation" class="ug-text">
<div class="error_message"></div>
</div>
<div class="clear"></div>
<div class="grid_1 align_right">
(
<a href="#" class="open_help">?</a>
)
</div>
<div class="grid_3">
<input class="focused_help ug-text" id="card_signup_order_of_importance" name="card_signup[order_of_importance]" rel="HQ number" size="30" style="width: 166px;" type="text" value="HQ number">
<div class="error_message"></div>
</div>
<div class="clear"></div>
<div class="clear"></div>
<div class="grid_4 help_info prefix_1" style="display: none;">
<img alt="Order-of-importance" src="/assets/order-of-importance.jpg">
<p>
<br>
What values are most important to you? Write the values in order of importance.
<br>
<br>
For example, if you prefer..
<br>
Service-Price-Quality, then write “213”
<br>
Quality-Price-Service, then write “312”
<br>
Service-Price-Quality, then write “213”
</p>
</div>
<div class="clear"></div>
<div class="grid_2 prefix_1">
<a href="/card_signups/skip_to_social" class="skip_to_social card_signup_button button">Next</a>
</div>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="hq-card-signup-footer" style="background: url('/images/hq-card-signup-footer.jpg') no-repeat; height: 100px; width: 937px;"></div>
<script>
//<![CDATA[
$(document).ready(function() {
$("#card_signup_update_area").css("left", "-4000px");
$( "#card_signup_update_area" ).animate({
left: 0
}, {
duration: 1000
});
});
//]]>
</script>
</div>
<div class="clear"></div>
<div id="need_login" style="display:none;">
<p>You have to be logged in to do that!</p>
<div class="left">
<a href="/login">Log In</a>
/
<a href="/signup">Sign Up</a>
!
</div>
<div class="right">
<a href="" id="need_login_close">X</a>
</div>
</div>
<div id="already_have_tooltip" style="display:none;">
<p>You already have a HQcard!</p>
<div class="right">
<a href="" id="already_have_tooltip_close">X</a>
</div>
</div>
<div class="clear"></div>
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"></div><div id="window-resizer-tooltip"><a href="#" title="Edit settings" style="background-image: url(chrome-extension://kkelicaakdanhinjdeammmilcgefonfh/images/icon_19.png);"></a><span class="tooltipTitle">Window size: </span><span class="tooltipWidth" id="winWidth"></span> x <span class="tooltipHeight" id="winHeight"></span><br><span class="tooltipTitle">Viewport size: </span><span class="tooltipWidth" id="vpWidth"></span> x <span class="tooltipHeight" id="vpHeight"></span></div></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment