Website/src/demoday/2019fa.erb

---
title: CSE 2019 Fall Departmental Demo Day
event_location: "Davis Hall; 1st Floor Atrium"
event_date: Friday December 6, 2019
schedule: 
  - - "12:30 PM"
    - "Staff Arrives [Setup Tables, etc…]"
  - - "1:00 PM"
    - "Participants Arrive [Setup starts for participants and sponsors]"
  - - "2:00 PM"
    - "Networking for participants and Judges"
  - - "2:30 PM"
    - "Demo Day opens to public"
  - - "4:30 PM"
    - "Breakdown and Judging Tabulated, shift into 101"
  - - "5:00 PM"
    - "Prizes awarded, Teams give their pitch to audience"
  - - "6:00 PM"
    - "Demo Day Ends"
events:
  - title: Setup
    details: >
      Tables will be available for both sponsors (each sponsor will get a table) and demo participants (2 to a table).  Easels will be available for participants.  If you need power, please let us know!  If you have any other special requests, please contact ahunt@buffalo.edu to let me know, and we will do our best to accomodate you.  There is an hour reserved for setup - you can come at any time during that period to get organized, but please make sure you leave yourself enough time to be ready to go by 2PM, to give you the chance to network.
  - title: Networking
    details: >
      Before we open the atrium to students and the public, we’ll have some time reserved for the participants to come and chat with the sponsors and the judges.  Pizza will be there as well (A big thank you to our sponsors!), so that the participants and sponsors can have a chance to eat before demos begin!
  - title: Judging
    details: >
      During the demo, judges will circulate to the participants demo stations, and they will be rating each project on a specific set of criteria.  Judges, expect to spend approximately five minutes with each team, in order to give you time to see them all.  You will be assigned a set of projects to view specifically, but you can feel free to talk to more teams as time permits!  Teams, keep this in mind and keep your presentations crisp and to the point!
  - title: Breakdown and Tabulation
    details: >
      At 4:30, we’ll pack up and head into Davis 101 for the awards, which will start at approximately 5:15.  The winners will be notified by 5 so that they can prepare a short presentation.
  - title: Prizes
    details: >
      There will be prizes for the top three teams selected by the judges (generously provided by our sponsor M&T bank).  This semester there is also a “best research” prize (generously provided by our sponsor ACV Auctions). Each team will have a few minutes to present their projects (or a video, for 611) to the whole group. Good luck to everyone, and I can’t wait to see you all there!
---
<% 
  classes = $db["demoday/2019fa/classes"]
%>

<center>
<h1><%= title %></h1>
<h3><%= event_date %></h3>
</center>

<div style="max-width: 600px; margin-left: auto; margin-right: auto;">
  <p>
    We're thrilled to invite you to the fifth bi-annual Comp. Sci. &amp; Eng. Fall Demo Day.  Student groups from several CSE capstone classes will be presenting the culmination of 3-months of effort, hard work, (metaphorical) blood, sweat (well... caffeine really), and tears (see above).  
  </p>


  <hr/>


  <h2>Sponsors</h2>

  <p style="text-align: center;">
    <a href="https://www.mtb.com/">
      <img src="sponsors/mt_bank.png" alt="M&amp;T Bank" width="184" height="100" style="margin-left: 25px; margin-right: 50px;" />
    </a>
    <a href="https://starkandwayne.com/">
      <img src="sponsors/sw_horizontal_hi_res.png" alt="Stark and Wayne" width="315px" height="39"/>
    </a>
    <a href="https://www.acvauctions.com/">
      <img src="sponsors/acv_auctions.png" alt="ACV Auctions" width="96" height="45"  style="margin-left: 50px; margin-right: 25px;" />
    </a>
  </p>

  <hr/>

  <h2>Schedule</h2>
  <h4><%= event_date %> → <%= event_location %></h4>

  <table>
  <% 
  schedule.each do |time, description| %>
    <tr>
      <th style="padding-left: 10px; padding-right: 20px; "><%= time %></th>
      <td><%= description %></td>
    </tr>
  <% end %>
  </table>

  <% events.each do |event| %>
    <h4><%= event["title"] %></h4>
    <p><%= event["details"] %></p>
  <% end %>

  <hr/>

  <h2>Projects</h2>

  <%
  def render_student(data)
    data = { "name" => data } if data.is_a? String

    txt = "<span style=\"font-weight: normal\">#{data["name"]}</span>"

    tags = [
      ["github",   "github", ""],
      ["linkedin", "linkedin", ""],
      ["email",    "email", "mailto:"]
    ].map do |key, tag, prefix|
      "<a href=\"#{prefix}#{data[key]}\">#{tag}</a>" if data.include? key
    end.compact
    txt += " <span style=\"font-size: 80%\">[ #{tags.join(" | ")} ]</span>" unless tags.empty?

    return "<div style='display: inline-block'><span style='font-size: 110%'></span> #{txt} <span style='font-size: 110%'></span></div>"
  end

  project_id = 0
  %>

  <% classes.each do |class_data|
    class_title = class_data["class"]
    groups      = class_data.fetch("groups", [])
    groups = [] if groups.nil?
  %>
    <h4><%= class_title %></h4>

    <dl style="margin-left: 20px;">
    <% groups.each do |group_data|
      project = group_data["title"]
      project = "<a href=\"#{group_data["url"]}\">#{project}</a>" if group_data.include? "url"
      team = group_data["group"]
      %>
      <dt style="display: run-in; font-size: 110%; font-weight: normal; text-decoration: underline;"><b><%= project_id += 1 %>.</b> <%= project %></dt>
      <dd style="display: inline-block; margin-right: auto;">
        <% team.each do |student| %>
          <div style="margin-left: 30px; margin-top: -8px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;"><span style="font-size: 150%;">↳</span> <%= render_student(student) %></div>
        <% end %>
      </dd>
      <dd style="margin-bottom: 10px; margin-left: 10px; font-style: italic; "><%= group_data.fetch("description", "A really ☃ project")%></dd>
    <% end %>
    </dl>
  <% end %>


  <hr/>

  <h2>Previous Demo Days</h2>

  <ul><% [
      "2016fa", "2017fa", "2018fa", "2019sp"
    ].each do |short| 
      full = short.gsub(/fa/, " Fall").gsub(/sp/, " Spring") %>
      <li><a href="<%=short%>.html"><%= full %></a></li>
    <% end %>
  </ul>
</div>