Tyler Pearson tylerpearson

Quick steps to generate a wrapper file from a Hifi site

Make sure you have wget installed on your machine. With Homebrew use brew install wget.
Put wrapper.rb in the directory where you want the files to be saved.
Run the script: ruby wrapper.rb http://www.newmediacampaigns.com/about. The first and only argument is the url for an interior page that should be used as the template for the wrapper. A home page could be used, but it's unlikely you'd want that for a wrapper. The url should look something like http://www.kevinstrouse.com/about.
Manually change the title, and change or remove any extra headers or content.

This should work with sites using an SSL because the assets should all be saved in the wrapper template directory.

@AdamSchefter -- (268 of 499)
@KingJames -- (214 of 499)
@nfl -- (204 of 499)
@KevinHart4real -- (196 of 499)
@SportsCenter -- (193 of 499)
@ochocinco -- (189 of 499)
@LarryFitzgerald -- (163 of 499)
@FloydMayweather -- (159 of 499)

@NBA -- (60 of 86)
@KDTrey5 -- (57 of 86)
@TheNBPA -- (53 of 86)
@SHAQ -- (50 of 86)
@Baron_Davis -- (49 of 86)
@KevinHart4real -- (48 of 86)
@russwest44 -- (47 of 86)
@KingJames -- (46 of 86)

	loadSocialScripts = ->

	# Facebook
	script = document.createElement('script')
	script.async = true;
	script.id = 'facebook-jssdk'
	script.src = '//connect.facebook.net/en_US/all.js#xfbml=1'
	document.body.appendChild(script)

	# Twitter

	// media queries are escaped to prevent potential LESS rendering errors
	// adapted from http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
	@mediaRetina: ~"(min-resolution: 124dpi), (-webkit-min-device-pixel-ratio: 1.3), (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 4/3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx)";

	.image-2x(@image, @width, @height) {
	@media @mediaRetina {
	background-image: url('@{image}');
	background-size: @width @height;
	}
	}

	<body>

	<!-- your site's markup -->

	<!-- start popup -->
	<div id="CoverPop-cover" class="splash">
	<div class="CoverPop-content splash-center">

	<!-- the popup content (form, welcome message, etc.) -->

	var NMC = NMC \|\| {};

	NMC.util.Splash = (function () {

	"use strict";

	var daysBeforeCookieExpires = 30,
	createCookie = function(name, value, expires, path, domain) {
	var cookie = name + "=" + escape(value) + ";";
	if (expires) {

	// Twlinkify
	// an absurdly simple jQuery plugin to linkify the text of tweets

	;(function($) {

	// from http://stackoverflow.com/questions/8020739/regex-how-to-replace-twitter-links
	function addTwitterLinks(text) {
	var e = /(\b(https?\|ftp\|file):\/\/[-A-Z0-9+&@#\/%?=~_\|!:,.;]*[-A-Z0-9+&@#\/%=~_\|])/gi;
	text = text.replace(e, "<a href='$1' target='_blank'>$1</a>");
	e = /(^\|\s)#(\w+)/g;

	<a class="js-share-button" target="_blank" data-button-name="Twitter" href="http://twitter.com/home?status=I%27m%20tweet%20content%20that%20ideally%20should%20be%20encoded">Share on Twitter</a>
	<a class="js-share-button" target="_blank" data-button-name="Facebook" href="http://facebook.com/sharer.php?u=http%3A%2F%2Fwww.example.com">Share on Facebook</a>

	<!-- set more Facebook info in the OG tags -->

	<script>
	(function(w, d, s) {
	function go(){
	var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
	if (d.getElementById(id)) {return;}
	js = d.createElement(s); js.src = url; js.id = id;
	fjs.parentNode.insertBefore(js, fjs);
	};
	load('//connect.facebook.net/en_US/all.js#appId=changetoappid&xfbml=1', 'fbjssdk');
	load('//platform.twitter.com/widgets.js', 'tweetjs');