<div class="emph-frame">
  <div id="not-me">

    <h1>Not About Me</h1>

    <% quote_display = "<p class='quote-box'>\"#{@quote.excerpt}\"</p> <h4 class='quote-source'>#{@quote.source} <br><span class='byline'> by #{@quote.author}</span></h4>".html_safe %>

    <ul>
      <% if @flip == 0 %>
        <li><%= quote_display %> </li>
      <% end %>
      <% @ratios.each do |rat| %>
        <li>
          <p><span class="ratio-num"><%= rat.number %></span> : <%= rat.description %></p>
        </li>
      <% end %>

      <li>
        <p> Top Billboard Hit on <%= @song.month %>, <%= @song.day %>, <%= @song.year %> :<br><span class="songname">"<%= @song.track %>" by <%= @song.artist %></span></p>
      </li>

      <% if @flip == 1 %>
        <li><%= quote_display %> </li>
      <% end %>
    </ul>

    <div id="new-facts">
    </div>

  </div>
</div>
<div id="factoid-display">
  <div class="emph-frame">
    <div id="not-me">

      <h1>Not About Me</h1>

      <% quote_display = "<p class='quote-box'>\"#{@quote.excerpt}\"</p> <h4 class='quote-source'>#{@quote.source} <br><span class='byline'> by #{@quote.author}</span></h4>".html_safe %>

      <ul>
        <% if @flip == 0 %>
          <li><%= quote_display %> </li>
        <% end %>
        <% @ratios.each do |rat| %>
          <li>
            <p><span class="ratio-num"><%= rat.number %></span> : <%= rat.description %></p>
          </li>
        <% end %>

        <li>
          <p> Top Billboard Hit on <%= @song.month %>, <%= @song.day %>, <%= @song.year %> :<br><span class="songname">"<%= @song.track %>" by <%= @song.artist %></span></p>
        </li>

        <% if @flip == 1 %>
          <li><%= quote_display %> </li>
        <% end %>
      </ul>

      <div id="new-facts">
        <button>↩</button>
      </div>

    </div>
  </div>
</div>
Adjust layout of factoid index.
Adjust layout of factoid index.
