Poetic Tech: A Poem in Code

What does a poem look like in code? Here is some poetic tech.

It took 1,072 lines of HTML code to express one of our most popular poems, “Szymborska” by Jack Grapes. Take a poetic tech look at some of them:

<section class="entry-content clearfix" itemprop="articleBody" >

                     <div class="cb-featured-image"><img width="421" height="350" src="https://www.culturalweekly.com/wp-content/uploads/2012/02/szymborska1.jpg" class="attachment-cb-thumb-600-crop colorbox-4152  wp-post-image" alt="szymborska1" /></div><div class="cb-social-sharing" clearfix"><div class="cb-facebook">
                        <div id="fb-root"></div>
                        <script>(function(d, s, id) {
                          var js, fjs = d.getElementsByTagName(s)[0];
                          if (d.getElementById(id)) return;
                          js = d.createElement(s); js.id = id;
                          js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
                          fjs.parentNode.insertBefore(js, fjs);
                        }(document, "script", "facebook-jssdk"));</script>
                       <div class="fb-like" data-href="https://www.culturalweekly.com/szymborska/" data-width="450" data-layout="button_count" data-show-faces="false" data-send="false"></div></div><div class="cb-pinterest"><script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script> 
             <a href="//pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.culturalweekly.com%2Fszymborska%2F&media=http%3A%2F%2Fwww.culturalweekly.com%2Fwp-content%2Fuploads%2F2012%2F02%2Fszymborska1.jpg&description=Jack+Grapes%3A+%26%238220%3BSZYMBORSKA%26%238221%3B" data-pin-do="buttonPin" data-pin-config="beside" target="_blank"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a></div><!-- AddThis Button BEGIN -->
                            <div class="addthis_toolbox addthis_default_style">
                            <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
                            <a class="addthis_button_tweet"></a>
                            <a class="addthis_counter addthis_pill_style"></a>
                            </div>
                            <script type="text/javascript">
                                var addthis_share = {
                                    url: "https://www.culturalweekly.com/szymborska/"
                                }
                            </script>
                            <script type="t
<h2>SZYMBORSKA</h2>
<p>I came home<br />
Wednesday night from class<br />
and Lori was ensconced<br />
like a caterpillar in a cocoon<br />
on the bed, watching a movie on tv<br />
about crazy people who fall in love<br />
and break china.<br />
&#8220;Szymborska died,&#8221; I said.</p>

 

What does all that code look like on a web page? See it here: https://www.culturalweekly.com/szymborska/

What are you looking for?