Aakup/MultiMeet-1

<% @title = "Project Dashboard - MultiMeet" %>
<%= render 'layouts/navbar' %>
<%= render 'layouts/alerts' %>

<div class="container-fluid">
<% if logged_in? %>
  <div class="header"><h1>Project Dashboard</h1></div>
  <% if @projects %>
    <div class="row">
    <div class="menu col-md-3 d-none d-md-block p-4">
      <p>Welcome to MultiMatch! Create or modify existing projects on the right.</p>
    </div>
    <div class="main col-md-9 row">
      <div class="row">
        <div class="card col-md-5 mx-5 mx-md-3" style="background-color:white;">
          <div class="card-body" id="bottom" style="border-style: dashed; border-color: #1a53ff">
            <a href="<%=new_project_path%>" style="text-decoration: none">
              <h3 style="color: #1a53ff">Add New Project</h3><span class="proj"></span>
            </a>
          </div>
        </div>
        <% @projects.each do |project| %>
          <div class="card col-md-5 mx-5 mx-md-3" style="background-color:#ffffff;">
            <div class="card-header" style="background-color: #FFFAFA">
              <a href= "<%=project_path(project.id)%>" style="text-decoration: none">
                <span1 class="proj1"></span1>
                <strong style="color: #222222"><%= project.project_name %></strong>
              </a>
            </div>
            <div class="card-body" id="bottom">
                <p style="color: black;">
                  <%= @num_responded[project.id] %> /
                  <%= project.participants.size %> participants responded
                </p>
              <div class="progress">
                <% responded_fraction = @responded_fraction[project.id] %>
                <% if responded_fraction > 0.75 %>
                  <div class="progress-bar bg-success" role="progressbar" style= "width: <%=responded_fraction*100%>%" aria-valuenow= "<%=responded_fraction*100%>" aria-valuemin="0" aria-valuemax="100"></div>
                <% elsif responded_fraction > 0.50 %>
                  <div class="progress-bar bg-info" role="progressbar" style= "width: <%=responded_fraction*100%>%" aria-valuenow= "<%=responded_fraction*100%>" aria-valuemin="0" aria-valuemax="100"></div>
                <% elsif responded_fraction > 0.25 %>
                  <div class="progress-bar bg-warning" role="progressbar" style= "width: <%=responded_fraction*100%>%" aria-valuenow= "<%=responded_fraction*100%>" aria-valuemin="0" aria-valuemax="100"></div>
                <% else %>
                  <div class="progress-bar bg-danger" role="progressbar" style= "width: <%=responded_fraction*100%>%" aria-valuenow= "<%=responded_fraction*100%>" aria-valuemin="0" aria-valuemax="100"></div>
                <% end %>
              </div>
            </div>
          </div>
        <% end%>
      </div>
    </div>
    </div> <!-- row -->
    <% end %>
<% else %>
  <div class="mx-4 my-4">
    <p>
      No projects available.
      <br>
      Please <strong>login</strong> or <strong>sign up</strong> for a new account!
    </p>
  </div>
<% end %>
</div> <!-- container -->