Link to The A.V. Club article
BEFORE:
<div data-type="youtube" contenteditable="false" class="youtube inline size-big crop-16x9" data-youtube-id="2RcbUMPz3Dg" data-size="big" data-crop="16x9">
<span class="fa play-bg"></span><span class="fa fa-youtube-play"></span>
<div><img src="//img.youtube.com/vi/2RcbUMPz3Dg/hqdefault.jpg"></div>
<span class="caption"></span>
</div>
Link to article
BEFORE:
<div data-type="image" contenteditable="false" class="onion-image image inline size-big crop-original" data-image-id="9513" data-size="big" data-crop="original" data-format="jpg">
<div></div>
<span class="caption"></span>
</div>
Link to StarWipe article
BEFORE
<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Cdiv%20id%3D%22fb-root%22%20style%3D%22height%3A%20auto%3B%22%3E%3C/div%3E%3Cscript%3E%28function%28d%2C%20s%2C%20id%29%20%7B%20%20var%20js%2C%20fjs%20%3D%20d.getElementsByTagName%28s%29%5B0%5D%3B%20%20if%20%28d.getElementById%28id%29%29%20return%3B%20%20js%20%3D%20d.createElement%28s%29%3B%20js.id%20%3D%20id%3B%20%20js.src%20%3D%20%22//connect.facebook.net/en_US/sdk.js%23xfbml%3D1%26version%3Dv2.3%22%3B%20%20fjs.parentNode.insertBefore%28js%2C%20fjs%29%3B%7D%28document%2C%20%27script%27%2C%20%27facebook-jssdk%27%29%29%3B%3C/script%3E%3Cdiv%20class%3D%22fb-post%22%20data-href%3D%22https%3A//www.facebook.com/sarahpalin/posts/10154115152888588%22%20data-width%3D%22500%22%3E%3Cdiv%20class%3D%22fb-xfbml-parse-ignore%22%3E%3Cblockquote%20ci
Link to StarWipe article
BEFORE
<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Cblockquote%20class%3D%22twitter-tweet%22%20data-lang%3D%22en%22%3E%3Cp%20lang%3D%22en%22%20dir%3D%22ltr%22%3ESean%20Penn%2C%20Gerard%20Butler%20and%20Owen%20Wilson%20were%20beach%20brothers%20in%20Malbu%20%3Ca%20href%3D%22https%3A//t.co/fmBzVCiVQU%22%3Ehttps%3A//t.co/fmBzVCiVQU%3C/a%3E%20via%20%3Ca%20href%3D%22https%3A//twitter.com/DailyMailCeleb%22%3E@DailyMailCeleb%3C/a%3E%20%3Ca%20href%3D%22https%3A//t.co/ZIRLcfxNBl%22%3Epic.twitter.com/ZIRLcfxNBl%3C/a%3E%3C/p%3E%26mdash%3B%20GerardButlerAddicted%20%28@GerardBAddicted%29%20%3Ca%20href%3D%22https%3A//twitter.com/GerardBAddicted/status/732412720159576070%22%3EMay%2017%2C%202016%3C/a%3E%3C/blockquote%3E%0A%3Cscript%20async%20src%3D%22//platform.twitter.com/widgets.js%22%20charset%3D%22utf-8%22%3E%3C/scri
Link to article
BEFORE
<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Ciframe%20src%3D%22http%3A//onionstudios.com/embed%3Fid%3D3040%22%20class%3D%22onionstudios-playlist%22%20allowfullscreen%20webkitallowfullscreen%20mozallowfullscreen%20frameborder%3D%22no%22%20width%3D%22480%22%20height%3D%22360%22%20scrolling%3D%22no%22%3E%3C/iframe%3E" data-source="{{source}}">
<div><iframe src="http://onionstudios.com/embed?id=3040" class="onionstudios-playlist" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" frameborder="no" width="480" height="360" scrolling="no"></iframe></div>
<span class="caption"></span>
</div>
Link to The A.V. Club article
BEFORE
<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Ciframe%20src%3D%22https%3A//player.vimeo.com/video/166544005%22%20width%3D%22640%22%20height%3D%22360%22%20frameborder%3D%220%22%20webkitallowfullscreen%20mozallowfullscreen%20allowfullscreen%3E%3C/iframe%3E" data-source="{{source}}">
<div><iframe src="https://player.vimeo.com/video/166544005" width="640" height="360" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div>
<span class="caption"></span>
</div>
Link to The A.V. Club article
BEFORE
<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Ciframe%20width%3D%22100%25%22%20height%3D%22450%22%20scrolling%3D%22no%22%20frameborder%3D%22no%22%20src%3D%22https%3A//w.soundcloud.com/player/%3Furl%3Dhttps%253A//api.soundcloud.com/playlists/119434855%253Fsecret_token%253Ds-Dv1kg%26amp%3Bcolor%3Dff5500%26amp%3Bauto_play%3Dfalse%26amp%3Bhide_related%3Dfalse%26amp%3Bshow_comments%3Dtrue%26amp%3Bshow_user%3Dtrue%26amp%3Bshow_reposts%3Dfalse%22%3E%3C/iframe%3E" data-source="{{source}}">
<div><iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/119434855%3Fsecret_token%3Ds-Dv1kg&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe></div>
<sp
Link to The A.V. Club article
BEFORE:
<div data-type="embed" contenteditable="false" data-crop="original" data-size="original" class="inline embed size-original crop-original" data-code="%3Cblockquote%20class%3D%22imgur-embed-pub%22%20lang%3D%22en%22%20data-id%3D%22a/K1DxV%22%3E%3Ca%20href%3D%22//imgur.com/a/K1DxV%22%3EBad%20Fan%20Art%3C/a%3E%3C/blockquote%3E%3Cscript%20async%20src%3D%22//s.imgur.com/min/embed.js%22%20charset%3D%22utf-8%22%3E%3C/script%3E" data-source="{{source}}">
<div>
<iframe allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" class="imgur-embed-iframe-pub imgur-embed-iframe-pub-a-K1DxV-true-540" scrolling="no" src="http://imgur.com/a/K1DxV/embed?pub=true&ref=http%3A%2F%2Fstaff.avclub.com%2Fcms%2Fapp%2Fedit%2F236963%2F&w=540" id="imgur-embed-iframe-pub-a-K1DxV" style="height: 500px; width: 540px; margin: 10px 0px; padding: 0px;"></iframe><script async="" src="//s.imgur.com/min/embed.js" charset="utf-8"></scri
All infographics are extensions of the base Bulbs content model with the differentiation being two fields:
# infographic_type one of (List | Timeline | Strong Side / Weak Side | Pro/Con | Comparison)
infographic_type = models.ChoiceField ## Constant
info_data = JSONB field ## Structure of which mirrors the below for each type