index.html

{% extends "layouts/base.html" %}

{% block title %}
SRCT
{% endblock %}

{% block jumbotron %}

<!-- <ul id="jumboparallax">

  <li class="layer" data-depth="0.50"> -->
    <div class="jumbotron jumbostyle">

      <div class="container">
      <!-- <li class="layer" data-depth="0.00"> -->
        <div class="row">

          <div class="col-lg-offset-3 col-lg-2 col-md-offset-3 col-md-3 col-sm-offset-2 col-sm-3 col-xs-offset-1 col-xs-4">
            <img src="/static/img/SRCT_sq_white_shadow.svg" class="img-responsive" alt="SRCT" />
          </div>
          <div class="col-md-5">
            <p class="xolonium srct-title">Student-Run<br />Computing +<br />Technology</p>
          </div>

        </div>
      </div>
      <!-- </li> -->

    </div>
<!--  </li>

</ul> -->

{% endblock %}


{% block content %}

<div class="row smidge">
  <div class="col-md-12 text-center">
    <h4>
      <span class="label label-default">
        <i class="fa fa-gavel fa-fw"></i>&nbsp;<strong>Next Meeting</strong>
       </span>&nbsp;&nbsp;
       <span id="meetingDate">Please wait while we fetch the upcoming meeting information...</span>
    </h4>
    <!--<a href="{{ url_for('calendar') }}">calendar</a> or visit our
    <a href="https://www.facebook.com/MasonSRCT">Facebook</a> or
    <a href="https://www.twitter.com/MasonSRCT">Twitter</a> pages.</p>-->
  </div>
</div>

<div class="row smidge">
  <legend><i class="fa fa-bullhorn fa-fw"></i>&nbsp;<strong>Mission</strong></legend>
  <div class="col-md-12">
    <p><strong>S</strong>tudent-<strong>R</strong>un <strong>C</strong>omputing and
    <strong>T</strong>echnology (SRCT, pronounced "<em>circuit</em>") is a student
    organization at <a href="https://www.gmu.edu/">George Mason University</a> which
    enhances student computing at our school by developing and maintaining systems
    that provide specific services for Mason's community.</p>
    <p>We were founded in 2011 to be a place where students could work together,
    share their knowledge, and build really neat projects for the benefit of everyone
    at Mason, as well as run a host of events to help get students involved. </p>
  </div>
</div>

<div class="row smidge">
  <legend><i class="fa fa-child fa-fw"></i>&nbsp;<strong>Initiatives</strong></legend>

  <div class="col-lg-3 col-lg-push-9 col-md-offset-0 col-md-4 col-md-push-8 col-sm-offset-3 col-sm-6 col-xs-offset-3 col-xs-6 smidge">
    <img src="/static/img/openhatch.jpg" alt="..." class="img-circle img-responsive center-block">
  </div>
  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
    <h4><strong>Projects & Infrastructure</strong></h4>
      <p>To learn more about SRCT, check out our
      <a href="{{ url_for('projects') }}">projects</a>, active, under development, or proposed, or talk to one of the
      <a href="{{ url_for('people') }}">members</a>! Technical documentation is
      available on our <a href="http://wiki.srct.gmu.edu">wiki</a>, and all of our
      code is visible on the <a href="http://git.gmu.edu/public">public page</a> of
      our student git repository.</p>
    <p>
      We run projects for the benefit of the community. All of our projects open source so anyone can learn and contribute. Blog consectetur cronut bespoke paleo, elit echo park church-key salvia cred stumptown tempor sapiente. Pariatur raw denim umami try-hard, hammock velit disrupt semiotics neutra.
    </p>
    <p>
      And of course, we need people to help manage the infrastructure that all of our projects are hosted on. Laboris kogi kickstarter bitters leggings sustainable, irony put a bird on it thundercats YOLO skateboard nulla franzen.
    </p>
  </div>

  <div class="col-xs-offset-2 col-xs-8 smidge">
    <hr />
  </div>
  <div class="col-xs-2">
  </div>

  <div class="col-lg-3 col-lg-push-9 col-md-offset-0 col-md-4 col-md-push-8 col-sm-offset-3 col-sm-6 col-xs-offset-3 col-xs-6 smidge">
    <img src="/static/img/bitcamp.jpg" alt="..." class="img-circle img-responsive center-block">
  </div>
  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
    <h4><strong>Events & Workshops</strong></h4>
      <p>You can come to any of our planned <a href="//hackmason.org">events</a>. We hold
      numerous events each semester, from traveling to hackathons and conferences to
      doing local outreach, holding large programming events, and hosting speakers.</p>
      <p>
        We hold our own large events around once a month
      </p>
      <p>
        Sometimes, we host speakers at meetings
      </p>
      <p>
        We organize Mason contingents to hackathons, intercollegiate programming competitions
      </p>
      <p>
        We hold workshops at meetings and on weekends to help people learn to computer
      </p>
  </div>

  <div class="col-xs-offset-2 col-xs-8 smidge">
    <hr />
  </div>
  <div class="col-xs-2">
  </div>

  <div class="col-lg-3 col-lg-push-9 col-md-offset-0 col-md-4 col-md-push-8 col-sm-offset-3 col-sm-6 col-xs-offset-3 col-xs-6 smidge">
    <img src="/static/img/org-fair.jpg" alt="..." class="img-circle img-responsive center-block">
  </div>
  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
    <h4><strong>Outreach & Community</strong></h4>
      <p>See some of the ways we've improved life on campus on the <a href="{{ url_for('projects') }}">projects page</a>.</p>
      <p>
        We have helped teach elementary school children programming in the past, currently on hold
      </p>
      <p>
        We try to be real friendly-like, go do random social things or get food :-)
      </p>
      <p>
        Students from CS 101 are welcome to attend; can haz minorities pls
      </p>
  </div>
</div>

<div class="row smidge">
  <legend><i class="fa fa-laptop fa-fw"></i>&nbsp;<strong>Getting Involved</strong></legend>
  <div class="col-lg-4">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title text-center"><i class="fa fa-comments-o fa-fw"></i> Get In Touch</h3>
      </div>
      <div class="panel-body">
        <p>
          We communicate and organize primarily on <a href="https://slack.com/is">Slack</a>.
          Slack is a communication app for teams. If you've used
          <a href="https://en.wikipedia.org/wiki/Internet_Relay_Chat">IRC</a>, you'll feel
          right at home. Head to <a href="https://srct.slack.com/">srct.slack.com</a>,
          click 'Create an Account', and <a href="https://srct.slack.com/signup">sign up</a>
          with your Mason email address.
        </p>
        <p>
          When you get signed in, you'll will find 'channels' for discussion about all
          of our projects, events, and a number of other community topics. Join as many
          channels as you wish if you're interested their respective subjects. You may
          then want to install <a href="https://slack.com/downloads">Slack's mobile or desktop apps</a>.
        </p>
        <p>
          Then, sign up for our
          <a href="http://lists.srct.gmu.edu/listinfo/srct-general">primary mailing list</a>
          to get emails around once a month with updates on upcoming events, opportunities,
          or project releases.
        </p>
        <p>
          Finally, like our page on  <a href="https://facebook.com/MasonSRCT">Facebook</a>
          or follow us on <a href="https://twitter.com/MasonSRCT">Twitter</a>!
        </p>
      </div>
    </div>
  </div>

  <div class="col-lg-4">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title text-center"><i class="fa fa-heart-o fa-fw"></i> Stop On By</h3>
      </div>
      <div class="panel-body">
        <p>
          There are a couple of opportunities to come and say hello. During the semester,
          we hold weekly meetings, where we run
          <a href="https://wiki.srct.gmu.edu/Category:Workshops">workshops</a>,
          work on projects, plan events, and handle administrative and organizational matters.
          Remember to bring your laptop!
        </p>
        <p>
          Development meetups are called to push forward work on projects or help students
          continue to build the skills they need to contribute. They're a little more sporadic,
          but you're always welcome to join in.
        </p>
        <p>
          You can also come to any of our major events: all-day workshops, travel to conferences,
          hosting speakers, and more. Every event goes on our
          <a href="{{ url_for('projects') }}">calendar</a>, on our
          <a href="https://facebook.com/MasonSRCT">Facebook page</a>,
          and is announced on our
          <a href="http://lists.srct.gmu.edu/listinfo/srct-general">mailing list</a>.
          You can also join us representing Mason at <a href="https://mlh.io/">hackathons</a>.
        </p>
        <p>
          Whenever you come, make sure to pick up a free SRCT sticker. They look lovely on laptops.
        </p>
      </div>
    </div>
  </div>

  <div class="col-lg-4">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title text-center"><i class="fa fa-files-o fa-fw"></i> Additional Resources</h3>
      </div>
      <div class="panel-body">
        <p>
          If you're raring and ready to get started
        </p>
        <p>
          Version control is cool try.github.io
        </p>
        <p>
          Check out the source (;-))for any of our projects on git.gmu.edu and see if there
          are any issues you're interested in taking on, or you can report bugs you've
          found yourself
        </p>
        <p>
          Next, you can work through either or both of these tutorials on some of the
          development frameworks we use Django, Meteor
        </p>
        <p>
          Read about more of the workshops we hold on our wiki, along with more information
          from infrastructure setup to event planning
        </p>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block scripts %}
<!-- <script src="/static/js/parallax.min.js"></script>

var scene = document.getElementById('jumboparallax');
var parallax = new Parallax(jumboparallax); -->

<script>
$(function() {
  // Public API Key for Google Calendar access (Key from nander13's gmail account)
  var apiKey = "AIzaSyDgaXDxmMEdtbIaq3TXmf4jxXZLG8CeoMs";

  // Instead of loading the _entire_ Google API library, let's just make a GET request
  $.getJSON("https://www.googleapis.com/calendar/v3/calendars/kaiuicpoki9p3u92eklent0eec%40group.calendar.google.com/events",
  {
    // Expand one recurring event to multiple events
    "singleEvents":"true",
    "orderBy":"startTime",
    // Starting now until we hit the first event.
    "timeMin":new Date().toISOString(),
    "showDeleted":"false",
    "maxResults":"1",
    // Change this if the title of the weekly meeting on the calendar changes!
    "q":"SRCT+Weekly+Meeting",
    "key":apiKey
  },
  function(data) {
    //console.log(data.items[0])
    var d = new Date(data.items[0].start.dateTime),
        monthName = d.toLocaleString("en-us", {month: "long"}),
        dateOptions = { weekday: 'long', month: 'long', day: 'numeric' },
        timeOptions = { hour: 'numeric', minute: 'numeric'},
        dateString = d.toLocaleString("en-us", dateOptions),
        timeString = d.toLocaleString("en-us", timeOptions);
    $("#meetingDate").text("Join us for our next meeting in "+data.items[0].location+" at "+timeString+" on "+dateString +".")
  });
});
</script>
{% endblock %}