Skip to content

Instantly share code, notes, and snippets.

@elliotblackburn

elliotblackburn/twitter-ad.html

Last active December 8, 2017 10:26
Show Gist options
  • Save elliotblackburn/75550d6af0195e3d84725d2c0c1fd6d5 to your computer and use it in GitHub Desktop.
Save elliotblackburn/75550d6af0195e3d84725d2c0c1fd6d5 to your computer and use it in GitHub Desktop.
Download ZIP
twitter-ad.html
Raw
twitter-ad.html
<li class="js-stream-item stream-item stream-item
" data-item-id="937788308805038081" id="stream-item-tweet-937788308805038081" data-item-type="tweet" data-suggestion-json="{&quot;suggestion_details&quot;:{},&quot;tweet_ids&quot;:&quot;937788308805038081&quot;,&quot;scribe_component&quot;:&quot;tweet&quot;}">
<div class="tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable dismissible-content original-tweet js-original-tweet promoted-tweet has-cards has-content presented scribed"
data-tweet-id="937788308805038081" data-item-id="937788308805038081" data-permalink-path="/sddconf/status/937788308805038081"
data-conversation-id="937788308805038081" data-tweet-nonce="937788308805038081-fe85042d-f426-4924-b0bc-3fc004dc0c85"
data-tweet-stat-initialized="true" data-screen-name="sddconf" data-name="SoftwareDesign&amp;Dev" data-user-id="1342752169"
data-you-follow="false" data-follows-you="false" data-you-block="false" data-tagged="quorralyne aahoogendoorn jbogard allenholub simonbrown neal4d KevlinHenney kimvanwilgen markrichardssa"
data-reply-to-users-json="[{&quot;id_str&quot;:&quot;1342752169&quot;,&quot;screen_name&quot;:&quot;sddconf&quot;,&quot;name&quot;:&quot;SoftwareDesign&amp;Dev&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;SoftwareDesign&amp;Dev&quot;,&quot;emojified_text_as_html&quot;:&quot;SoftwareDesign&amp;amp;Dev&quot;}},{&quot;id_str&quot;:&quot;280254669&quot;,&quot;screen_name&quot;:&quot;quorralyne&quot;,&quot;name&quot;:&quot;Heather Downing&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Heather Downing&quot;,&quot;emojified_text_as_html&quot;:&quot;Heather Downing&quot;}},{&quot;id_str&quot;:&quot;11597092&quot;,&quot;screen_name&quot;:&quot;aahoogendoorn&quot;,&quot;name&quot;:&quot;Sander Hoogendoorn&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Sander Hoogendoorn&quot;,&quot;emojified_text_as_html&quot;:&quot;Sander Hoogendoorn&quot;}},{&quot;id_str&quot;:&quot;11956732&quot;,&quot;screen_name&quot;:&quot;jbogard&quot;,&quot;name&quot;:&quot;Jimmy Bogard&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Jimmy Bogard&quot;,&quot;emojified_text_as_html&quot;:&quot;Jimmy Bogard&quot;}},{&quot;id_str&quot;:&quot;21375846&quot;,&quot;screen_name&quot;:&quot;allenholub&quot;,&quot;name&quot;:&quot;Allen Holub&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Allen Holub&quot;,&quot;emojified_text_as_html&quot;:&quot;Allen Holub&quot;}},{&quot;id_str&quot;:&quot;1258081&quot;,&quot;screen_name&quot;:&quot;simonbrown&quot;,&quot;name&quot;:&quot;Simon Brown&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Simon Brown&quot;,&quot;emojified_text_as_html&quot;:&quot;Simon Brown&quot;}},{&quot;id_str&quot;:&quot;12733362&quot;,&quot;screen_name&quot;:&quot;neal4d&quot;,&quot;name&quot;:&quot;Neal Ford&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Neal Ford&quot;,&quot;emojified_text_as_html&quot;:&quot;Neal Ford&quot;}},{&quot;id_str&quot;:&quot;47378354&quot;,&quot;screen_name&quot;:&quot;KevlinHenney&quot;,&quot;name&quot;:&quot;Kevlin Henney&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Kevlin Henney&quot;,&quot;emojified_text_as_html&quot;:&quot;Kevlin Henney&quot;}},{&quot;id_str&quot;:&quot;752503105506447360&quot;,&quot;screen_name&quot;:&quot;kimvanwilgen&quot;,&quot;name&quot;:&quot;Kim van Wilgen&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Kim van Wilgen&quot;,&quot;emojified_text_as_html&quot;:&quot;Kim van Wilgen&quot;}},{&quot;id_str&quot;:&quot;4747670589&quot;,&quot;screen_name&quot;:&quot;markrichardssa&quot;,&quot;name&quot;:&quot;Mark Richards&quot;,&quot;emojified_name&quot;:{&quot;text&quot;:&quot;Mark Richards&quot;,&quot;emojified_text_as_html&quot;:&quot;Mark Richards&quot;}}]"
data-impression-id="1ad263a3b61d5b7f" data-disclosure-type="promoted" data-promoted="true" data-advertiser-id="1342752169"
data-impression-cookie="[&quot;937788308805038081&quot;,&quot;1ad263a3b61d5b7f&quot;,&quot;promoted&quot;,&quot;&quot;,[],&quot;1342752169&quot;]"
data-has-cards="true">
<div class="context">
</div>
<div class="content">
<div class="stream-item-header">
<a data-impression-cookie="[&quot;1342752169&quot;,&quot;1ad263a3b61d5b7f&quot;,&quot;promoted&quot;,&quot;&quot;,[],&quot;1342752169&quot;]"
class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="/sddconf" data-user-id="1342752169">
<img class="avatar js-action-profile-avatar" src="https://pbs.twimg.com/profile_images/932680212277493760/2QJD5Avx_bigger.jpg"
alt="">
<span class="FullNameGroup u-textTruncate">
<strong class="fullname show-popup-with-id " data-aria-label-part="">SoftwareDesign&amp;Dev</strong>
<span>‏</span>
<span class="UserBadges"></span>
<span class="UserNameBreak">&nbsp;</span>
</span>
<span class="username u-dir" dir="ltr" data-aria-label-part="">@
<b>sddconf</b>
</span>
</a>
<small class="time">
<a href="/sddconf/status/937788308805038081" class="tweet-timestamp js-permalink js-nav js-tooltip" title="4:58 AM - 5 Dec 2017"
data-send-impression-cookie="" data-conversation-id="937788308805038081">
<span class="_timestamp js-short-timestamp " data-aria-label-part="last" data-time="1512421130" data-time-ms="1512421130000"
data-long-form="true">Dec 5</span>
</a>
</small>
<div class="ProfileTweet-action ProfileTweet-action--more js-more-ProfileTweet-actions">
<div class="dropdown">
<button class="ProfileTweet-actionButton u-textUserColorHover dropdown-toggle js-dropdown-toggle" type="button" aria-haspopup="true">
<div class="IconContainer js-tooltip" title="More">
<span class="Icon Icon--caretDownLight Icon--small"></span>
<span class="u-hiddenVisually">More</span>
</div>
</button>
<div class="dropdown-menu is-autoCentered">
<div class="dropdown-caret">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<ul>
<li class="ads-info-link js-actionWhyThisAd">
<button type="button" class="dropdown-link">Why am I seeing this ad?</button>
</li>
<li class="copy-link-to-tweet js-actionCopyLinkToTweet">
<button type="button" class="dropdown-link">Copy link to Tweet</button>
</li>
<li class="embed-link js-actionEmbedTweet" data-nav="embed_tweet">
<button type="button" class="dropdown-link">Embed Tweet</button>
</li>
<li class="block-link js-actionBlock" data-nav="block">
<button type="button" class="dropdown-link">Block
<span class="username u-dir" dir="ltr">@
<b>sddconf</b>
</span>
</button>
</li>
<li class="unblock-link js-actionUnblock" data-nav="unblock">
<button type="button" class="dropdown-link">Unblock
<span class="username u-dir" dir="ltr">@
<b>sddconf</b>
</span>
</button>
</li>
<li class="report-link js-actionReport" data-nav="report">
<button type="button" class="dropdown-link">
Report ad
</button>
</li>
<button type="button" class="dropdown-link js-action-dismiss">
I don't like this ad
</button>
<li class="dropdown-divider"></li>
<li class="js-actionMomentMakerAddTweetToOtherMoment MomentMakerAddTweetToOtherMoment">
<button type="button" class="dropdown-link">Add to other Moment</button>
</li>
<li class="js-actionMomentMakerCreateMoment">
<button type="button" class="dropdown-link">Add to new Moment</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="js-tweet-text-container">
<p class="TweetTextSize js-tweet-text tweet-text" lang="en" data-aria-label-part="0">Software Architect? We've got a line-up of world-class speakers at SDD 2018, covering Microservices, DevOps,
Design Patterns, Incremental Architecture, Clean Code, TDD, Continuous Delivery, Mob Programming &amp;
more - book by 20th Dec &amp; you'll save up to £500
<a href="https://t.co/dx7E8JMooK" rel="nofollow noopener"
dir="ltr" data-expanded-url="http://sddconf.com" class="twitter-timeline-link" target="_blank" title="http://sddconf.com">
<span class="tco-ellipsis"></span>
<span class="invisible">http://</span>
<span class="js-display-url">sddconf.com</span>
<span class="invisible"></span>
<span class="tco-ellipsis">
<span class="invisible">&nbsp;</span>
</span>
</a>
<a href="https://t.co/A7xqjjr5PZ" class="twitter-timeline-link u-hidden" data-pre-embedded="true" dir="ltr">pic.twitter.com/A7xqjjr5PZ</a>
</p>
</div>
<div class="AdaptiveMediaOuterContainer">
<div class="AdaptiveMedia
is-square
">
<div class="AdaptiveMedia-container">
<div class="AdaptiveMedia-singlePhoto" style="padding-top: calc(0.6454689984101749 * 100% - 0.5px);">
<div class="AdaptiveMedia-photoContainer js-adaptive-photo " data-image-url="https://pbs.twimg.com/media/DQOwjaNXcAEy42J.jpg"
data-element-context="platform_photo_card" style="background-color:rgba(64,50,43,1.0);" data-dominant-color="[64,50,43]">
<img data-aria-label-part="" src="https://pbs.twimg.com/media/DQOwjaNXcAEy42J.jpg" alt="" style="width: 100%; top: -0px;">
</div>
</div>
</div>
</div>
</div>
<div class="media-tags-container">
<div class="media-tagging-block">
<a class="js-user-profile-link" href="/quorralyne" data-user-id="280254669" rel="noopener">Heather Downing</a>,
<a class="js-user-profile-link" href="/aahoogendoorn" data-user-id="11597092" rel="noopener">Sander Hoogendoorn</a>,
<a class="js-user-profile-link" href="/jbogard" data-user-id="11956732" rel="noopener">Jimmy Bogard</a> and
<a class="request-tagging-popup" data-activity-popup-title="Tagged in this photo" rel="noopener">
<b>6 others</b>
</a>
<div class="popup-tagged-users-list hidden">
<ol class="activity-popup-users">
</ol>
</div>
</div>
</div>
<div class="stream-item-footer">
<div class="ProfileTweet-actionCountList u-hiddenVisually">
<span class="ProfileTweet-action--reply u-hiddenVisually">
<span class="ProfileTweet-actionCount" aria-hidden="true" data-tweet-stat-count="0">
<span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-reply-count-aria-937788308805038081">0 replies</span>
</span>
</span>
<span class="ProfileTweet-action--retweet u-hiddenVisually">
<span class="ProfileTweet-actionCount" data-tweet-stat-count="13">
<span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-retweet-count-aria-937788308805038081" data-aria-label-part="">13 retweets</span>
</span>
</span>
<span class="ProfileTweet-action--favorite u-hiddenVisually">
<span class="ProfileTweet-actionCount" data-tweet-stat-count="20">
<span class="ProfileTweet-actionCountForAria" id="profile-tweet-action-favorite-count-aria-937788308805038081" data-aria-label-part="">20 likes</span>
</span>
</span>
</div>
<div class="ProfileTweet-actionList js-actions" role="group" aria-label="Tweet actions">
<div class="ProfileTweet-action ProfileTweet-action--reply">
<button class="ProfileTweet-actionButton js-actionButton js-actionReply" data-modal="ProfileTweet-reply" type="button" aria-describedby="profile-tweet-action-reply-count-aria-937788308805038081">
<div class="IconContainer js-tooltip" title="Reply">
<span class="Icon Icon--medium Icon--reply"></span>
<span class="u-hiddenVisually">Reply</span>
</div>
<span class="ProfileTweet-actionCount ProfileTweet-actionCount--isZero ">
<span class="ProfileTweet-actionCountForPresentation" aria-hidden="true"></span>
</span>
</button>
</div>
<div class="ProfileTweet-action ProfileTweet-action--retweet js-toggleState js-toggleRt">
<button class="ProfileTweet-actionButton js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet" type="button"
aria-describedby="profile-tweet-action-retweet-count-aria-937788308805038081">
<div class="IconContainer js-tooltip" title="Retweet">
<span class="Icon Icon--medium Icon--retweet"></span>
<span class="u-hiddenVisually">Retweet</span>
</div>
<span class="ProfileTweet-actionCount">
<span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">13</span>
</span>
</button>
<button class="ProfileTweet-actionButtonUndo js-actionButton js-actionRetweet" data-modal="ProfileTweet-retweet"
type="button">
<div class="IconContainer js-tooltip" title="Undo retweet">
<span class="Icon Icon--medium Icon--retweet"></span>
<span class="u-hiddenVisually">Retweeted</span>
</div>
<span class="ProfileTweet-actionCount">
<span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">13</span>
</span>
</button>
</div>
<div class="ProfileTweet-action ProfileTweet-action--favorite js-toggleState">
<button class="ProfileTweet-actionButton js-actionButton js-actionFavorite" type="button" aria-describedby="profile-tweet-action-favorite-count-aria-937788308805038081">
<div class="IconContainer js-tooltip" title="Like">
<span role="presentation" class="Icon Icon--heart Icon--medium"></span>
<div class="HeartAnimation"></div>
<span class="u-hiddenVisually">Like</span>
</div>
<span class="ProfileTweet-actionCount">
<span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">20</span>
</span>
</button>
<button class="ProfileTweet-actionButtonUndo ProfileTweet-action--unfavorite u-linkClean js-actionButton js-actionFavorite"
type="button">
<div class="IconContainer js-tooltip" title="Undo like">
<span role="presentation" class="Icon Icon--heart Icon--medium"></span>
<div class="HeartAnimation"></div>
<span class="u-hiddenVisually">Liked</span>
</div>
<span class="ProfileTweet-actionCount">
<span class="ProfileTweet-actionCountForPresentation" aria-hidden="true">20</span>
</span>
</button>
</div>
<div class="ProfileTweet-action ProfileTweet-action--dm">
<button class="ProfileTweet-actionButton u-textUserColorHover js-actionButton js-actionShareViaDM" type="button" data-nav="share_tweet_dm">
<div class="IconContainer js-tooltip" title="Direct message">
<span class="Icon Icon--medium Icon--dm"></span>
<span class="u-hiddenVisually">Direct message</span>
</div>
</button>
</div>
</div>
</div>
<div class="context">
<span class="metadata with-icn js-disclosure js-tooltip" title="">
<span class="Icon Icon--promoted"></span>
<a href="/sddconf" class="js-action-profile-promoted js-user-profile-link js-promoted-badge" data-user-id="1342752169" rel="noopener"
data-impression-cookie="[&quot;937788308805038081&quot;,&quot;1ad263a3b61d5b7f&quot;,&quot;promoted&quot;,&quot;&quot;,[],&quot;1342752169&quot;]">Promoted</a>
</span>
</div>
</div>
</div>
</li>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment