diff options
Diffstat (limited to 'test/test-pages/ehow-1/expected.html')
-rw-r--r-- | test/test-pages/ehow-1/expected.html | 142 |
1 files changed, 142 insertions, 0 deletions
diff --git a/test/test-pages/ehow-1/expected.html b/test/test-pages/ehow-1/expected.html new file mode 100644 index 0000000..2e68c52 --- /dev/null +++ b/test/test-pages/ehow-1/expected.html @@ -0,0 +1,142 @@ +<div id="readability-page-1" class="page"> + <div class="col-main"> + <header class="page-head bordered"> </header> + <div class="mod step"> + <div class="stepContent mod"> + <p>Glass cloche terrariums are not only appealing to the eye, but they also preserve a bit of nature in your home and serve as a simple, yet beautiful, piece of art. Closed terrariums are easy to care for, as they retain much of their own moisture and provide a warm environment with a consistent level of humidity. You won’t have to water the terrariums unless you see that the walls are not misting up. Small growing plants that don’t require a lot of light work best such as succulents, ferns, moss, even orchids.</p> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/640/cme/photography.prod.demandstudios.com/16149374-814f-40bc-baf3-ca20f149f0ba.jpg" alt="Glass cloche terrariums" title="Glass cloche terrariums" class="photo" data-credit="Lucy Akins " longdesc="http://s3.amazonaws.com/photography.prod.demandstudios.com/16149374-814f-40bc-baf3-ca20f149f0ba.jpg"/> </figure> + <figcaption class="small caption"> Glass cloche terrariums (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">What You'll Need:</span> + <ul class="markdown-ul"> + <li>Cloche</li> + <li>Planter saucer, small shallow dish or desired platform</li> + <li>Floral foam oasis</li> + <li>Ruler </li> + <li>Spoon</li> + <li>Floral wire pins or paper clips</li> + <li>Small plants (from a florist or nursery)</li> + <li>Moss</li> + <li>Tweezers</li> + <li>Other small decorative items (optional)</li> + </ul> + </div> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 1</span> + <p>Measure the circumference of your cloche and cut the foam oasis about 3/4 inch (2 cm) smaller. Place the foam oasis into a container full of water and allow to soak until it sinks to the bottom. Dig out a hole on the oasis large enough to fit your plant, being careful not to pierce all the way through to the bottom.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/default/cme/photography.prod.demandstudios.com/fc249ef6-4d27-41b4-8c21-15f7a8512b50.jpg" alt="Dig a hole in the oasis." class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Dig a hole in the oasis. (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 2</span> + <p>Insert your plant into the hole.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/default/cme/photography.prod.demandstudios.com/aae11d4d-a4aa-4251-a4d9-41023ebf6d84.jpg" alt="Orchid in foam oasis" class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Orchid in foam oasis (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 3</span> + <p>You can add various plants if you wish.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/default/cme/photography.prod.demandstudios.com/7afdfa1e-da74-44b5-b89c-ca8123516272.jpg" alt="Various foliage" class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Various foliage (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 4</span> + <p>Using floral pins, attach enough moss around the oasis to cover it.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/default/cme/photography.prod.demandstudios.com/4f6612c0-316a-4c74-bb03-cb4e778f6d72.jpg" alt="Attach moss." class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Attach moss. (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 5</span> + <p>Gently place the cloche over the oasis. The glass may push some of the moss upward, exposing some of the foam.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/default/cme/photography.prod.demandstudios.com/eeb1e0b4-e573-40a3-8db1-2c76f0b13b84.jpg" alt="Place cloche over oasis." class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Place cloche over oasis. (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 6</span> + <p>Simply pull down the moss with tweezers or insert more moss to fill in the empty spaces.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/default/cme/photography.prod.demandstudios.com/812d4649-4152-4363-97c0-f181d02e709a.jpg" alt="Rearrange moss." class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Rearrange moss. (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 7</span> + <p>You can use any platform you wish. In this case, a small saucer was used.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/default/cme/photography.prod.demandstudios.com/0cb3988c-9318-47d6-bc9c-c798da1ede72.jpg" alt="Place cloche on a platform to sit on." class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Place cloche on a platform to sit on. (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 8</span> + <p>This particular terrarium rests on a planter saucer and features a small white pumpkin.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/640/cme/photography.prod.demandstudios.com/e3e18f0b-ab2c-4ffb-9988-a1ea63faef8b.jpg" alt="Cloche placed on a terracotta saucer" class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Cloche placed on a terracotta saucer (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Step 9</span> + <p>This particular terrarium was placed on a wood slice and a little toy squirrel was placed inside to add a little whimsy.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/640/cme/photography.prod.demandstudios.com/2cd79f8d-0d16-4573-8861-e47fb74b0638.jpg" alt="Placed on a wooden slice" class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Placed on a wooden slice (Lucy Akins) </figcaption> + </div> + </div> + <div class="mod step"> + <div class="stepContent"> + <div class="content"><span class="headline2 head mg-1 block">Finished Terrarium</span> + <p>Displayed alone or in a group, these pretty arrangements allow you to add a little nature to your decor or tablescape.</p> + </div> + <figure class="stepThumb"> <img src="http://img-aws.ehowcdn.com/640/cme/photography.prod.demandstudios.com/78670312-8636-4c42-a75c-3029f7aa6c73.jpg" alt="Cloche terrarium" class="photo" data-credit="Lucy Akins"/> </figure> + <figcaption class="small caption"> Cloche terrarium (Lucy Akins) </figcaption> + </div> + </div> + <aside class="mod related clearfix" data-module="rcp_bottom"> + <h3 class="head headline2 mg-2">More Like This</h3> + <ul class="unstyled"> + <li class="item fl "> + <a href="http://www.ehow.com/how_4431062_convert-aquarium-terrarium.html"> <img src="http://img-aws.ehowcdn.com/200x133/cme/photography.prod.demandstudios.com/90f9f3d7-6e4f-4be8-b379-3d994ccbf69c.jpg" class="img" alt=""/> + <p class="headline6 mg-0">How to Convert an Aquarium to a Terrarium</p> + </a> + </li> + <li class="item fl even"> + <a href="http://www.ehow.com/video_12263138_plant-terrarium-ideas.html"> <img src="http://img-aws.ehowcdn.com/200x133/viper/media/2b3830ca-4eb6-4bfd-a1cd-d430b3e28d59/jpeg/a7edbb0f-86a7-4c73-9c2d-f85f87b49efa_0.jpg" class="img" alt=""/> + <p class="headline6 mg-0">Plant Terrarium Ideas</p> + </a> + </li> + <li class="item fl "> + <a href="http://www.ehow.com/video_9374_make-terrarium.html"> <img src="http://img-aws.ehowcdn.com/200x133/ehow/images/a00/09/4u/make-terrarium-800x800.jpg" class="img" alt=""/> + <p class="headline6 mg-0">How to Make a Terrarium</p> + </a> + </li> + </ul> + </aside> + <figure id="Comments" class="mod FLC" data-module="comments"> </figure> + <section id="FeaturedTombstone" class="mod" data-module="rcp_tombstone"> </section> + </div> +</div>
\ No newline at end of file |