




<!DOCTYPE html>
<html>
	<head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# thunderclap_it: https://ogp.me/ns/fb/thunderclap_it#">


		<title>Thunderclap: Hurricane Harvey Recovery</title>

		<meta http-equiv="Content-Type"            content="text/html; charset=utf-8">
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"f534d71a50","applicationID":"58978","transactionName":"Il1WF0BfCFxSRk5BEQ5YXQBGQ0tDX1sW","queueTime":0,"applicationTime":300,"agent":""}</script>
<script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,t,n){function r(n){if(!t[n]){var o=t[n]={exports:{}};e[n][0].call(o.exports,function(t){var o=e[n][1][t];return r(o||t)},o,o.exports)}return t[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(e,t,n){function r(){}function o(e,t,n){return function(){return i(e,[f.now()].concat(u(arguments)),t?null:this,n),t?void 0:this}}var i=e("handle"),a=e(2),u=e(3),c=e("ee").get("tracer"),f=e("loader"),s=NREUM;"undefined"==typeof window.newrelic&&(newrelic=s);var p=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],d="api-",l=d+"ixn-";a(p,function(e,t){s[t]=o(d+t,!0,"api")}),s.addPageAction=o(d+"addPageAction",!0),s.setCurrentRouteName=o(d+"routeName",!0),t.exports=newrelic,s.interaction=function(){return(new r).get()};var m=r.prototype={createTracer:function(e,t){var n={},r=this,o="function"==typeof t;return i(l+"tracer",[f.now(),e,n],r),function(){if(c.emit((o?"":"no-")+"fn-start",[f.now(),r,o],n),o)try{return t.apply(this,arguments)}catch(e){throw c.emit("fn-err",[arguments,this,e],n),e}finally{c.emit("fn-end",[f.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(e,t){m[t]=o(l+t)}),newrelic.noticeError=function(e){"string"==typeof e&&(e=new Error(e)),i("err",[e,f.now()])}},{}],2:[function(e,t,n){function r(e,t){var n=[],r="",i=0;for(r in e)o.call(e,r)&&(n[i]=t(r,e[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],3:[function(e,t,n){function r(e,t,n){t||(t=0),"undefined"==typeof n&&(n=e?e.length:0);for(var r=-1,o=n-t||0,i=Array(o<0?0:o);++r<o;)i[r]=e[t+r];return i}t.exports=r},{}],4:[function(e,t,n){t.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(e,t,n){function r(){}function o(e){function t(e){return e&&e instanceof r?e:e?c(e,u,i):i()}function n(n,r,o,i){if(!d.aborted||i){e&&e(n,r,o);for(var a=t(o),u=m(n),c=u.length,f=0;f<c;f++)u[f].apply(a,r);var p=s[y[n]];return p&&p.push([b,n,r,a]),a}}function l(e,t){v[e]=m(e).concat(t)}function m(e){return v[e]||[]}function w(e){return p[e]=p[e]||o(n)}function g(e,t){f(e,function(e,n){t=t||"feature",y[n]=t,t in s||(s[t]=[])})}var v={},y={},b={on:l,emit:n,get:w,listeners:m,context:t,buffer:g,abort:a,aborted:!1};return b}function i(){return new r}function a(){(s.api||s.feature)&&(d.aborted=!0,s=d.backlog={})}var u="nr@context",c=e("gos"),f=e(2),s={},p={},d=t.exports=o();d.backlog=s},{}],gos:[function(e,t,n){function r(e,t,n){if(o.call(e,t))return e[t];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return e[t]=r,r}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],handle:[function(e,t,n){function r(e,t,n,r){o.buffer([e],r),o.emit(e,t,n)}var o=e("ee").get("handle");t.exports=r,r.ee=o},{}],id:[function(e,t,n){function r(e){var t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===window?0:a(e,i,function(){return o++})}var o=1,i="nr@id",a=e("gos");t.exports=r},{}],loader:[function(e,t,n){function r(){if(!x++){var e=h.info=NREUM.info,t=d.getElementsByTagName("script")[0];if(setTimeout(s.abort,3e4),!(e&&e.licenseKey&&e.applicationID&&t))return s.abort();f(y,function(t,n){e[t]||(e[t]=n)}),c("mark",["onload",a()+h.offset],null,"api");var n=d.createElement("script");n.src="https://"+e.agent,t.parentNode.insertBefore(n,t)}}function o(){"complete"===d.readyState&&i()}function i(){c("mark",["domContent",a()+h.offset],null,"api")}function a(){return E.exists&&performance.now?Math.round(performance.now()):(u=Math.max((new Date).getTime(),u))-h.offset}var u=(new Date).getTime(),c=e("handle"),f=e(2),s=e("ee"),p=window,d=p.document,l="addEventListener",m="attachEvent",w=p.XMLHttpRequest,g=w&&w.prototype;NREUM.o={ST:setTimeout,SI:p.setImmediate,CT:clearTimeout,XHR:w,REQ:p.Request,EV:p.Event,PR:p.Promise,MO:p.MutationObserver};var v=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1071.min.js"},b=w&&g&&g[l]&&!/CriOS/.test(navigator.userAgent),h=t.exports={offset:u,now:a,origin:v,features:{},xhrWrappable:b};e(1),d[l]?(d[l]("DOMContentLoaded",i,!1),p[l]("load",r,!1)):(d[m]("onreadystatechange",o),p[m]("onload",r)),c("mark",["firstbyte",u],null,"api");var x=0,E=e(4)},{}]},{},["loader"]);</script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<meta property="fb:app_id"                 content="367384869979210"/>
		<meta property="og:site_name"              content="Thunderclap"/>

			<meta property="og:url"                   content="https://www.thunderclap.it/projects/62901-hurricane-harvey-recovery" />
        <meta property="og:title"             content="Hurricane Harvey Recovery" />
	<meta property="og:description"           content="I just supported Hurricane Harvey Recovery on @ThunderclapIt // @E_HawesFraser" />
	<meta property="og:image"                 content="https://s3.amazonaws.com/thunderclap-production/campaigns/background_images/000/062/901/web/book11_4.jpg?1507118552" />
    <meta property="og:image:secure_url"      content="https://s3.amazonaws.com/thunderclap-production/campaigns/background_images/000/062/901/web/book11_4.jpg?1507118552" />

	    <meta property="og:type"         content="website" />

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@thunderclapit">
    <meta name="twitter:creator" content="@E_HawesFraser">
    <meta name="twitter:title" content="Hurricane Harvey Recovery">
    <meta name="twitter:description" content="I just supported Hurricane Harvey Recovery on @ThunderclapIt // @E_HawesFraser">
    <meta name="twitter:image:src" content="https://d1p42fqrbwqdsw.cloudfront.net/campaigns/background_images/000/062/901/web/book11_4.jpg?1507118552">
    <meta name="twitter:image:width" content="580">
    <meta name="twitter:image:height" content="270">



		
	<style>


	</style>

		<link rel="stylesheet" media="screen" href="//d3enntrj2q0c71.cloudfront.net/assets/responsive_project-cb360d0ed8d8c75fecce4957c2564c5c046cbe4c5bad870a773ebeba25ff7a94.css" />

		<script type="text/javascript" src="//use.typekit.net/yop6fcd.js"></script>
		<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

		<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="//d3enntrj2q0c71.cloudfront.net/assets/favicon-9500cc4762e7424912e2d61dd225c5f7694640d5c6d8eb7f77d11dd9e3679d3a.ico" />
		<link rel="apple-touch-icon" href="//d3enntrj2q0c71.cloudfront.net/assets/thunderclap_logo_57-a2c56ea74362a897b429c181e2885c5361453f24fd624809b4e8ee5484630aa5.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="//d3enntrj2q0c71.cloudfront.net/assets/thunderclap_logo_72-afbfbaf4a4b4e848e378a3ea5307705ea30e8597d74add0457bc7e52cc718dd5.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="//d3enntrj2q0c71.cloudfront.net/assets/thunderclap_logo_114-2f53475f4fdca32293668240c6d0419e9d5b6dc343d0daf15a006038cb039d66.png" />


		</head>

		

				<!-- google analytics -->
		<script>
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
				(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
			
			ga('create', 'UA-30356360-1', 'auto');
			ga('send', 'pageview');
			
		</script>
		<!-- end google analytics -->


	

    	<body id="project_page" class="wrapper">

		<div id="fb-root"></div>
		<div id="tu-root"></div>

		

	<div class="header hide-for-small-only">
		<div class="header-wrapper">

			<div class="row" style="max-width: 100%;">

				<div class="header-top-row small-12 columns">

					<a href="https://www.thunderclap.it/">
						<img src="//d3enntrj2q0c71.cloudfront.net/assets/header-thunderclap-logo-f26f55d50f4fa59781ca5a70bcc9d1e5c500c12255a0b69e6b8a909f96627aa9.png" alt="thunderclap logo" id="thunderclap-logo" class="left" style="z-index: 10000"/>
					</a>

					<div class="hide-for-small-only">
						<ul class="header-menu left">

							<li>
								<a href="/casestudies" class="explore_button">HOW IT WORKS</a>
							</li>

							<li>
								<a href="/pricing" class="explore_button"><span class="translation_missing" title="translation missing: en.footer.pricing">Pricing</span></a>
							</li>

							<li>
								<a href="/start" class="start_button_primary">
									START
								</a>
							</li>

						</ul>
					</div>

					<div class="header-right hide-for-small-only">

						<div class="login_wrapper menu_wrapper right">
							<a href="/my">Log in</a>
						</div>

						<div class="clear"></div>

					</div>
					<div class="right hide-for-small-only" id="search-nav">
						<form style="margin-bottom:0;" action="/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" />
						<input type="text" placeholder="" name="q">
						<input type="submit" value=" ">
</form>					</div>

				</div>

			</div>
			<!-- end row -->

		</div>
		<!-- end header wrapper -->
	</div>
	<div class="header show-for-small-only">
	<div style="position: absolute; top: 0; left: 0; width: 125px">
		<a href="https://www.thunderclap.it/"><img src="//d3enntrj2q0c71.cloudfront.net/assets/header-thunderclap-logo-mobile-3169c1eeeda9d817e4df5859d419d04234eceabb96ab63a99edca59de6508bd3.png" alt="thunderclap logo" id="thunderclap-logo-mobile" width="210px" height="30px" border="0"/></a>
	</div>
	<div class="right">
		<a href="#modal" class="second"><img id="menu-mobile" style="width: 40px; margin-top: 13px;" src="//d3enntrj2q0c71.cloudfront.net/assets/menu_mobile-2400a7555138c61d7a1499f5f0894d3d3931d64969011a8b9f2db8bf3c965ee6.png"/></a>
	</div>
	<div id="modal" style="display:none;">
		<div id="menu-modal-close">
			<a href="javascript:$.pageslide.close()"><img style="width: 24px" src="//d3enntrj2q0c71.cloudfront.net/assets/close_mobile-2d60aa1ba9ffa3b29fb737c2c1f4bc09af5623084a531638ea27641c3a844078.png"/>Close</a>
		</div>
		<ul>
			<li>
				<a href="/">Home</a>
			</li>
			<li>
				<a href="/casestudies">How It Works</a>
			</li>
			<li>
				<a href="/support">Support</a>
			</li>
			<li>
				<a href="/signout">
					<div>Log Out</div>
				</a>
			</li>


			

		</ul>

	</div>

	<div class="clear"></div>
</div>


		

		<div class="row">
			<div class="loader"><img src="//d3enntrj2q0c71.cloudfront.net/assets/ajax-loader-white-18f739387d4e0a222bdec0ec46cdadd749ee1c23d27f1aaf6b078b4179801dd8.gif" alt="loading"/></div>

			<div class="twelve large-12 columns">
				
	
    <div style="height: 60px;"></div>

<!-- UPDATE/EMAIL MODAL -->
<div id="update_email" class="reveal-modal" data-reveal style="text-align: center; min-height: 500px; pointer-events:none;">
    <div class="reveal-modal-inner">
        <div class="popup_update_email_modal">
            <div class="row">
                <div id="update_email_message" class="small-10 small-centered ten columns" style="text-align: center;">
                    <h4>
                        Get Updates from Éilísh Hawes-Fraser
                    </h4>
                </div>
            </div>

            <form id="email_save_form_outer" class="email_submit_form" method="GET" action="/my/account/update">
                <input type="hidden" name="campaign_id" value="62901"/>
                <div class="row">
                    <div class="small-10 large-9 small-centered large-centered nine columns">
                        <div class="row collapse">
                            <div class="small-8 eight columns">
                                <input type="text" id="email_outer" name="user[email]" class="email title_input" placeholder="Email address" value="" />
                            </div>

                            <div class="small-4 four columns">
                                <a href="javascript:;" id="email_submit_update" class="button orange_button postfix submit_button email_save_outer">SUBMIT</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="small-10 large-10 small-centered large-centered nine columns">
                        <input type="checkbox" checked="checked" name="user[opt_in_emails]" id="opt_in_emails" />
                        <label for="opt_in_emails">
                            <div class="subtext" style="">
                                Update me on other news and developments from Thunderclap.
                            </div>
                        </label>

                        <p>

                        </p>
                    </div>
                </div>

            </form>

        </div>
        <a class="close-reveal-modal">&#215;</a>
    </div>
</div>
<!-- END UPDATE/EMAIL MODAL -->


<!-- SUPPORT MODAL -->
<div id="myModal" class="reveal-modal" data-reveal style="text-align: center; min-height: 500px; pointer-events:none;">
    <div class="reveal-modal-inner">
        <!-- FACEBOOK PREVIEW -->
<div class="popup_modal" id="support_facebook">
    <div class="row">
        <div class="large-12 small-12 twelve columns modal-heading">
            <h4>Thunderclap Preview - Facebook</h4>
        </div>
    </div>

    <div class="row">
        <div class="small-8 small-centered eight columns facebook_custom_input">
            <form id="back_facebook_form" action="#" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="9DxVvH3fK3EjrTORyPQtbStClqogDYxeeGmRB4Td2n6CmEOM3js4giXMuvl1hb5KeL+YNXx8/rJH7qbOtfbrag==" />
                <textarea name="message" placeholder="Make it your own! Add a custom message." id="facebook_message" class="message" style="width: 100%; height: 60px; font-size: 0.8rem;"></textarea>
                <input name="authenticity_token" type="hidden" value="DJeG5QVWL+9RJeCu+Vb7fuPpRdnvks2Vy9PrkV29GXqE/I8XVyKF0EZ/x9UCg2dJlgt8jIbNtEe8PQs7QvA6Hg==" />
                <input type="hidden" name="provider" value="facebook"/>
                <input id="fb_page_id" name="page_id" type="hidden" />
</form>        </div>
    </div>

    <div class="row">
        <div class="small-8 small-centered eight columns">
            <div class="facebook_preview">

                <div class="facebook_preview_image">
                    <div class="facebook_image_wrapper">
                        <img src="https://d1p42fqrbwqdsw.cloudfront.net/campaigns/background_images/000/062/901/web/book11_4.jpg?1507118552" />
                    </div>
                </div>

                <div class="facebook_preview_content">
                    <p>
                        <strong>
                            Hurricane Harvey Recovery
                        </strong>
                    </p>
                    <p>
                        All Proceeds from Sales of NO PLACE THAT FAR to support Rebuilding Texas<br>
                        <a href="http://thndr.me/K3BXEG">http://thndr.me/K3BXEG</a>
                    </p>
                </div>

            </div>
        </div>
    </div>

    <div class="row">
        <div class="small-11 small-centered eleven columns">

            <p class="terms_modal">
                We will post this one-time message to your account on<br><b>October 17 at 12:00PM EDT</b>.
            </p>
            <div class="row">
              <div id="facebook_support_button" class="small-8 small-centered columns">
                <a href="/auth/facebook" id="popup_facebook" data-width="800" data-height="600"><img src="//d3enntrj2q0c71.cloudfront.net/assets/social_icons/continue_with_facebook_button-bc540a42a51496928cdadb20036387e99ffc729726b2447a082270f1cbd00d70.png"></img></a>
              </div>
              <div id="facebook_page_support_button" class="small-8 small-centered columns" style="display:none;">
                <a href="/auth/facebook?scope=manage_pages,publish_pages" id="popup_facebook_page_auth" data-width="800" data-height="600"><img src="//d3enntrj2q0c71.cloudfront.net/assets/social_icons/continue_with_facebook_button-bc540a42a51496928cdadb20036387e99ffc729726b2447a082270f1cbd00d70.png"></img></a>
              </div>
            </div>
        </div>
    </div>


</div>
<!-- END FACEBOOK PREVIEW -->

<!-- FACEBOOK PAGE SELECTOR PREVIEW -->
<div class="popup_modal" id="fb_page_selector" style="min-height:10rem;">
    <div class="row">
        <div class="large-12 small-12 twelve columns modal-heading">
            <h4>Who are you posting as?</h4>
        </div>
    </div>

    <div class="row">
        <div class="small-11 small-centered eleven columns">
			<div style="margin-top: 1rem;">
				<div id="fb_page_list_copy" style="display:none;"><p>
					Here is the list of pages that you can publish with.
					Facebook only allows Admins and Editors to post as a page.
					</p>
					<form style="margin-top: 2rem;" >
						<select id="back_facebook_page_form" name="page_id" style="border:1px solid black; font-weight: 600; font-size: 16px !important;"></select>
						<input name="authenticity_token" type="hidden" value="y69Mvn6iFnIHGC3nK6ijKF9JbR3HEO0Tc0gObchKBINDxEVMLNa8TRBCCpzQfT8fKqtUSK5PlMEEpu7H1wcn5w==" />
					</form>

					<p class="terms_modal">
					We will post this one-time message to your account on<br><b>October 17 at 12:00PM EDT</b>.
					</p>
					<a href="/auth/facebook?scope=manage_pages,publish_pages" class="support_button button expand join_button ajax_button" id="popup_facebook_page_back" data-width="800" data-height="600"><div class="sprite sprite-plus-white" style="float: none; display: inline-block"></div>Add Page's Support</a>
				</div>
				<div id="fb_page_list_copy_empty" style="display:none;"><p>
					It looks like you don't have permission to post as a page (only Admins and Editors can post as a page).</br></br>
					Consider supporting this campaign with <a href="#" class="support_facebook_button"> your personal Facebook account.</a>
					</p></div>
			</div>
        </div>
    </div>


</div>
<!-- END FACEBOOK PAGE SELECTOR PREVIEW -->



<!-- TWITTER PREVIEW -->
<div class="popup_modal" id="support_twitter">
    <div class="row">
        <div class="large-12 small-12 twelve columns modal-heading">
            <h4>Thunderclap Preview - Twitter</h4>
        </div>
    </div>

    <div class="row">
        <div class="small-9 small-centered nine columns">

          <div style="text-align: left; margin-top: 2rem;">
            <p>
                <strong>Make the message your own! Customize this tweet.</strong>
            </p>

            <div id="twitter_countdown"><p>0</p></div>
            <form id="back_twitter_form" style="margin-bottom: 0" action="#" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="76QEOdEba2f9EN7qkiXnFApgio0EwovC323QhtJ8lvCZABIJcv94lPtxV4IvVHQzWZ2EEliz+S7g6udP41en5A==" />
                <textarea name="message" class="message" id="twitter_message" style="margin-bottom: 0; height: 120px; font-size: 0.8rem;">All Proceeds from Sales of NO PLACE THAT FAR to support Rebuilding Texas thndr.me/6u9mTI</textarea>
                <input name="authenticity_token" type="hidden" value="RB8l34jY/gH7mHSgkMVPCe6CcP6KnzrMDMjKqmkBonzMdCwt2qxUPuzCU9trENM+m2BJq+PAQx57JioAdkyBGA==" />
                <input type="hidden" name="provider" value="twitter"/>
</form>          </div>

        </div>
    </div>

    <div class="row">
        <div class="small-11 small-centered eleven columns">
            <div class="row">
                <p class="terms_modal">
                    We will post this one-time message to your account on<br><b>October 17 at 12:00PM EDT</b>.
                </p>
                <div class="small-8 small-centered columns">

                <a href="/auth/twitter" class="button twitter_button login_btn" id="popup_twitter" data-width="800" data-height="600" style="font-size:25px;width:340px;">
        					<div style="float: left; padding-top: 4px;">
        						Continue with Twitter
        					</div>

        					<div class="icon_container" style="line-height:0;">
        						<i class="fa fa-twitter-square fa-2x" style="margin-top: -6px; margin-left: 17px;"></i>
        					</div>

        					<div class="clear"></div>
        				</a>
              </div>
            </div>
        </div>
    </div>

</div>
<!-- END TWITTER PREVIEW -->



<!-- TUMBLR PREVIEW -->
<div class="popup_modal" id="support_tumblr">
    <div class="row">
        <div class="large-12 small-12 twelve columns modal-heading">
            <h4>Thunderclap Preview - Tumblr</h4>
        </div>
    </div>

    <div class="row">
        <div class="small-8 small-centered eight columns">

          <div style="margin-top: 1rem;">
            <img class="box" src="https://d1p42fqrbwqdsw.cloudfront.net/campaigns/background_images/000/062/901/web/book11_4.jpg?1507118552" style="background: #666; margin-bottom: 0.4rem;" />
          </div>

        </div>
    </div>

    <div class="row">
        <div class="small-8 small-centered eight columns">
            <!-- <p style="text-align: left; margin-bottom: 0;">
                <strong></strong>
            </p> -->

            <form id="back_tumblr_form" style="margin-bottom: 0" action="#" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="3MftmWdkWS+NzjnvljPJkeec6O+ZLunPnptv/4DOBeOqY/upxIBK3IuvsIcrQlq2tGHmcMVfmyOhHFg2seU09w==" />
                <textarea name="message" class="message" id="tumblr_message" style="height: 80px; font-size: 0.8rem; margin-bottom: 0;">All Proceeds from Sales of NO PLACE THAT FAR to support Rebuilding Texas thndr.me/00m1QV</textarea>
                <input name="authenticity_token" type="hidden" value="++TGa3iROW6XQUtj+zS7rdo/8UeTh8PEiV94RfS1y0xzj8+ZKuWTUYAbbBgA4Sear93IEvrYuhb+sZjv6/joKA==" />
                <input type="hidden" name="provider" value="tumblr"/>
</form>        </div>
    </div>

    <div class="row">
        <div class="small-11 small-centered eleven columns">
            <div class="row">
                <p class="terms_modal">
                    We will post this one-time message to your account on<br><b>October 17 at 12:00PM EDT</b>.
                </p>
                <a href="/auth/tumblr" class="button tumblr_button login_btn" id="popup_tumblr" data-width="800" data-height="600" style="font-size:25px;width:340px;">
                  <div style="float: left; padding-top: 4px;">
                    Continue with Tumblr
                  </div>

                  <div class="icon_container" style="line-height:0;">
                    <i class="fa fa-tumblr-square fa-2x" style="margin-top: -6px; margin-left: 17px;"></i>
                  </div>

                  <div class="clear"></div>
                </a>
            </div>
        </div>
    </div>

</div>
<!-- END TUMBLR PREVIEW -->





<!-- FOLLOW EMAIL -->
<div class="popup_modal" id="follow_email">
    <div class="row">
        <div id="email_message" class="large-12 small-12 twelve columns">
            <h4 style="margin-bottom: 2.5rem;">Want the latest updates from this organizer?</h4>
        </div>
    </div>

    <div class="row">
        <div class="small-10 small-centered columns" style="text-align: center;">
            <img src="https://d1p42fqrbwqdsw.cloudfront.net/campaigns/organizer_images/000/062/901/original/data?1507118551" class="box" alt="profile image" width="70" height="70" style="margin-bottom: 0.7rem;" />
            <p style="font-size: 0.9rem;">
                <strong>Éilísh Hawes-Fraser</strong><br>
                    <a href="https://twitter.com/E_HawesFraser" target="_blank">
                        @E_HawesFraser
                    </a>
                <!-- <div>Created this on Oct 04, 2017</div> -->
            </p>
        </div>
    </div>

    <div class="row">
        <div class="small-10 large-9 small-centered large-centered columns" style="text-align: center;">

            <form id="email_save_form" class="email_submit_form" method="POST" action="/my/account/update" style="margin-bottom: 0;">

                <input type="hidden" name="campaign_id" value="62901"/>

                <div class="row collapse">
                        <div class="small-12 columns">
                            <input type="text" id="email" name="user[email]" class="email title_input" placeholder="Email address" value="" />
                        </div>


                    <div class="small-12 columns">
                        <a href="javascript:;" id="email_submit_support" class="button expand orange_button submit_button email_save">SUBMIT</a>
                    </div>
                </div>
            </form>

        </div>
    </div>

    <div class="row">
        <div class="small-10 large-10 small-centered large-centered columns">
            <input type="checkbox" checked="checked" name="user[opt_in_emails]" id="opt_in_emails_modal" />
            <label for="opt_in_emails_modal">
                <div class="subtext" style="margin-bottom: 1rem;">
                    Update me on other news and developments from Thunderclap.
                </div>
            </label>

            <p style="margin: 0rem auto 2.5rem">
                <a href="javascript:;" style="font-size: 0.9rem;" class="email_no_thanks">No thanks</a>
            </p>
        </div>
    </div>


</div>
<!-- END FOLLOW EMAIL -->


<!-- Invite Friends -->
<div class="popup_modal" id="support_confirmed">

    <!-- <div class="row">
        <div class="large-12 small-12 columns modal-heading">
            <h4>
            </h4>
        </div>
    </div> -->

    <div class="row">
        <div id="added_reach" class="small-11 small-centered columns" style="text-align: center; margin: 3rem auto;">
            <!-- Wraps digital asset div if enabled -->
                <h4>
                    Thank you!
                </h4>

                <h4>
                    We will post this one-time message to your account on<br><b>October 17 at 12:00PM EDT</b>.
                </h4>

                <p class="thndr_counter_flash social_reach">
                    0
                </p>

                <p class="thndr_counter social_reach_count">
                    0
                </p>

                <p style="margin-bottom: 0.4rem; font-size: 1.1rem;">

                        Total social reach added

                </p>

            <!-- Ends digital asset wrap -->
        </div>
    </div>

        <div class="row">
            <div class="large-12 small-12 small-centered large-centered columns">
                <p class="stat_gray" style="margin-bottom: 0.4rem; font-size: 0.875rem;">
                    Spread the word. Invite friends to join the Thunder.
                </p>
            </div>
        </div>

        <div class="row">
            <div class="large-12 small-12 small-centered large-centered columns">

                <a href="javascript:void(0)" class="orange_button caps social_share facebook_share facebook_button" style="height: 45px; font-size: 14px;">
                    <div style="padding: 0 12px;">
                        <div style="text-align: center; margin: 4px auto 0;">
                            <i class="fa fa-facebook-square left" style="margin-right: 10px;"></i>
                            <div style="float: left;">SHARE</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </a>

                <a href="https://twitter.com/intent/tweet?related=E_HawesFraser:Organizer,ThunderclapIt:Powered%20By&url=http://thndr.me/Ung1w7&text=I%20just%20supported%20Hurricane%20Harvey%20Recovery%20on%20@ThunderclapIt%20//%20@E_HawesFraser" class="orange_button caps social_share twitter_share twitter_button" style="height: 45px; font-size: 14px;">
                    <div style="padding: 0 12px;">
                        <div style="text-align: center; margin: 4px auto 0;">
                            <i class="fa fa-twitter-square left" style="margin-right: 10px;"></i>
                            <div style="float: left;">TWEET</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </a>

                <a href="http://www.tumblr.com/share/link?url=http%3A%2F%2Fthndr.me%2FUng1w7&name=Hurricane%20Harvey%20Recovery&description=I%20just%20supported%20Hurricane%20Harvey%20Recovery%20on%20%40ThunderclapIt%20%2F%2F%20%40E_HawesFraser" title="Share on Tumblr" target="_blank" class="orange_button caps social_share tumblr_share tumblr_button" style="height: 45px; font-size: 14px;">

                    <div style="padding: 0 12px;">
                        <div style="text-align: center; margin: 4px auto 0;">
                            <i class="fa fa-tumblr-square left" style="margin-right: 10px;"></i>
                            <div style="float: left;">REBLOG</div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </a>

            </div>
        </div>

        <!-- <div class="row">
            <div class="large-10 small-10 small-centered large-centered columns" style="text-align: center;">
                <p class="supporter_gray" style="display: inline;">
&nbsp;
                </p>

                <input type="text" name="copylink" style="font-size: 12px; line-height: 10px; display: inline; width: 220px !important; -moz-box-sizing: content-box;" id="copylink" class="share_link_box" onclick="this.select();" value="http://thndr.me/Ung1w7">
            </div>
        </div> -->

    <!-- <div class="row">
        <div class="large-8 small-8 small-centered large-centered columns" style="text-align: center; margin-top: 1.2rem;">
            <p>
            </p>
        </div>
    </div> -->

</div>
<!-- END Invite Friends -->

        <a class="close-reveal-modal">&#215;</a>
    </div>
</div>
<!-- END SUPPORT MODAL -->


<!-- OPT OUT MODAL -->
<div id="opt_out_modal" class="reveal-modal" data-reveal style="text-align: center; min-height: 500px; pointer-events:none;">
    <div class="reveal-modal-inner">
        <div class="popup_optout_modal">
            <div class="row">
                <div id="optout_message" class="small-11 small-centered eleven columns" style="text-align: center;">
                    <h4 style="margin-top: 2rem;">
                        Are you sure you want to <b>back out</b> of sending this message?
                    </h4>
                </div>
            </div>

            <div class="row">
                <div id="" class="small-10 small-centered ten columns" style="text-align: center; margin-top: 2rem;">
                    <a href="/projects/62901-hurricane-harvey-recovery/deauthorize" class="newNextBtn button orange_button" style="width: auto; padding: 10px 30px;">
                    Yes
                    </a>
                    <a class="newBackBtn close-reveal-modal" style="width: auto; padding: 10px 30px; font-size: 16px; font-weight: 500; color: #c82820; top: 0; right: 0; position: relative;}">
                        Cancel
                    </a>
                </div>
            </div>

        </div>

        <a class="close-reveal-modal">&#215;</a>
    </div>
</div>
<!-- END OPT OUT MODAL -->


<!-- EMBED MODAL -->
<div id="embed_modal" class="reveal-modal" data-reveal style="text-align: center; min-height: 500px; pointer-events:none;">
    <div class="reveal-modal-inner">
        <div class="popup_embed_modal">
            <div class="row">
                <div id="embed_message" class="small-10 small-centered ten columns" style="text-align: center;">
                    <h4>
                        Copy &amp; paste this code into your HTML
                    </h4>
                </div>
            </div>

            <div class="row">
                <div id="" class="small-9 small-centered nine columns" style="text-align: center; margin-top: 1rem;">
                    <textarea class="embed_code_box" name="embed code" style="min-height: 100px; font-size: 14px;" id="copylink" onclick="this.select();"><iframe frameborder='0' height='540px' src='https://www.thunderclap.it/projects/62901-hurricane-harvey-recovery/embed' width='250px'></iframe></textarea>
                </div>
            </div>
        </div>

        <a class="close-reveal-modal">&#215;</a>
    </div>
</div>
<!-- END EMBED MODAL -->


<!-- ABOUT SUPPORT MODAL -->
<div id="about_modal" class="reveal-modal" data-reveal style="text-align: center; min-height: 500px; pointer-events:none;">
    <div class="reveal-modal-inner">
        <div class="popup_embed_modal">
            <div class="row">
                <div class="large-12 small-12 twelve columns modal-heading">
                    <h4>About Support and Privacy</h4>
                </div>
            </div>

            <div class="row" style="margin-top: 1rem;">
                <div id="" class="large-4 medium-4 small-12 four columns">
                    <img src="//d3enntrj2q0c71.cloudfront.net/assets/about_support_modal/what-is-support-ca853470ad14f0e3fafaa3467bdceb1554304b5286b4f7321f039703fbca73b4.png" alt="What is Support?" />
                </div>

                <div id="" class="large-7 medium-8 small-12 seven columns end" style="text-align: left;">
                    <p class="terms">
                        <strong>What is “Supporting”?</strong><br />
                        Supporting a Thunderclap campaign is like signing a petition but with the added power of simultaneously sharing a message. You and every other supporter are standing up for an idea with the power of your voice.
                    </p>
                </div>
            </div>

            <div class="row" style="margin-top: 1rem;">
                <div id="" class="large-4 medium-4 small-12 four columns">
                    <img src="//d3enntrj2q0c71.cloudfront.net/assets/about_support_modal/how-to-support-d40d609fd843b28f0c5b34638e79b10393eeadf9cc7a4d487201b2cf718d24f8.png" alt="How to support?" />
                </div>

                <div id="" class="large-7 medium-8 small-12 seven columns end" style="text-align: left;">
                    <p class="terms">
                        <strong>How do I support?</strong><br />
                   		Choose between your Twitter, Facebook, or Tumblr account to grant Thunderclap permission to post a message on your behalf. That’s it! If the campaign reaches its support goal by the deadline, Thunderclap will automatically post your message and all other supporters&#39; messages at the same time.
					</p>
                </div>
            </div>

            <div class="row" style="margin-top: 1rem;">
                <div id="" class="large-4 medium-4 small-12 four columns">
                    <img src="//d3enntrj2q0c71.cloudfront.net/assets/about_support_modal/about-privacy-9135151bb4882b49740db7b2188caad75d065a57a8de5de13327bad28ddcab91.png" alt="User privacy" />
                </div>

                <div id="" class="large-7 medium-8 small-12 seven columns end" style="text-align: left;">
                    <p class="terms">
                        <strong> A note on privacy</strong><br />
                        When you log into Thunderclap using your Twitter, Facebook, or Tumblr account, you’re allowing our platform to share a single message on your behalf. That’s all. We use the absolute minimum permissions possible to post a message on your behalf. The platforms we integrate with sometimes include additional permissions that we do not use and we will not post anything from your friends&#39; accounts.
					</p>
                </div>
            </div>

        </div>

        <a class="close-reveal-modal">&#215;</a>
    </div>
</div>
<!-- END ABOUT SUPPORT MODAL -->







<div class="row box main_container" style="background-color: #fff;">

    <!-- Hero Area -->
    <div class="large-12 small-12 twelve columns">
        <div class="row">
            <div class="small-12 twelve columns" style="text-align: center; margin: 1.4rem 0 0;">
                <h1>Hurricane Harvey Recovery</h1>
                <p style="color: #666;">
                    by <strong>Éilísh Hawes-Fraser</strong>
                    <span style="margin-left: 3rem;">category:</span> <strong><span ><a href="/discover/book"> Book</a></span></strong>
                </p>
            </div>
        </div>

        <div class="row">
            <div class="large-9 medium-9 nine columns">
                <div class="quote_wrapper">
                    <div class="message" >
                        <h2>
                            &ldquo;All Proceeds from Sales of NO PLACE THAT FAR to support Rebuilding Texas
                            <span style="white-space: nowrap">
                                <a href="http://thndr.me/ws8EQ4">http://thndr.me/ws8EQ4</a>&rdquo;
                            </span>
                        </h2>
                    </div>

                    <div class="message-info">
                        <div class="row">
                            <div class="large-12 medium-12 twelve columns">
                                <div class="box left organizer_avatar">
                                    <img src="https://d1p42fqrbwqdsw.cloudfront.net/campaigns/organizer_images/000/062/901/original/data?1507118551" alt="profile image" style="width: 100%;" />
                                </div>

                                <div class="organizer_name left">
                                    <strong>Éilísh Hawes-Fraser</strong><br>
                                </div>

                                <div class="left">

                                    <div class="embed_button" >
                                        <a href="javascript:;" data-reveal-id="embed_modal" >
                                            <div class="update_button_copy" style="text-align: center;">
                                                <p>
                                                    EMBED<br>
                                                    <i class="fa fa-code" style="font-size: 1rem;"></i>
                                                </p>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="clear"></div>
                                </div>

                                <div class="clear"></div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

            <div class="large-3 medium-3 three columns stats_wrapper">
                <div class="row">
                    <div class="large-12 medium-12 small-4 twelve columns stat_category">
                        <div class="stat-label subtitle">
                            Supporters
                        </div>
                        <div class="stat_value">
                            <span id="backer-count">41</span>
                            <span class="stat_word stat_gray">of</span>
                            <span id="goal" class="stat_gray">100</span>
                        </div>
                        <div class="stat_sub stat_gray show-for-medium-up">
                            <span id='progress'>41</span>% of goal supported
                        </div>
                    </div>
                    <div class="large-12 medium-12 small-4 twelve columns stat_category">
                        <div class="stat-label subtitle">
                            Social Reach
                        </div>
                        <div class="stat_value">
                            <span id="social-reach">58,335</span>
                        </div>
                        <div class="stat_sub stat_gray show-for-medium-up">
                            People
                        </div>
                    </div>
                    <div class="large-12 medium-12 small-4 twelve columns stat_category">
                            <div class="stat-label subtitle">
                                Time Left
                            </div>
                            <div class="stat_value">
                              <span id="time-left">
                                    Complete
                              </span>
                            </div>
                    </div>
                </div>

            </div>

        </div>


            <!-- SUPPORT AREA -->
            <div>
                <div class="row">
                    <div class="large-11 small-11 large-centered small-centered eleven columns" style="text-align: center; margin: 2rem auto;">

                        <!-- THANK YOU MODULE -->
                        


<div class="support_thanks social_display box radius hidden">
    <div class="support_thanks_head">
        Thank you for your support
    </div>

    <!-- Completed TY -->
      <div class="support_thanks_body_complete ">
          <div class="row">
              <div class="large-12 small-12 twelve columns">
                      <p style="margin: 0.75rem;">
                          Thanks for supporting!
                      </p>
              </div>
          </div>
      </div>
      <!--END Completed TY -->

      <!-- ThankYou Module -->
      <div class="support_thanks_body hidden">

          <div class="row">
              <div class="large-6 small-12 six columns" style="border-right: 1px solid #ddd;">
                      <p style="margin: 0.75rem;">
                          Thanks for supporting!
                      </p>
              </div>

              <div id="share_invite" class="large-6 small-12 six columns">
                  <p>
                      <strong>Spread the word. Invite friends to join the Thunder.</strong>
                  </p>

                  <ul class="no-bullet inline-list">
                      <li>
                           <a href="javascript:void(0)" id="facebook_share_icon" class="facebook_share" style="color: #3b5898;">
                              <i class="fa fa-facebook-square"></i>
                          </a>
                      </li>
                      <li>
                          <a href="https://twitter.com/intent/tweet?text=I+just+supported+Hurricane+Harvey+Recovery+on+%40ThunderclapIt+%2F%2F+%40E_HawesFraser&amp;url=http%3A%2F%2Fthndr.me%2FUng1w7&amp;related=E_HawesFraser%3AOrganizer%2CThunderclapIt%3APowered+By" id="" class="twitter_share" style="color: #00aced;">
                              <i class="fa fa-twitter-square"></i>
                          </a>
                      </li>
                      <li>
                          <a href="http://www.tumblr.com/share/link?url=http%3A%2F%2Fthndr.me%2FUng1w7&name=Hurricane%20Harvey%20Recovery&description=I%20just%20supported%20Hurricane%20Harvey%20Recovery%20on%20%40ThunderclapIt%20%2F%2F%20%40E_HawesFraser" class="tumblr_share" style="color: #2c4762;">
                              <i class="fa fa-tumblr-square"></i>
                          </a>
                      </li>
                      <!-- <li>
                          <a href="javascript:;" data-reveal-id="embed_modal" >
                              <i class="fa fa-code" style="font-size: 1.6rem"></i>
                          </a>
                      </li> -->
                  </ul>
              </div>
          </div>

          <div class="row">
              <div class="large-12 small-12 twelve columns" style="text-align: center; margin-top: 2rem;">
                  <p>
                     Change your mind? <strong><a href="javascript:;" data-reveal-id="opt_out_modal" >Opt out</a></strong>
                  </p>
              </div>
          </div>
      </div>
      <!-- END ThankYou Module -->
</div>

                        <!-- END THANK YOU MODULE -->
                        


<div class="row">

  <!-- EXPIRED BUTTONS -->
  <div id="support_buttons_complete" class="large-11 small-11 large-centered small-centered eleven columns ">
      <div id="expired_campaign">
          <p>
              Complete
          </p>
       </div>
       <!-- WHEN IT ENDED -->
       <div class="row">
           <div class="large-12 small-12 twelve columns" style="text-align: center; margin: 0 0 2rem;" >
               <p class="terms">
                   This campaign ended on <strong>October 17, 2017 at 12PM</strong>
               </p>
           </div>
       </div>
       <!-- END WHEN IT ENDED -->
  </div>

  <!-- END EXPIRED BUTTONS -->
  <div id="support_buttons_wrapper" class="hidden">
    <!-- JOIN MESSAGE -->
    <div class="support_display "  style="margin:;">
        Support <span style='color:#C82820;'>Éilísh Hawes-Fraser</span> in sharing this message.
    </div>
    <!-- END  JOIN MESSAGE -->
    <!-- SUPPORT BUTTONS -->
    <div class="large-11 small-11 large-centered small-centered eleven columns">
        <ul id="support_buttons" class="button-group radius even-3" >
            <li>
                <a href="javascript:;" data-reveal-id="myModal" class="button support_facebook_button">
                    <span class="small_text">
                        Support with
                    </span><br>
                    FACEBOOK
                </a>
            </li>
            <li>
                <a href="javascript:;" data-reveal-id="myModal" class="button support_twitter_button">
                    <span class="small_text">
                        Support with
                    </span><br>
                    TWITTER
                </a>
            </li>
            <!-- This turns on/off tumblr btn based on if organizer opts in -->
                <li>
                    <a href="javascript:;" data-reveal-id="myModal" class="button support_tumblr_button">
                        <span class="small_text">
                            Support with
                        </span><br>
                        TUMBLR
                    </a>
                </li>
        </ul>
        <!-- EXPLANATION -->
        <div class="row">
            <div class="large-12 small-12 twelve columns" style="text-align: center; margin: 0 0 2rem;" >
                <p class="terms">
                We will post this one-time message to your account on<br><b>October 17 at 12:00PM EDT</b>.
                <a href="javascript:;" data-reveal-id="about_modal">About Support &amp; Privacy</a>
                </p>
            </div>
        </div>
        <!-- END EXPLANATION -->
    </div>
  </div>
</div>
<!-- END SUPPORT BUTTONS -->


                    </div>
                </div>

            </div>
            <!-- END SUPPORT AREA -->




        <div class="row">
            <!-- BODY CONTENT -->
            <div class="large-8 small-12 eight columns" style="margin: 0 0 2rem;" >
                <div class="row">
                    <div id="content_main" class="large-11 large-centered eleven columns" style="">
                        <ul class="tabs" data-tab>
                            <li class="tab-title active">
                                <a href="#panel2-1" class="subtitle">The Story</a>
                            </li>
                            <li class="tab-title">
                                <a href="#panel2-2" class="subtitle" id="update-button">updates</a>
                            </li>
                        </ul>
                        <div class="tabs-content" >
                            <div class="content active" id="panel2-1">
                                    <img src="https://d1p42fqrbwqdsw.cloudfront.net/campaigns/background_images/000/062/901/web/book11_4.jpg?1507118552" width="600px" class="box" style="margin-bottom: 1.25rem; background: #666" alt="Hurricane Harvey Recovery" title="Hurricane Harvey Recovery" />

                                <p>
                                <iframe id="conversion-pixel" width="1" height= "1" border="0" scrolling="yes" style= "display:none;">
</iframe>
                                </p>
                                <p>
                                    <b>Texas needs your help </b>to rebuild after the catastrophic damage of Hurricane Harvey. The city of Houston estimated over $75 Billion in damages. But, Houston wasn't the only city affected -- <b>53 counties, with a population of 11,532,153 (according to the 2010 census) -- 46% of the population of Texas.</b> <br>Thousands of people across the State are still displaced, with no home to return to. Many without flood insurance have lost everything. <br><br>Harvey caused Texans to pull together, as never before. Victims rescued each other and their pets in pontoon boats, jet skis, and on horseback. People from all walks of life became their brother's keeper.<b><i></i><i></i></b> <i><b>The most important lesson we can take away from Harvey is that our strongest resource is each other. Together, we can rebuild the lives of Texas. <br><br>Texas thanks you for your support!</b></i><i></i><b></b>
                                </p>
                            </div>

                            <div class="content" id="panel2-2">

                                    <p>
                                        
                                    </p>
                            </div>

                        </div>
                        <!-- END TAB CONTENT -->
                    </div>
                    <!-- END COLUMN -->
                </div>
                <!-- END ROW -->
            </div>
            <!-- END BODY CONTENT -->


            <div id="content_side" class="large-4 small-12 four columns" >

                <!-- ABOUT ORGANIZER -->
                <div>
                    <div class="subtitle">
                        Organizer
                    </div>

                    <div class="organizer_info" >
                        <p style="word-wrap: break-word;">
                            <strong>Éilísh Hawes-Fraser</strong><br>

                                <a href="https://twitter.com/E_HawesFraser">@E_HawesFraser</a>
                        </p>

                        <p style="word-wrap: break-word;">
                            Éilísh Hawes-Fraser is a published author of six novels, a wife, mother, grandmother, and fur-mom to four rescued dogs and three cats. Her goal with her writing career is to give society reason to connect and to support causes she is passionate about. “As a society, we must come together to support one another in times of need." 
                            <!-- <div>Created this on Oct 04, 2017</div> -->
                        </p>
                    </div>
                </div>
                <!-- END ABOUT ORGANIZER -->


                <!-- THUNDEROUS SUPPORTERS -->

                    <div class="supporter_module">
                        <div class="subtitle">
                            Thunderous Supporters
                        </div>

                        <div>
                                <a href='https://twitter.com/bobhammertool' target='_blank'>
                                  <div class="backer_row">
                                      <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/002/913/491/mobile/data?1507462109" alt="profile pic" style="float: left;" width="40" height="40" class="box" />

                                      <div class="backer_info left truncate">
                                              <span><i class="fa fa-twitter supporter_gray" aria-hidden="true"></i> <strong>Robert Nacke </strong></span>
                                              <br>
                                              <span class="supporter_gray">10,184 reach</span>
                                      </div>
                                      <div class="clear"></div>
                                  </div>
                                </a>
                                <a href='https://facebook.com/1643935220' target='_blank'>
                                  <div class="backer_row">
                                      <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/002/393/437/mobile/data?1507136495" alt="profile pic" style="float: left;" width="40" height="40" class="box" />

                                      <div class="backer_info left truncate">
                                              <span><i class="fa fa-facebook-square supporter_gray" aria-hidden="true"></i> <strong>Desiree Scott</strong></span>
                                              <br>
                                              <span class="supporter_gray">4,927 reach</span>
                                      </div>
                                      <div class="clear"></div>
                                  </div>
                                </a>
                                <a href='https://facebook.com/246104299149067' target='_blank'>
                                  <div class="backer_row">
                                      <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/005/538/378/mobile/data?1507994843" alt="profile pic" style="float: left;" width="40" height="40" class="box" />

                                      <div class="backer_info left truncate">
                                              <span><i class="fa fa-facebook-square supporter_gray" aria-hidden="true"></i> <strong>Author Maria Vickers</strong></span>
                                              <br>
                                              <span class="supporter_gray">4,477 reach</span>
                                      </div>
                                      <div class="clear"></div>
                                  </div>
                                </a>
                                <a href='https://twitter.com/isajones75' target='_blank'>
                                  <div class="backer_row">
                                      <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/002/438/703/mobile/data?1507982008" alt="profile pic" style="float: left;" width="40" height="40" class="box" />

                                      <div class="backer_info left truncate">
                                              <span><i class="fa fa-twitter supporter_gray" aria-hidden="true"></i> <strong>Isalovesbooks</strong></span>
                                              <br>
                                              <span class="supporter_gray">4,082 reach</span>
                                      </div>
                                      <div class="clear"></div>
                                  </div>
                                </a>
                            

                            <div class="clear"></div>
                        </div>

                    </div>

                <!-- END THUNDEROUS SUPPORTERS -->

                <!-- RECENT SUPPORTERS -->

                <div class="supporter_module">
                    <div class="subtitle">
                        Recent Supporters
                    </div>

                    <div id="recent_supporters" style="max-height: 18rem; overflow-y: scroll;">
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/006/256/494/mobile/data?1508099637" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-facebook-square supporter_gray" aria-hidden="true"></i> <strong>Lindsey Stone</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-15T16:33:58-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/005/779/489/mobile/data?1508098189" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-facebook-square supporter_gray" aria-hidden="true"></i> <strong>Bonnie Wood</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-15T16:09:50-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/005/804/660/mobile/data?1507903987" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-facebook-square supporter_gray" aria-hidden="true"></i> <strong>PennyLynn Jefferson</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-14T16:46:00-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/005/157/258/mobile/data?1508010256" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-twitter supporter_gray" aria-hidden="true"></i> <strong>Betty Shreffler</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-14T15:44:16-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/002/465/224/mobile/data?1507994575" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-facebook-square supporter_gray" aria-hidden="true"></i> <strong>Rachel Krogen</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-14T11:27:59-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/005/538/378/mobile/data?1507994843" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-facebook-square supporter_gray" aria-hidden="true"></i> <strong>Author Maria Vickers</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-14T11:27:24-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/004/970/369/mobile/data?1507994836" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-twitter supporter_gray" aria-hidden="true"></i> <strong>Maria Vickers</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-14T11:27:17-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="backer_row">
                              <img src="https://s3.amazonaws.com/thunderclap-production/authorizations/ssl_profile_images/002/438/703/mobile/data?1507982008" alt="profile pic" style="float: left;" width="40" height="40" class="box" />
                              <div class="backer_info left truncate">
                                  <span><i class="fa fa-twitter supporter_gray" aria-hidden="true"></i> <strong>Isalovesbooks</strong></span>
<br>
                                      <span class="supporter_gray timeago" alt="2017-10-14T08:08:59-04:00">4 months ago</span>
                              </div>
                              <div class="clear"></div>
                          </div>
                    </div>

                </div>
                <!-- END RECENT SUPPORTERS -->

            </div>
        </div>

    </div>
    <!-- End Hero Area -->


</div>




	<div class="clear"></div>
	<div class="spacer"></div>

	<div class="clear"></div>


				<div class="clear"></div>
			</div>

			<div class="clear"></div>
			<div class="spacer"></div>
		</div>


		


		<!-- ERROR MODAL -->
		<div id="error_modal" class="reveal-modal" data-reveal style="text-align: center; min-height: 500px; pointer-events:none;">
		    <div class="reveal-modal-inner">
		        <div class="popup_error_modal">
		            <div class="row">
		                <div class="small-10 small-centered ten columns" style="margin-top: 9rem;">
		                	<h4>
		                		<span class="error_message"></span>
		                	</h4>
		                </div>
		            </div>
		        </div>

		        <a class="close-reveal-modal">&#215;</a>
		    </div>
		</div>
		<!-- END ERROR MODAL -->


		<div class="footer"  >
	<div class="footer_wrapper row collapse columns">
		<div class="small-centered medium-uncentered large-uncentered xlarge-uncentered columns"
			<ul>
				<li><a href="/about">About</a></li>
				<li><a href="/casestudies">How It Works</a></li>
				<li><a href="/pricing"><span class="translation_missing" title="translation missing: en.footer.pricing">Pricing</span></a></li>
				<li><a href="/support">Support</a></li>
			</ul>
			<div class="footer-right footer-social medium-6 large-4 xlarge-4 columns small-only-text-left collapse">
				<ul>
					<li><a href="https://facebook.com/thunderclapit" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
		      <li><a href="https://twitter.com/thunderclapit" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
					<li><a href="https://www.youtube.com/channel/UCUGptpODgTX_cbE4q9QnysQ" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
				</ul>
				<div class="footer-lang_wrapper footer-right menu_btn_lang_footer hide-for-small">

					<div class="footer-menu_lang right">
						<div>
							English
							<i class="fa fa-chevron-down rotate" aria-hidden="true"></i>
						</div>

						<ul class="footer-dropdown_lang footer-dropdown_menu" style="display: none;">

								<li><a href=/en/projects/62901-hurricane-harvey-recovery>English</a></li>
								<li><a href=/es/projects/62901-hurricane-harvey-recovery>Español</a></li>
		            <li><a href=/el/projects/62901-hurricane-harvey-recovery>Ελληνικά</a></li>
								<li><a href=/pt/projects/62901-hurricane-harvey-recovery>Português</a></li>
								<li><a href=/pl/projects/62901-hurricane-harvey-recovery>Polski</a></li>
		            <li><a href=/fr/projects/62901-hurricane-harvey-recovery>Français</a></li>
								<li><a href=/de/projects/62901-hurricane-harvey-recovery>Deutsch</a></li>
								<li><a href=/da/projects/62901-hurricane-harvey-recovery>Dansk</a></li>
								<li><a href=/id/projects/62901-hurricane-harvey-recovery>Indonesian</a></li>
								<li><a href=/ko/projects/62901-hurricane-harvey-recovery>한국어</a></li>
								<li><a href=/ar/projects/62901-hurricane-harvey-recovery>العربية</a></li>
								<li><a href=/ja/projects/62901-hurricane-harvey-recovery>日本語</a></li>
		        </ul>
		    	</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-submenu row collapse columns left">
		<ul>
			<li><a class="secondary" href="/tos" >Terms of Use</a></li>
			<li><a class="secondary" href="/privacy" >Privacy Policy</a></li>
			<li>©Thunderclap, Inc 2018</li>
		</ul>
	</div>
</div>


		<meta name="action-cable-url" content="wss://thunderclap.it/cable" />
		<script src="//d3enntrj2q0c71.cloudfront.net/assets/responsive_project-b371eadc9f4ed38fc449e7b88da9a6221fc2f0669fa0e213f170579d4a416c82.js"></script>

		<script>
			$(Thunderclap.init());
		</script>

		    <script>
            $(function() {

                $.is_mobile = function() { return false; };
                project_page.campaign_id = 62901;
                project_page.request_email = true;
                project_page.follow_url = "/my/follow/5778481";
                project_page.facebook_backed = false;
                project_page.facebook_page_backed = false;
                project_page.twitter_backed = false;
                project_page.tumblr_backed = false;
                project_page.total_backers = 41;
                project_page.total_reach = 58335;
                project_page.time_left = 'Complete!';
                project_page.goal = 100;
                project_page.progress = 41;
                project_page.time_progress = 1011.5358015778194;
                
                project_page.facebook_link_copy = "Support on Facebook";
                project_page.twitter_link_copy = "Support on Twitter";

                project_page.init();

                $(".follow_user").bind("click", function(e) {
                    e.preventDefault();

                    if ($("#email").val() != "") {
                        Thunderclap.send({
                            url: project_page.follow_url,
                            method: "POST",
                            success: function(data) {
                                if (data.success) {
                                    if (data.following == true) {
                                        $(".follow_user .update_button .follow").hide();
                                        $(".follow_user .update_button .following").show();
                                        $(".update_button").addClass("following_active");
                                        project_page.following = true;
                                    }
                                    else {
                                        $(".follow_user .update_button .following").hide();
                                        $(".follow_user .update_button .follow").show();
                                        $(".update_button").removeClass("following_active");
                                        project_page.following = false;
                                    }
                                }
                            }
                        });
                    }
                    else {
                        $('#update_email').foundation('reveal', 'open');
                    }
                });

                $("#email_save_form").keypress(function(e) {
                    if (e.keyCode == 13 && !e.shiftKey) {
                        e.preventDefault();
                        $(".email_save").click();
                    }
                });

                $("#email_save_form_outer").keypress(function(e) {
                    if (e.keyCode == 13 && !e.shiftKey) {
                        e.preventDefault();
                        $(".email_save_outer").click();
                    }
                });

                $(".email_save").bind("click", function(e) {
                    e.preventDefault();
                    var payload = $("#email_save_form").serialize();
                    Thunderclap.send({
                        url: $("#email_save_form").attr("action"),
                        //type: $("#email_save_form").attr("method"),
                        method: "POST",
                        data: payload,
                        button: $(".email_save"),
                        success: function(data) {
                            if (data.success) {
                                $(project_page.openModal).hide();
                                project_page.openModal = $('#support_confirmed');
                                $(project_page.openModal).fadeIn(project_page.animationOptions);

                                Thunderclap.send({
                                    url: project_page.follow_url,
                                    method: "POST",
                                    success: function(data) {
                                        if (data.success) {
                                            if (data.following == true) {
                                                $(".follow_user .update_button .follow").hide();
                                                $(".follow_user .update_button .following").show();
                                                $(".update_button").addClass("following_active");
                                                project_page.following = true;
                                            }
                                            else {
                                                $(".follow_user .update_button .following").hide();
                                                $(".follow_user .update_button .follow").show();
                                                $(".update_button").removeClass("following_active");
                                                project_page.following = false;
                                            }
                                        }
                                    }
                                });
                            }
                            else {
                                alert("Invalid email address")
                            }
                        },
                        fail: function() {
                            Thunderclap.error("failed to save email")
                        }
                    });

                    Thunderclap.send({
                        url: "/my/account/update",
                        method: "POST",
                        data: {"user[opt_in_emails]": $("#opt_in_emails_modal").is(":checked")},
                        success: function(data) {
                        }
                    });

                });

                $("#opt_in_emails_modal").on("change", function(e) {
                    Thunderclap.send({
                        url: "/my/account/update",
                        method: "POST",
                        data: {"user[opt_in_emails]": $(this).is(":checked")},
                        success: function(data) {
                        }
                    });
                });

                $(".email_save_outer").bind("click", function(e) {
                    e.preventDefault();
                    var payload = $("#email_save_form_outer").serialize();

                    Thunderclap.send({
                        url: $("#email_save_form_outer").attr("action"),
                        //type: $("#email_save_form_outer").attr("method"),
                        method: "POST",
                        data: payload,
                        button: $(".email_save_outer"),
                        success: function(data) {
                            if (data.success) {
                                $('#update_email').foundation('reveal', 'close');
                                $("#email").val($("#email_outer").val())
                                $(".follow_user").click();
                            }
                            else {
                                alert("Invalid email address")
                            }
                        },
                        fail: function() {
                            Thunderclap.error("failed to save email")
                        }
                    });
                });


                 if ($.url_param("l") == "updates") {
                     $(window).load(function() {
                         $("#update-button").click();
                         $("html, body").animate({
                             scrollTop: $("#update-button:first").offset().top
                         }, "slow");
                     });
                 }
                if ($.url_param("network") == "twitter") {
                        $(".support_twitter_button").click();
                }
                if ($.url_param("network") == "facebook") {
                        $(".support_facebook_button").click();
                }
                if ($.url_param("network") == "tumblr") {
                        $(".support_tumblr_button").click();
                }
            });

            var twitter_url = "https://twitter.com/intent/tweet?text=I+just+supported+Hurricane+Harvey+Recovery+on+%40ThunderclapIt+%2F%2F+%40E_HawesFraser&amp;url=http%3A%2F%2Fthndr.me%2FUng1w7&amp;related=E_HawesFraser%3AOrganizer%2CThunderclapIt%3APowered+By";

            var fb_share = {
                method: "feed",
                link: "http://thndr.me/Ung1w7",
                picture: "https://d1p42fqrbwqdsw.cloudfront.net/campaigns/background_images/000/062/901/web/book11_4.jpg?1507118552",
                name: 'I just supported Hurricane Harvey Recovery on @ThunderclapIt // @E_HawesFraser http://thndr.me/Ung1w7'
                //,caption: "All Proceeds from Sales of NO PLACE THAT FAR to support Rebuilding Texas"
                //description: "All Proceeds from Sales of NO PLACE THAT FAR to support Rebuilding Texas"
            }


    </script>

    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '367384869979210',
          xfbml      : true,
          version    : 'v2.11'
        });
      };

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "//connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>

	<script>
		function fetchInt(selector) {
			var rawVal = $(selector).html();
			rawVal = rawVal.replace(/,/g, '');
			return parseInt(rawVal);
		}
		App.projects_channel = App.cable.subscriptions.create ({ channel: "ProjectsChannel", id: "62901" }, {
		  received: function(data) {

			var startReach = fetchInt("#social-reach");
			var startBacker = fetchInt("#backer-count");
			var startProgress = fetchInt("#progress");
			var goal = fetchInt("#goal");

			if(Number.isInteger(startReach)){
				var reachAnim = new CountUp("social-reach", startReach, data.social_reach);
        		reachAnim.start();
			}

			if(Number.isInteger(startBacker)){
				var backerAnim = new CountUp("backer-count", startBacker, data.backer_count);
        		backerAnim.start();
			}

			if(Number.isInteger(startProgress) && Number.isInteger(goal)) {
				var endProgress = (data.backer_count / goal) * 100;
				endProgress = Math.floor(endProgress);
				var progressAnim = new CountUp("progress", startProgress, endProgress);
        		progressAnim.start();
			}
      // update recent supporters div if name was passed
      if ( data.update_supporters ){
        $('#recent_supporters_empty').animate({
          opacity: 0.0,
          height: "0%"
        }, "fast", function() {
          $('#recent_supporters_empty').remove();
        })
        //remove last child
        if ( $('#recent_supporters').children().length >= 8 ) {
          $('#recent_supporters').children().last().fadeToggle('fast',
            function(){
              $('#recent_supporters').children().last().remove();
            }
        )
        }
        $('#recent_supporters').prepend(this.renderUpdate(data)).hide().fadeIn('fast');
      }

      return "";
		  },
      renderUpdate: function(data) {
        var provider_name = data.provider;
        if(provider_name != "twitter"){
          provider_name = provider_name + "-square";
        }
        return $.parseHTML("<div class=\"backer_row\"><img src=\"" + data.profile_image_url +
        "\" alt=\"profile pic\" style=\"float: left;\" width=\"40\" height=\"40\" class=\"box\" /> <div class=\"backer_info left truncate\"> <span class=\"supporter_gray\"> <i class=\"fa fa-" + provider_name +
        " supporter_gray\" aria-hidden=\"true\"></i> <strong>" + data.name +
        "</strong></span><br><span class=\"supporter_gray timeago\" alt=\"" + data.created_at +
        "\">"+moment(data.created_at).fromNow()+"</span></div><div class=\"clear\"></div></div>")
      }
		});


	</script>

  <script>
    var update;
    var tl = $('#time-left');
    moment.defineLocale('entc', {"parentLocale":"en","relativeTime":{"future":"in %s","past":"%s ago","s":"a few seconds","m":"1 minute","mm":"%d minutes","h":"1 hour","hh":"%d hours","d":"1 day","dd":"%d days","M":"1 month","MM":"%d months","y":"1 year","yy":"%d years"}});
    moment.relativeTimeThreshold('s', 59);
    moment.relativeTimeThreshold('m', 59);
    var expiration = moment("2017-10-17T12:00:00-04:00");
    var distance_in_hours = expiration.diff(moment(), 'hours')
    var distance_in_minutes = expiration.diff(moment(), 'minutes');
    var distance_in_seconds = expiration.diff(moment(), 'seconds');
    var seed_val = Math.max( 41  - 100, 0);
    // TODO remove flag when finished tweaking blast animation
    var blastable = false ;
    
    var blast_duration = blastable ? (20 * seed_val /(1000 + seed_val) + 1)*60 : 0;
    var blast_unlocked = false;
    var blast_animation_start = function() {
      if ($('.close-reveal-modal').is(':visible')){$('.close-reveal-modal').click();}
      $("#support_buttons_wrapper").hide();
      $("#support_buttons_complete").fadeIn('slow');
      $(".support_thanks_body").hide();
      $(".support_thanks_body_complete").fadeIn('slow');
      blast_unlocked = true;
    };
    var blast_animation_complete = function() {
      blast_unlocked = false;
    };
      (update = function() {
        if (tl == null) return;
        distance_in_hours = expiration.diff(moment(), 'hours');
        distance_in_minutes = expiration.diff(moment(), 'minutes');
        distance_in_seconds = expiration.diff(moment(), 'seconds');
        if (distance_in_hours < 24 && distance_in_seconds > 0) {
          distance_in_seconds = expiration.diff(moment(), 'seconds');
          var duration = moment.duration(distance_in_seconds, 'seconds');
          tl.html( (duration.hours() < 10 ? '0' : '')+duration.hours()+':'+(duration.minutes() < 10 ? '0' : '')+duration.minutes()+ ':' + (duration.seconds() < 10 ? '0' : '') + duration.seconds());
        } else if (distance_in_seconds <= 0 && distance_in_seconds >= -blast_duration) {
          m = blastable ? moment().seconds() % 4 : 0
          str = blastable ? 'Blasting' : 'Complete';
          for (i = 0; i < m; i++) {
            str += '&#x26A1';//'&#x26FD;'&#x2699'
          }
          tl.html(str);
          if (!blast_unlocked){
            blast_animation_start();
          }
        } else if (distance_in_seconds < -blast_duration ) {
          tl.html( 'Complete' );
          if (blast_unlocked){
            blast_animation_complete();
          }
        }
        $( ".timeago" ).each(function() {
          $(this).html(moment($(this).attr('alt')).fromNow());
        });

      })();
    setInterval(update, 1000);

  </script>



	</body>



</html>

