index.html

---
title:
layout: default
---

<style>
  #content {
    padding-bottom: 0px;
  }
</style>

<div class="grid-vert-list">
  <div class="gridarea" id="bender_welcome">
    <div id="welcomecard">
      <h2>SUNY Potsdam ACM </h2>
      <h2>&& SUNY Potsdam ACM-W</h2>
      <h5>Fridays at 4pm</h5>
      <h5>Dunn 206</h5>
    </div>
    <div class="gridarea" id="summary-cards">
      <a href="/join" class="summary-badge">
        <p>
          <span class="subtitle">Join Our Club</span><br>
          <span class="muted">
            learn more about our club.
          </span>
        </p>
      </a>
      <a href="/about" class="summary-badge">
        <p>
          <span class="subtitle">Learn About Us</span><br>
          <span class="muted">
            mission statement
          </span>
        </p>
      </a>
      <a href="https://potsdamacm.slack.com/" class="summary-badge">
        <p>
          <span class="subtitle">Join Our Slack</span><br>
          <span class="muted">
            chat with other students and alumni. <br>
            get homework help.
          </span>
        </p>
      </a>
      <a href="/acmw" class="summary-badge">
        <p>
          <span class="subtitle">ACM-W</span><br>
          <span class="muted">
            our mission, past meetings.
          </span>
        </p>
      </a>
      <a href="/org" class="summary-badge">
        <p>
          <span class="subtitle">Organizers</span><br>
          <span class="muted">
            meet the students running ACM. <br>
            see past programs.
          </span>
        </p>
      </a>
      <a href="/donate" class="summary-badge">
        <p>
          <span class="subtitle">Support Us</span><br>
          <span class="muted">
            support our mission.
          </span>
        </p>
      </a>
      <a href="/blog" class="summary-badge">
        <p>
          <span class="subtitle">Blog</span><br>
          <span class="muted">
            ACM weekly email, student posts.
          </span>
        </p>
      </a>
      <a href="" class="summary-badge">
        <p>
          <span class="subtitle">CS Survival Guide</span><br>
          <span class="muted">
            COMING SOON.
          </span>
        </p>
      </a>
    </div>
  </div>
  <div id="slackplug" class="gridarea">
    <a href="https://potsdamacm.slack.com/"><p>
      Homework help, programmer humor, and a network of students and alumni.
      <img src="/assets/images/slack.svg" style="height:80px; vertical-align: middle;">
    </p></a>
  </div>
  <div class="gridarea" id="hpl17splash" style="height:500px;">
  </div>
  </div>
</div>

<!-- Scrollbar is hidden then appears on scroll -->
<!-- <script type="text/javascript">
  $(document).ready(function() {
    var header = $("header");
    var body = $("body");
    var header_position = header.position();
    var window_height = $(window).height();
    $(window).scroll(function() {
      var window_pos = $(window).scrollTop();
      // if (window_pos > header_position.top) {
      if (window_pos > (window_height - 200)) {
        body.addClass("show-top-row");
        header.removeClass("stickyheader-hide")
        header.addClass("stickyheader");
      } else {
        body.removeClass("show-top-row");
        body.addClass("hide-top-row");
        header.removeClass("stickyheader");
        header.addClass("stickyheader-hide");
      }
    });
  });
</script> -->

<!-- <style>
  body {
    grid-template-rows: 0px auto minmax(auto, 75px);
  }
  header {
    visibility: hidden;
  }
</style> -->