diff options
Diffstat (limited to 'test/test-pages/medium-1/expected.html')
| -rw-r--r-- | test/test-pages/medium-1/expected.html | 21 |
1 files changed, 10 insertions, 11 deletions
diff --git a/test/test-pages/medium-1/expected.html b/test/test-pages/medium-1/expected.html index 44ca7f0..d8d0c0e 100644 --- a/test/test-pages/medium-1/expected.html +++ b/test/test-pages/medium-1/expected.html @@ -1,10 +1,10 @@ <div class="section-inner layoutSingleColumn"> - + <h2 class="graf--h2" data-align="center" id="3c62" name="3c62">Open Journalism Project:</h2> <h4 class="graf--h4" data-align="center" id="425a" name="425a"><em class="markup--em markup--h4-em">Better Student Journalism</em></h4> <p class="graf--p graf--empty" id="a511" name="a511"> <br></br></p> - <h4 class="graf--h4 graf--empty" id="08db" name="08db"><br></br></h4> + <p class="graf--p" id="d178" name="d178">We pushed out the first version of the <a class="markup--anchor markup--p-anchor" data-href="http://pippinlee.github.io/open-journalism-project/" href="http://pippinlee.github.io/open-journalism-project/" rel="nofollow">Open Journalism site</a> in January. Our goal is for the site to be a place to teach students what they should know about journalism @@ -26,7 +26,7 @@ time discussing. One of my habits as a photographer was scouring sites like Flickr to see how others could frame the world in ways I hadn’t previously considered.</p> - <figure class="graf--figure" id="06e8" name="06e8"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 350px;"> + <figure class="graf--figure" id="06e8" name="06e8"><div class="aspectRatioPlaceholder is-locked"> <img class="graf-image" data-action="zoom" data-action-value="1*AzYWbe4cZkMMEUbfRjysLQ.png" data-height="500" data-image-id="1*AzYWbe4cZkMMEUbfRjysLQ.png" data-width="1000" src="https://d262ilb51hltx0.cloudfront.net/max/800/1*AzYWbe4cZkMMEUbfRjysLQ.png"></img></div> <figcaption class="imageCaption">topleftpixel.com</figcaption></figure><p class="graf--p" id="930f" name="930f">I started discovering beautiful things the <a class="markup--anchor markup--p-anchor" data-href="http://wvs.topleftpixel.com/13/02/06/timelapse-strips-homewood.htm" href="http://wvs.topleftpixel.com/13/02/06/timelapse-strips-homewood.htm" rel="nofollow">web could do with images</a>: @@ -45,7 +45,7 @@ was becoming harder to romanticize the dusty newsprint smell coming from the shoes we were handed down from previous generations of editors. It was, we were told, all part of “becoming a journalist.”</p> - <figure class="graf--figure" id="12da" name="12da"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 364px;"> + <figure class="graf--figure" id="12da" name="12da"><div class="aspectRatioPlaceholder is-locked"> <img class="graf-image" data-action="zoom" data-action-value="1*d0Hp6KlzyIcGHcL6to1sYQ.png" data-height="451" data-image-id="1*d0Hp6KlzyIcGHcL6to1sYQ.png" data-width="868" src="https://d262ilb51hltx0.cloudfront.net/max/800/1*d0Hp6KlzyIcGHcL6to1sYQ.png"></img></div> </figure><h3 class="graf--h3" id="e2f0" name="e2f0">We don’t know what we don’t know</h3> @@ -89,7 +89,7 @@ was seen as “a career with words.” The other 5% were designers, designing words on computers, for print.</li> <li class="graf--li" id="0be9" name="0be9">Not enough discussion between the business side and web efforts</li> - </ul><figure class="graf--figure" id="79ed" name="79ed"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 322px;"> + </ul><figure class="graf--figure" id="79ed" name="79ed"><div class="aspectRatioPlaceholder is-locked"> <img class="graf-image" data-action="zoom" data-action-value="1*_9KYIFrk_PqWFgptsMDeww.png" data-height="500" data-image-id="1*_9KYIFrk_PqWFgptsMDeww.png" data-width="1086" src="https://d262ilb51hltx0.cloudfront.net/max/800/1*_9KYIFrk_PqWFgptsMDeww.png"></img></div> <figcaption class="imageCaption">From our 2011 research</figcaption></figure><h3 class="graf--h3" id="8d0c" name="8d0c">Common problems in student newsrooms (2013)</h3> @@ -138,7 +138,7 @@ <p class="graf--p" id="4634" name="4634">In our 2013 research we found that almost 50% of student newsrooms had created roles specifically for the web. <strong class="markup--strong markup--p-strong">This sounds great, but is still problematic in its current state.</strong> </p> - <figure class="graf--figure" id="416f" name="416f"><div class="aspectRatioPlaceholder is-locked" style="max-width: 624px; max-height: 560px;"> + <figure class="graf--figure" id="416f" name="416f"><div class="aspectRatioPlaceholder is-locked"> <img class="graf-image" data-height="560" data-image-id="1*Vh2MpQjqjPkzYJaaWExoVg.png" data-width="624" src="https://d262ilb51hltx0.cloudfront.net/max/800/1*Vh2MpQjqjPkzYJaaWExoVg.png"></img></div> <figcaption class="imageCaption"><strong class="markup--strong markup--figure-strong">We designed many of these slides to help explain to ourselves what we were doing</strong> @@ -180,7 +180,7 @@ <p class="graf--p" id="4eb1" name="4eb1">We’re OK with this problem, if we see newsrooms continue to take small steps towards having all their editors involved in the stories for the web.</p> - <figure class="graf--figure" id="7aab" name="7aab"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 382px;"> + <figure class="graf--figure" id="7aab" name="7aab"><div class="aspectRatioPlaceholder is-locked"> <img class="graf-image" data-action="zoom" data-action-value="1*2Ln_DmC95Xpz6LzgywkcFQ.png" data-height="718" data-image-id="1*2Ln_DmC95Xpz6LzgywkcFQ.png" data-width="1315" src="https://d262ilb51hltx0.cloudfront.net/max/800/1*2Ln_DmC95Xpz6LzgywkcFQ.png"></img></div> <figcaption class="imageCaption">The current Open Journalism site was a few years in the making. This was @@ -251,7 +251,7 @@ of developing stories for the web. You play a big part in this. This means writing about it, and sharing code. We need to start building a bridge between student journalism and professional newsrooms.</p> - <figure class="graf--figure" id="7ed3" name="7ed3"><div class="aspectRatioPlaceholder is-locked" style="max-width: 686px; max-height: 400px;"> + <figure class="graf--figure" id="7ed3" name="7ed3"><div class="aspectRatioPlaceholder is-locked"> <img class="graf-image" data-height="400" data-image-id="1*bXaR_NBJdoHpRc8lUWSsow.png" data-width="686" src="https://d262ilb51hltx0.cloudfront.net/max/800/1*bXaR_NBJdoHpRc8lUWSsow.png"></img></div> <figcaption class="imageCaption">2012</figcaption></figure><h3 class="graf--h3" id="ee1b" name="ee1b">This is a start</h3> @@ -269,11 +269,10 @@ <p class="graf--p" id="abd5" name="abd5">We’re trying out some new shoes. And while they’re not self-lacing, and smell a bit different, we feel lacing up a new pair of kicks can change a lot.</p> - <figure class="graf--figure" id="4c68" name="4c68"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 393px;"> + <figure class="graf--figure" id="4c68" name="4c68"><div class="aspectRatioPlaceholder is-locked"> <img class="graf-image" data-action="zoom" data-action-value="1*lulfisQxgSQ209vPHMAifg.png" data-height="534" data-image-id="1*lulfisQxgSQ209vPHMAifg.png" data-width="950" src="https://d262ilb51hltx0.cloudfront.net/max/800/1*lulfisQxgSQ209vPHMAifg.png"></img></div> - </figure><p class="graf--p graf--empty" id="c6bf" name="c6bf"> - <br></br></p> + </figure> <p class="graf--p" id="2c5c" name="2c5c"><strong class="markup--strong markup--p-strong">Let’s talk. Let’s listen.</strong> </p> <p class="graf--p" id="63ec" name="63ec"><strong class="markup--strong markup--p-strong">We’re still in the early stages of what this project will look like, so if you want to help or have thoughts, let’s talk.</strong> |