gsprenger/sustainabilitychecker

<div class='row'>
  <div class='col-sm-12 index-intro text-center'>
    <h1><%= Content.text('index_hero_title', @isMercury) %></h1>
    <p>
      <%= Content.text('index_hero_desc', @isMercury) %>
    </p>
  </div>
</div>
<div class='main-divider'></div>
<div class='row'>
  <div class='col-sm-6 index-playsudoku'>
    <a href='/level1' class='capitalize'>
      <% if !@isMercury %>
        <img src='<%= Content.text('home_img_homesplash', @isMercury, 'raw')%>' title='<%= Content.text('home_imgcred_homesplash', @isMercury, 'raw')%>'><br>
      <% else %>
        Image URL + credit (editor only):
        <%= Content.text('home_img_homesplash', @isMercury)%>
        <%= Content.text('home_imgcred_homesplash', @isMercury)%>
      <% end %>
    </a>
    <p class='text-center'>
      <a href='/level1' class='more capitalize'>PLAY NOW!<span><i class='fa fa-chevron-right'></i></span></a>
    </p>
    <p>
      <%= Content.text('index_play_desc', @isMercury) %>
    </p>
  </div>
  <div class='col-sm-6 index-about'>
    <h2><%= Content.text('index_about_title', @isMercury) %></h2>
    <ul>
      <li>
        <h3><%= Content.text('index_about_1_title', @isMercury) %></h3>
        <p>
          <%= Content.text('index_about_1_desc', @isMercury) %>
        </p>
        <a href='/more' class='more capitalize'>Read more<span><i class='fa fa-chevron-right'></i></span></a>
      </li>
    </ul>
  </div>
</div>
<div class='divider'></div>
<div class='row'>
  <div class='col-md-5 twitterfeed'>
    <h2><%= Content.text('index_twitter_aside_title', @isMercury) %></h2>
    <p><%= Content.text('index_twitter_aside_desc', @isMercury) %></p>
    <a class="twitter-timeline" href="https://twitter.com/search?q=thesustainabilitysudoku" data-widget-id="519761296837709824" data-chrome="nofooter transparent noscrollbar" data-tweet-limit="3" data-link-color="#23A6C0">#thesustainabilitysudoku Tweets</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </div>
  <div class='col-md-6 col-md-offset-1 index-about'>
    <ul>
      <li>
        <h3><%= Content.text('index_about_2_title', @isMercury) %></h3>
        <p>
          <%= Content.text('index_about_2_desc', @isMercury) %>
        </p>
        <a href='/about' class='more capitalize'>Read more<span><i class='fa fa-chevron-right'></i></span></a>
      </li>
    </ul>
  </div>
</div>