index.html

---
layout: default
---

<div style="height: 100%; margin-top: -75px" class="ui middle aligned grid ">

  <div class="column">

    <div style="position: relative; top: 75px; z-index: 1; background-color: darkgreen;"
      class="ui fluid centered small square image">
      <img width="100px" src="{{ site.baseurl}}/images/MIS.jpg">
    </div>


    <div style="max-width: 500px; padding-top: 75px; margin-top: 0px; padding-bottom: 20px"
      class="ui fluid centered card">

      <div class="center aligned content">
        <span class="header">MIS Portfolios</span>
        <div class="meta">
          <span class="date"></span>
        </div>
        <div class="left aligned description">
          A directory of undergraduate and alumni professional portfolios in the
          <a href="http://shidler.hawaii.edu/itm/about">Department of Information Technology Management</a> and
          <a href="http://shidler.hawaii.edu">Shidler College of Business</a>
          at the
          <a href="http://www.hawaii.edu">University of Hawaii</a>.
        </div>
      </div>

      <div class="ui center aligned four column stackable grid content">
        <div class="column">
          <a href="{{ site.baseurl}}/all">
            <button class="ui small green fluid button">(<span id=num_members_id>0</span>) Members</button>
            <script>
              var members = {{site.data.members | jsonify}}
              let num_members = 0;
              for(let group in members) {
                num_members += members[group].length;
              }
              document.getElementById("num_members_id").innerHTML = num_members;
            </script>
          </a>
        </div>
      </div>
    </div>
  </div>

</div>