rubycentral/cfp-app

<div class="flex relative h-screen" background-image-style-url>
  <div class="flex flex-col justify-between z-10 bg-black bg-opacity-80 text-white p-8 w-full h-full">
    <div class="flex justify-between flex-col sm:flex-row">
      <div class="flex flex-col mb-2">
        <p>Want to speak at <%= current_website.name %></p>
        <p>
          <%= link_to(
            "Call for Proposals",
            event_url(current_website.event),
            class: "underline"
          ) %>
          are open from now until <%= current_website.closes_at %>!
        </p>
      </div>
      <div class="flex flex-col sm:text-right">
        <p>Interested in sponsoring <%= current_website.name %>?</p>
        <p>
          Check out our
          <%= link_to(
            "Sponsorship Prospectus",
            current_website.prospectus_link,
            class: "underline"
          ) %>
        </p>
      </div>
    </div>
    <div class="flex flex-col items-start w-full my-4 sm:items-center">
      <logo-image width=175></logo-image>
      <div class="text-2xl font-semibold mt-4"><%= current_website.name %></div>
      <div class="text-xl font-semibold"><%= current_website.city %></div>
      <div class="text-2xl font-semibold mt-4 mb-2"><%= current_website.date_range %></div>
      <div class="text-left">
        <%= current_website.formatted_location %>
        <%= link_to("directions", current_website.directions, class: "mt-2 underline") %>
      </div>
    </div>
    <div class="flex justify-between flex-col sm:flex-row">
      <%= link_to(
        "@#{current_website.twitter_handle}",
        "https://twitter.com/#{current_website.twitter_handle}",
        class: "underline mb-2"
      ) %>
      <%= mail_to(
        current_website.contact_email,
        current_website.contact_email,
        class: "underline"
      ) %>
    </div>
  </div>
</div>