Last active
October 16, 2015 22:55
-
-
Save kevinmarks/69e0d5083204f0dfb411 to your computer and use it in GitHub Desktop.
The html for the story cards taken directly from the Guardian website footer for http://www.theguardian.com/technology/audio/2015/oct/16/ad-blocking-free-content-tech-podcast
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
| <div class="fc-slice-wrapper"> | |
| <ul class="u-unstyled l-row l-row--cols-4 fc-slice fc-slice--q-q-q-q"> | |
| <li class="fc-slice__item l-row__item l-row__item--span-1 u-faux-block-link"> | |
| <div class="fc-item fc-item--audio fc-item--has-image fc-item--has-metadata fc-item--has-timestamp fc-item--is-commentable js-fc-item tone-media--item fc-item--list-media-mobile fc-item--standard-tablet js-snappable" data-discussion-id="/p/4dc94" data-discussion-closed="false" data-discussion-url="http://www.theguardian.com/technology/audio/2015/oct/16/esports-tech-updog-podcast#comments" data-link-name="media | group-0 | card-1" data-id="technology/audio/2015/oct/16/esports-tech-updog-podcast" data-item-visibility="all" data-test-id="facia-card" data-loyalty-short-url="/p/4dc94"> | |
| <div class="fc-item__container"> | |
| <div class="fc-item__media-wrapper"> | |
| <div class="fc-item__image-container u-responsive-ratio "> | |
| <img class="responsive-img" srcset="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/13/1439457219532/a7aadab7-1e60-4d5e-92d8-e057c5842b35-620x372.jpeg?w=220&q=85&auto=format&sharp=10&s=3417f13ed4cc4e832ba7cd9c6e973b82 220w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/13/1439457219532/a7aadab7-1e60-4d5e-92d8-e057c5842b35-620x372.jpeg?w=160&q=85&auto=format&sharp=10&s=8d49f7b69cc0457abbefc3187d254884 160w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/13/1439457219532/a7aadab7-1e60-4d5e-92d8-e057c5842b35-620x372.jpeg?w=127&q=85&auto=format&sharp=10&s=6423d2bb685b6588d00a682d6d5fe29a 127w" sizes="(min-width: 980px) 220px, (min-width: 740px) 160px, 127px"> | |
| </div> | |
| </div> | |
| <div class="fc-item__content"> | |
| <div class="fc-item__header"> | |
| <h2 class="fc-item__title"><a href="http://www.theguardian.com/technology/audio/2015/oct/16/esports-tech-updog-podcast" class="fc-item__link" data-link-name="article"><span class="fc-item__kicker">Tech Weekly</span> | |
| <span class="u-faux-block-link__cta fc-item__headline"> | |
| <span class="inline-volume-high inline-icon "> | |
| <svg width="16" height="13" viewBox="0 0 16 13"><path d="M3 4H1L0 5v3l1 1h2l4 4h1V0H7L3 4zm11.7 2.5c0 2-.7 3.8-1.8 5.2l.4.4c1.6-1.3 2.6-3.3 2.6-5.6s-1-4.3-2.6-5.6l-.4.4c1.2 1.5 1.8 3.3 1.8 5.2m-3.7 0c0 1.1-.3 2.2-.9 3.1l.5.5c.8-1 1.4-2.2 1.4-3.6s-.6-2.6-1.5-3.5l-.5.5c.6.8 1 1.9 1 3"></path></svg> | |
| </span> | |
| <span class="js-headline-text">Why are esports so popular? – Tech Weekly presents Updog podcast</span></span> | |
| </a></h2> | |
| </div> | |
| <div class="fc-item__standfirst"><p>League of Legends is coming to Wembley. The BBC is broadcasting it. Sky is taking bets on it. But does esports even care what the mainstream thinks?</p></div> | |
| <aside class="fc-item__meta js-item__meta"> | |
| <time class="fc-item__timestamp js-item__timestamp" datetime="2015-10-16T16:00:00+0000" data-timestamp="1445011200000" data-relativeformat="short" title=" | |
| Published: 16 Oct 2015 | |
| ">6h</time> | |
| <button class="js-save-for-later-link fc-save-for-later u-faux-block-link__promote is-hidden"> | |
| <span class="inline-bookmark inline-icon inline-tone-fill"> | |
| <svg width="8.6" height="16" viewBox="0 0 8.6 16"><path d="M0 15.7V1l1-1h6.5l1 1v14.7l-.2.3-4-2.2-4 2.2"></path></svg> | |
| </span> | |
| </button> | |
| </aside> | |
| </div> | |
| <a href="http://www.theguardian.com/technology/audio/2015/oct/16/esports-tech-updog-podcast" class="u-faux-block-link__overlay js-headline-text" data-link-name="article" tabindex="-1">Why are esports so popular? – Tech Weekly presents Updog podcast</a> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="fc-slice__item l-row__item l-row__item--span-1 u-faux-block-link"> | |
| <div class="fc-item fc-item--audio fc-item--has-image fc-item--has-metadata fc-item--has-timestamp fc-item--is-commentable js-fc-item tone-media--item fc-item--list-media-mobile fc-item--standard-tablet js-snappable" data-discussion-id="/p/4d6jg" data-discussion-closed="true" data-discussion-url="http://www.theguardian.com/technology/audio/2015/oct/09/great-british-bake-off-meme-tech-updog-podcast#comments" data-link-name="media | group-0 | card-2" data-id="technology/audio/2015/oct/09/great-british-bake-off-meme-tech-updog-podcast" data-item-visibility="all" data-test-id="facia-card" data-loyalty-short-url="/p/4d6jg"> | |
| <div class="fc-item__container"> | |
| <div class="fc-item__media-wrapper"> | |
| <div class="fc-item__image-container u-responsive-ratio "> | |
| <img class="responsive-img" srcset="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/12/1439394881026/6d390a77-cf82-4fa0-aa89-9c783eb8474c-620x372.jpeg?w=220&q=85&auto=format&sharp=10&s=be30271233bdf7df1dea643f507a7e51 220w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/12/1439394881026/6d390a77-cf82-4fa0-aa89-9c783eb8474c-620x372.jpeg?w=160&q=85&auto=format&sharp=10&s=21f7e4fca033a31551f600ed0450cc84 160w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/8/12/1439394881026/6d390a77-cf82-4fa0-aa89-9c783eb8474c-620x372.jpeg?w=127&q=85&auto=format&sharp=10&s=0dca856b26995f898fe8c0f90b392ed5 127w" sizes="(min-width: 980px) 220px, (min-width: 740px) 160px, 127px"> | |
| </div> | |
| </div> | |
| <div class="fc-item__content"> | |
| <div class="fc-item__header"> | |
| <h2 class="fc-item__title"><a href="http://www.theguardian.com/technology/audio/2015/oct/09/great-british-bake-off-meme-tech-updog-podcast" class="fc-item__link" data-link-name="article"><span class="fc-item__kicker">Tech Weekly</span> | |
| <span class="u-faux-block-link__cta fc-item__headline"> | |
| <span class="inline-volume-high inline-icon "> | |
| <svg width="16" height="13" viewBox="0 0 16 13"><path d="M3 4H1L0 5v3l1 1h2l4 4h1V0H7L3 4zm11.7 2.5c0 2-.7 3.8-1.8 5.2l.4.4c1.6-1.3 2.6-3.3 2.6-5.6s-1-4.3-2.6-5.6l-.4.4c1.2 1.5 1.8 3.3 1.8 5.2m-3.7 0c0 1.1-.3 2.2-.9 3.1l.5.5c.8-1 1.4-2.2 1.4-3.6s-.6-2.6-1.5-3.5l-.5.5c.6.8 1 1.9 1 3"></path></svg> | |
| </span> | |
| <span class="js-headline-text">The Great British meme off - Tech Weekly presents Updog podcast</span></span> | |
| </a></h2> | |
| </div> | |
| <div class="fc-item__standfirst"><p>In the wake of the big cultural event that was Bake Off we celebrate the human meme that is Nadiya Hussein</p></div> | |
| <aside class="fc-item__meta js-item__meta"> | |
| <time class="fc-item__timestamp js-item__timestamp" datetime="2015-10-09T14:59:00+0000" data-timestamp="1444402740000" data-relativeformat="short" title=" | |
| Published: 9 Oct 2015 | |
| ">9 Oct 2015</time> | |
| <button class="js-save-for-later-link fc-save-for-later u-faux-block-link__promote is-hidden"> | |
| <span class="inline-bookmark inline-icon inline-tone-fill"> | |
| <svg width="8.6" height="16" viewBox="0 0 8.6 16"><path d="M0 15.7V1l1-1h6.5l1 1v14.7l-.2.3-4-2.2-4 2.2"></path></svg> | |
| </span> | |
| </button> | |
| </aside> | |
| </div> | |
| <a href="http://www.theguardian.com/technology/audio/2015/oct/09/great-british-bake-off-meme-tech-updog-podcast" class="u-faux-block-link__overlay js-headline-text" data-link-name="article" tabindex="-1">The Great British meme off - Tech Weekly presents Updog podcast</a> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="fc-slice__item l-row__item l-row__item--span-1 u-faux-block-link"> | |
| <div class="fc-item fc-item--audio fc-item--has-image fc-item--has-metadata fc-item--has-timestamp fc-item--is-commentable js-fc-item tone-media--item fc-item--list-media-mobile fc-item--standard-tablet js-snappable" data-discussion-id="/p/4d4y7" data-discussion-closed="true" data-discussion-url="http://www.theguardian.com/technology/audio/2015/oct/08/robots-economics-tech-podcast#comments" data-link-name="media | group-0 | card-3" data-id="technology/audio/2015/oct/08/robots-economics-tech-podcast" data-item-visibility="all" data-test-id="facia-card" data-loyalty-short-url="/p/4d4y7"> | |
| <div class="fc-item__container"> | |
| <div class="fc-item__media-wrapper"> | |
| <div class="fc-item__image-container u-responsive-ratio "> | |
| <img class="responsive-img" srcset="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/6/10/1433934796997/fcea20b2-bcb2-46f5-8195-5305317c6e08-620x372.jpeg?w=220&q=85&auto=format&sharp=10&s=1f3db2560e2a76508218316dad1b7aec 220w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/6/10/1433934796997/fcea20b2-bcb2-46f5-8195-5305317c6e08-620x372.jpeg?w=160&q=85&auto=format&sharp=10&s=cf0e8dc18a693238ade6b2fe6ea9be4b 160w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/6/10/1433934796997/fcea20b2-bcb2-46f5-8195-5305317c6e08-620x372.jpeg?w=127&q=85&auto=format&sharp=10&s=0ed8fe8823ba8e0f9808806559fca7eb 127w" sizes="(min-width: 980px) 220px, (min-width: 740px) 160px, 127px"> | |
| </div> | |
| </div> | |
| <div class="fc-item__content"> | |
| <div class="fc-item__header"> | |
| <h2 class="fc-item__title"><a href="http://www.theguardian.com/technology/audio/2015/oct/08/robots-economics-tech-podcast" class="fc-item__link" data-link-name="article"><span class="fc-item__kicker">Tech Weekly</span> | |
| <span class="u-faux-block-link__cta fc-item__headline"> | |
| <span class="inline-volume-high inline-icon "> | |
| <svg width="16" height="13" viewBox="0 0 16 13"><path d="M3 4H1L0 5v3l1 1h2l4 4h1V0H7L3 4zm11.7 2.5c0 2-.7 3.8-1.8 5.2l.4.4c1.6-1.3 2.6-3.3 2.6-5.6s-1-4.3-2.6-5.6l-.4.4c1.2 1.5 1.8 3.3 1.8 5.2m-3.7 0c0 1.1-.3 2.2-.9 3.1l.5.5c.8-1 1.4-2.2 1.4-3.6s-.6-2.6-1.5-3.5l-.5.5c.6.8 1 1.9 1 3"></path></svg> | |
| </span> | |
| <span class="js-headline-text">Robots are coming for your job ... and that's not all – Tech Weekly podcast</span></span> | |
| </a></h2> | |
| </div> | |
| <div class="fc-item__standfirst"><p>Robots aren't just after your job, they're after the overthrow of the whole economic system</p></div> | |
| <aside class="fc-item__meta js-item__meta"> | |
| <time class="fc-item__timestamp js-item__timestamp" datetime="2015-10-08T08:13:00+0000" data-timestamp="1444291980000" data-relativeformat="short" title=" | |
| Published: 8 Oct 2015 | |
| ">8 Oct 2015</time> | |
| <button class="js-save-for-later-link fc-save-for-later u-faux-block-link__promote is-hidden"> | |
| <span class="inline-bookmark inline-icon inline-tone-fill"> | |
| <svg width="8.6" height="16" viewBox="0 0 8.6 16"><path d="M0 15.7V1l1-1h6.5l1 1v14.7l-.2.3-4-2.2-4 2.2"></path></svg> | |
| </span> | |
| </button> | |
| </aside> | |
| </div> | |
| <a href="http://www.theguardian.com/technology/audio/2015/oct/08/robots-economics-tech-podcast" class="u-faux-block-link__overlay js-headline-text" data-link-name="article" tabindex="-1">Robots are coming for your job ... and that's not all – Tech Weekly podcast</a> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="fc-slice__item l-row__item l-row__item--span-1 u-faux-block-link"> | |
| <div class="fc-item fc-item--audio fc-item--has-image fc-item--has-metadata fc-item--has-timestamp fc-item--is-commentable js-fc-item tone-media--item fc-item--list-media-mobile fc-item--standard-tablet js-snappable" data-discussion-id="/p/4dx6k" data-discussion-closed="true" data-discussion-url="http://www.theguardian.com/technology/audio/2015/oct/02/netflix-chill-death-meme-tech-podcast#comments" data-link-name="media | group-0 | card-4" data-id="technology/audio/2015/oct/02/netflix-chill-death-meme-tech-podcast" data-item-visibility="all" data-test-id="facia-card" data-loyalty-short-url="/p/4dx6k"> | |
| <div class="fc-item__container"> | |
| <div class="fc-item__media-wrapper"> | |
| <div class="fc-item__image-container u-responsive-ratio "> | |
| <img class="responsive-img" srcset="https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/9/29/1443547449365/bc7e99ad-2520-48ce-b1e3-9ccd8f5ee0fd-620x372.jpeg?w=220&q=85&auto=format&sharp=10&s=ca5f6b2d0a6e967e615c2c70dd58cd4d 220w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/9/29/1443547449365/bc7e99ad-2520-48ce-b1e3-9ccd8f5ee0fd-620x372.jpeg?w=160&q=85&auto=format&sharp=10&s=a44a56750572568336479d7822730b59 160w, https://i.guim.co.uk/img/static/sys-images/Guardian/Pix/pictures/2015/9/29/1443547449365/bc7e99ad-2520-48ce-b1e3-9ccd8f5ee0fd-620x372.jpeg?w=127&q=85&auto=format&sharp=10&s=b86dd543180922800d48b5ca3d9b94ab 127w" sizes="(min-width: 980px) 220px, (min-width: 740px) 160px, 127px"> | |
| </div> | |
| </div> | |
| <div class="fc-item__content"> | |
| <div class="fc-item__header"> | |
| <h2 class="fc-item__title"><a href="http://www.theguardian.com/technology/audio/2015/oct/02/netflix-chill-death-meme-tech-podcast" class="fc-item__link" data-link-name="article"><span class="fc-item__kicker">Tech Weekly</span> | |
| <span class="u-faux-block-link__cta fc-item__headline"> | |
| <span class="inline-volume-high inline-icon "> | |
| <svg width="16" height="13" viewBox="0 0 16 13"><path d="M3 4H1L0 5v3l1 1h2l4 4h1V0H7L3 4zm11.7 2.5c0 2-.7 3.8-1.8 5.2l.4.4c1.6-1.3 2.6-3.3 2.6-5.6s-1-4.3-2.6-5.6l-.4.4c1.2 1.5 1.8 3.3 1.8 5.2m-3.7 0c0 1.1-.3 2.2-.9 3.1l.5.5c.8-1 1.4-2.2 1.4-3.6s-.6-2.6-1.5-3.5l-.5.5c.6.8 1 1.9 1 3"></path></svg> | |
| </span> | |
| <span class="js-headline-text">'Netflix and chill' and the death of the meme – Tech Weekly presents Updog podcast</span></span> | |
| </a></h2> | |
| </div> | |
| <div class="fc-item__standfirst"><p>What happens when a meme reaches peak popularity? We discuss whether memes can survive brand association</p></div> | |
| <aside class="fc-item__meta js-item__meta"> | |
| <time class="fc-item__timestamp js-item__timestamp" datetime="2015-10-02T14:27:41+0000" data-timestamp="1443796061000" data-relativeformat="short" title=" | |
| Published: 2 Oct 2015 | |
| ">2 Oct 2015</time> | |
| <button class="js-save-for-later-link fc-save-for-later u-faux-block-link__promote is-hidden"> | |
| <span class="inline-bookmark inline-icon inline-tone-fill"> | |
| <svg width="8.6" height="16" viewBox="0 0 8.6 16"><path d="M0 15.7V1l1-1h6.5l1 1v14.7l-.2.3-4-2.2-4 2.2"></path></svg> | |
| </span> | |
| </button> | |
| </aside> | |
| </div> | |
| <a href="http://www.theguardian.com/technology/audio/2015/oct/02/netflix-chill-death-meme-tech-podcast" class="u-faux-block-link__overlay js-headline-text" data-link-name="article" tabindex="-1">'Netflix and chill' and the death of the meme – Tech Weekly presents Updog podcast</a> | |
| </div> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment