Instantly share code, notes, and snippets.
-
Star
0
(0)
You must be signed in to star a gist -
Fork
0
(0)
You must be signed in to fork a gist
-
Save trieloff/9478579 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var shareSheetHTML=""; | |
shareSheetHTML += "<style>"; | |
shareSheetHTML += "body {"; | |
shareSheetHTML += " margin: 0;"; | |
shareSheetHTML += " font: normal 300 1em sans-serif;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "h1 {"; | |
shareSheetHTML += " text-align: center;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "ul {"; | |
shareSheetHTML += " padding: 0;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".AllLinks {"; | |
shareSheetHTML += " margin: 1.5% auto 5% auto;"; | |
shareSheetHTML += " text-align: center;"; | |
shareSheetHTML += " height: 1em;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".Link {"; | |
shareSheetHTML += " display: inline;"; | |
shareSheetHTML += " text-align: center;"; | |
shareSheetHTML += " line-height: 3.5em;"; | |
shareSheetHTML += " margin: 0px 0.4%;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".SocialIcon {"; | |
shareSheetHTML += " width: auto;"; | |
shareSheetHTML += " vertical-align: middle;"; | |
shareSheetHTML += " height: 4.25em;"; | |
shareSheetHTML += " margin-bottom: 2.5%;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "\/* Share Sheet *\/"; | |
shareSheetHTML += "@-webkit-keyframes fade-in {"; | |
shareSheetHTML += " 0% {opacity: 0; visibility: visible;}"; | |
shareSheetHTML += " 100% {opacity: 1;}"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "@keyframes fade-in {"; | |
shareSheetHTML += " 0% {opacity: 0; visibility: visible;}"; | |
shareSheetHTML += " 100% {opacity: 1;}"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "@-webkit-keyframes fade-out {"; | |
shareSheetHTML += " 0% {opacity: 1;}"; | |
shareSheetHTML += " 100% {opacity: 0; visibility: hidden;}"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "@keyframes fade-out {"; | |
shareSheetHTML += " 0% {opacity: 1;}"; | |
shareSheetHTML += " 100% {opacity: 0; visibility: hidden;}"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "#darklayer {"; | |
shareSheetHTML += " position: fixed;"; | |
shareSheetHTML += " top: 0;"; | |
shareSheetHTML += " bottom: 0;"; | |
shareSheetHTML += " left: 0;"; | |
shareSheetHTML += " right: 0;"; | |
shareSheetHTML += " z-index: 9;"; | |
shareSheetHTML += " background: rgba(0,0,0,0.5);"; | |
shareSheetHTML += " visibility: hidden;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "#darklayer.loaded {"; | |
shareSheetHTML += " visibility: visible;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "#darklayer.on {"; | |
shareSheetHTML += " -webkit-animation: fade-in 0.25s ease-out forwards;"; | |
shareSheetHTML += " animation: fade-in 0.25s ease-out forwards;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".no-cssanimations #darklayer.on {"; | |
shareSheetHTML += " display: block;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "#darklayer.off {"; | |
shareSheetHTML += " -webkit-animation: fade-out 0.25s ease-out forwards;"; | |
shareSheetHTML += " animation: fade-out 0.25s ease-out forwards;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".no-cssanimations #darklayer.off {"; | |
shareSheetHTML += " display: none;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".Sheet {"; | |
shareSheetHTML += " -webkit-transition: -webkit-transform 0.25s ease-out;"; | |
shareSheetHTML += " transition: transform 0.25s ease-out;"; | |
shareSheetHTML += " font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;"; | |
shareSheetHTML += " font-weight: 300;"; | |
shareSheetHTML += " background: rgba(248,248,248,0.95);"; | |
shareSheetHTML += " position: fixed;"; | |
shareSheetHTML += " bottom: 0;"; | |
shareSheetHTML += " z-index: 10;"; | |
shareSheetHTML += " -webkit-user-select: none;"; | |
shareSheetHTML += " -moz-user-select: none;"; | |
shareSheetHTML += " -ms-user-select: none;"; | |
shareSheetHTML += " user-select: none;"; | |
shareSheetHTML += " visibility: hidden;"; | |
shareSheetHTML += " width: 100%;"; | |
shareSheetHTML += " padding: 0;"; | |
shareSheetHTML += " margin: 0;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".Sheet.loaded {"; | |
shareSheetHTML += " visibility: visible;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".Sheet.unselected {"; | |
shareSheetHTML += " -webkit-transform: translateY(100%);"; | |
shareSheetHTML += " -ms-transform: translateY(100%);"; | |
shareSheetHTML += " transform: translateY(100%);"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".Sheet.selected {"; | |
shareSheetHTML += " -webkit-transform: translateY(0%);"; | |
shareSheetHTML += " -ms-transform: translateY(0%);"; | |
shareSheetHTML += " transform: translateY(0%);"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset {"; | |
shareSheetHTML += " padding: 20px 0 5px;"; | |
shareSheetHTML += " text-align: left;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset section {"; | |
shareSheetHTML += " white-space: nowrap;"; | |
shareSheetHTML += " overflow-x: scroll;"; | |
shareSheetHTML += " -webkit-overflow-scrolling: touch;"; | |
shareSheetHTML += " padding: 20px 1.5%;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " .itemset section:first-of-type {"; | |
shareSheetHTML += " padding-top: 0;"; | |
shareSheetHTML += " }"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " .itemset section:last-of-type {"; | |
shareSheetHTML += " padding-bottom: 0;"; | |
shareSheetHTML += " border-top: 1px solid #969DA2;"; | |
shareSheetHTML += " }"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " .itemset section:only-child {"; | |
shareSheetHTML += " padding-top: 0;"; | |
shareSheetHTML += " padding-bottom: 0;"; | |
shareSheetHTML += " border-top: none;"; | |
shareSheetHTML += " }"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " "; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset .itemcontainer {"; | |
shareSheetHTML += " text-align: center;"; | |
shareSheetHTML += " display: inline;"; | |
shareSheetHTML += " margin: 0;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset li {"; | |
shareSheetHTML += " color: #000000;"; | |
shareSheetHTML += " text-align: center;"; | |
shareSheetHTML += " vertical-align: top;"; | |
shareSheetHTML += " white-space: normal;"; | |
shareSheetHTML += " font-size: 12px;"; | |
shareSheetHTML += " line-height: 1.3em;"; | |
shareSheetHTML += " display: inline-block;"; | |
shareSheetHTML += " width: 70px;"; | |
shareSheetHTML += " height: 100%;"; | |
shareSheetHTML += " margin: 0 auto;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset li img {"; | |
shareSheetHTML += " border-radius: 10px;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".appicon {"; | |
shareSheetHTML += " height: 60px;"; | |
shareSheetHTML += " width: auto;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".cancel {"; | |
shareSheetHTML += " color: #0076FF;"; | |
shareSheetHTML += " text-align: center;"; | |
shareSheetHTML += " text-decoration: none;"; | |
shareSheetHTML += " font-size: 22px;"; | |
shareSheetHTML += " font-weight: 400;"; | |
shareSheetHTML += " line-height: 2em;"; | |
shareSheetHTML += " background: rgba(248,248,248,0.5);"; | |
shareSheetHTML += " cursor: pointer;"; | |
shareSheetHTML += " width: 100%;"; | |
shareSheetHTML += " padding: 5px 0;"; | |
shareSheetHTML += " margin: 0;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".cancel.touched, .cancel:active {"; | |
shareSheetHTML += " background: #D9D9D9;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "\/* Landscape *\/"; | |
shareSheetHTML += "@media screen and (orientation:landscape) {"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset {"; | |
shareSheetHTML += " padding-top: 10px;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset .itemcontainer {"; | |
shareSheetHTML += " margin: 0 7px;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += " .itemset .itemcontainer:first-child {"; | |
shareSheetHTML += " margin-left: 0;"; | |
shareSheetHTML += " }"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " .itemset .itemcontainer:last-child {"; | |
shareSheetHTML += " margin-right: 0;"; | |
shareSheetHTML += " }"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "\/* Tablet *\/"; | |
shareSheetHTML += "@media only screen and (min-width: 35em) {"; | |
shareSheetHTML += ".itemset section {"; | |
shareSheetHTML += " padding-left: 2.5%;"; | |
shareSheetHTML += " padding-right: 2.5%;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset .itemcontainer {"; | |
shareSheetHTML += " width: 24.5%;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ".itemset .itemcontainer {"; | |
shareSheetHTML += " margin: 0 5%;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += " .itemset .itemcontainer:first-child {"; | |
shareSheetHTML += " margin-left: 0;"; | |
shareSheetHTML += " }"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " .itemset .itemcontainer:last-child {"; | |
shareSheetHTML += " margin-right: 0;"; | |
shareSheetHTML += " }"; | |
shareSheetHTML += " "; | |
shareSheetHTML += ".appicon {"; | |
shareSheetHTML += " height: 75px;"; | |
shareSheetHTML += " width: auto;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "\/* Desktop *\/"; | |
shareSheetHTML += "\/* Note: Sharing Sheets are not intended for use on desktop screen sizes *\/"; | |
shareSheetHTML += "@media only screen and (min-width: 50em) {"; | |
shareSheetHTML += ".itemset {"; | |
shareSheetHTML += " padding-top: 2em;"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += "}"; | |
shareSheetHTML += "<\/style>"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<h1>Click on one of the links below to bring up a sheet.<\/h1>"; | |
shareSheetHTML += "<ul class=\"AllLinks\">"; | |
shareSheetHTML += " <li class=\"Link\">"; | |
shareSheetHTML += " <a class=\"Twitter\">Twitter<\/a>"; | |
shareSheetHTML += " <\/li>"; | |
shareSheetHTML += " <li class=\"Link\">"; | |
shareSheetHTML += " <a class=\"ADN\">ADN<\/a>"; | |
shareSheetHTML += " <\/li>"; | |
shareSheetHTML += " <li class=\"Link\">"; | |
shareSheetHTML += " <a class=\"Facebook\">Facebook<\/a>"; | |
shareSheetHTML += " <\/li>"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<\/ul>"; | |
shareSheetHTML += " "; | |
shareSheetHTML += "<!-- Share Sheets -->"; | |
shareSheetHTML += "<!-- Twitter Share Sheet -->"; | |
shareSheetHTML += "<div class=\"Sheet unselected\" id=\"Twitter\">"; | |
shareSheetHTML += " <ul class=\"itemset\">"; | |
shareSheetHTML += " <section class=\"clients\">"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"twitter:\/\/user?screen_name=ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Twitter.png\"><\/a>Twitter<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"twitterrific:\/\/\/profile?screen_name=ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Twitterrific.png\"><\/a>Twitterrific<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"tweetbot:\/\/\/user_profile\/ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Tweetbot.png\"><\/a>Tweetbot<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"neue:\/\/\/user?screen_name=ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Twittelator.png\"><\/a>Twittelator Neue<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"riposte:\/\/x-callback-url\/showUserProfile?profileID=19801\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Placeholder-Icon.png\"><\/a>Placeholder<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <\/section>"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " <section class=\"browsers\">"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"http:\/\/twitter.com\/ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Safari.png\"><\/a>Right here<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"googlechrome:\/\/twitter.com\/ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Chrome.png\"><\/a>Chrome<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <\/section>"; | |
shareSheetHTML += " <\/ul>"; | |
shareSheetHTML += " <h2 class=\"cancel\">Cancel<\/h2>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += "<\/div>"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<!-- ADN Share Sheet -->"; | |
shareSheetHTML += "<div class=\"Sheet unselected\" id=\"ADN\">"; | |
shareSheetHTML += " <div class=\"SheetContent\">"; | |
shareSheetHTML += " <ul class=\"itemset\">"; | |
shareSheetHTML += " <section class=\"clients\">"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"riposte:\/\/x-callback-url\/showUserProfile?profileID=19801\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Riposte.png\"><\/a>Riposte<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"felix:\/\/user\/@ScottSmith\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Felix.png\"><\/a>Felix<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"netbot:\/\/\/user_profile\/ScottSmith\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Netbot.png\"><\/a>Netbot<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"riposte:\/\/x-callback-url\/showUserProfile?profileID=19801\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Placeholder-Icon.png\"><\/a>Placeholder<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"felix:\/\/user\/@ScottSmith\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Placeholder-Icon.png\"><\/a>Placeholder<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"netbot:\/\/\/user_profile\/ScottSmith\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Placeholder-Icon.png\"><\/a>Placeholder<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <\/section>"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " <section class=\"browsers\">"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"http:\/\/alpha.app.net\/ScottSmith\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Safari.png\"><\/a>Right here<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"googlechrome:\/\/alpha.app.net\/scottsmith\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Chrome.png\"><\/a>Chrome<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <\/section>"; | |
shareSheetHTML += " <\/ul>"; | |
shareSheetHTML += " <h2 class=\"cancel\">Cancel<\/h2>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += "<\/div>"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<!-- Facebook Share Sheet -->"; | |
shareSheetHTML += "<div class=\"Sheet unselected\" id=\"Facebook\">"; | |
shareSheetHTML += " <div class=\"SheetContent\">"; | |
shareSheetHTML += " <ul class=\"itemset\">"; | |
shareSheetHTML += " <section>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"fb:\/\/profile\/1618900176\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Facebook.png\"><\/a>Facebook<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"http:\/\/facebook.com\/ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Safari.png\"><\/a>Right here<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <div class=\"itemcontainer\">"; | |
shareSheetHTML += " <li><a href=\"googlechrome:\/\/facebook.com\/ScottSmith95\"><img class=\"appicon\" src=\"http:\/\/ScottHSmith.com\/images\/App%20Icons\/Chrome.png\"><\/a>Chrome<\/li>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += " <\/section>"; | |
shareSheetHTML += " <\/ul>"; | |
shareSheetHTML += " <h2 class=\"cancel\">Cancel<\/h2>"; | |
shareSheetHTML += " <\/div>"; | |
shareSheetHTML += "<\/div>"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<div id=\"darklayer\" class=\"off\"><\/div>"; | |
shareSheetHTML += ""; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<script src=\"http:\/\/code.jquery.com\/jquery.min.js\"><\/script>"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<!-- I reccommend you use Fastclick.js to remove the 300ms lag for tap detection."; | |
shareSheetHTML += "<script type=\"application\/javascript\" src=\"path\/to\/fastclick.js\"><\/script> -->"; | |
shareSheetHTML += ""; | |
shareSheetHTML += "<script type=\"text\/javascript\">"; | |
shareSheetHTML += " $(document).ready(function(){"; | |
shareSheetHTML += " \/* Uncomment to enable Fastclick"; | |
shareSheetHTML += " $(function() {"; | |
shareSheetHTML += " FastClick.attach(document.body);"; | |
shareSheetHTML += " });*\/"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " var $sheets = $('#Twitter, #ADN, #Facebook');"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " var $triggers = $('.Twitter, .ADN, .Facebook');"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " \/\/ Shows sheets after they have loaded"; | |
shareSheetHTML += " ($sheets).delay(300).addClass('loaded');"; | |
shareSheetHTML += " $('#darklayer').delay(300).addClass('loaded');"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " \/\/ Handles opening the Twitter sheet"; | |
shareSheetHTML += " $('.Twitter').click(function() {"; | |
shareSheetHTML += " $('#Twitter').toggleClass('selected').toggleClass('unselected');"; | |
shareSheetHTML += " });"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " \/\/ Handles opening the App-Net sheet"; | |
shareSheetHTML += " $('.ADN').click(function() {"; | |
shareSheetHTML += " $('#ADN').toggleClass('selected').toggleClass('unselected');"; | |
shareSheetHTML += " });"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " \/\/ Handles opening the Facebook sheet"; | |
shareSheetHTML += " $('.Facebook').click(function() {"; | |
shareSheetHTML += " $('#Facebook').toggleClass('selected').toggleClass('unselected');"; | |
shareSheetHTML += " });"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " \/\/ Handles darkening rest of page"; | |
shareSheetHTML += " ($triggers).click(function() {"; | |
shareSheetHTML += " $('#darklayer').toggleClass('on').toggleClass('off');"; | |
shareSheetHTML += " });"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " \/\/ Adds \"touched\" class when element is touched and removes it when it is not"; | |
shareSheetHTML += " $('.cancel').bind('touchstart touchend', function(e) {"; | |
shareSheetHTML += " $(this).toggleClass('touched');"; | |
shareSheetHTML += " });"; | |
shareSheetHTML += " "; | |
shareSheetHTML += " \/\/ Triggers un-darkening rest of page and deselecting sheets"; | |
shareSheetHTML += " $('.cancel').click(function() {"; | |
shareSheetHTML += " $(this).closest('div.Sheet').toggleClass('selected').toggleClass('unselected');"; | |
shareSheetHTML += " $('#darklayer').toggleClass('on').toggleClass('off');"; | |
shareSheetHTML += " });"; | |
shareSheetHTML += " });"; | |
shareSheetHTML += "<\/script>"; | |
document.write(shareSheetHTML); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment