home.html

---
layout: default
permalink: /
title: SRCT
description: "test"
---


<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="https://example.com/REPLACEWITHCALENDAR">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="/assets/img/openhatch.jpg" alt="Renfred and Daniel assist Heather, a student attending our Openhatch workshop in 2014." 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>Our primary purpose is improving life at Mason by developing and hosting
         software services. We give students the opportunity to build their computing
         experience outside of the classroom, and for the benefit of the Mason community.
         All of the projects we develop are released under open source licenses so anyone
         can examine our code to learn, to make changes or improvements, or to run on
         their own.</p>
      <p>As one example, in 2011 two of our members wanted to make it easier to see when
         dining locations on campus were still open. Beginning together, but gradually
         bringing in contributions from half a dozen others, SRCT built
         <a href="https://whatsopen.gmu.edu/">whatsopen.gmu.edu</a>, displaying live
         the opening and closing times for all of Mason's dining options. Our
         collaborators then took the skills they learned creating that site with them
         to interviews and to the workforce. Today, it's our most popular project,
         visited by hundreds of students daily, and used at our meetings to teach
         prospective new members.</p>
      <p>There are many aspects required to create a functional, useful service, and more
         still to keep it running. Beyond coding or other technical contributions we need
         designers, organizers, artists, writers, and testers-- students who may never
         have taken a CS or IT course. If you're interested in helping, there are plenty
         of places to devote your talent.</p>
      <p>Not only do we work to continually improve our existing projects--let us know if
         you come across a bug or think of a useful new feature-- but we're always eager
         to hear ideas for new projects. Working together, our members can help bring
         your idea to fruition and deployment.</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="/assets/img/bitcamp.jpg" alt="Michel and Ben compete at Bitcamp, a hackathon held at the university of Maryland, in 2014." 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>We work to offer opportunities for Mason students to strengthen their skills and
         further their leadership experience through a broad variety of events throughout
         the year.</p>
      <p>Each month or so, we hold large-scale events. These have ranged from all-day
         workshops, with small group breakout sessions, speakers, and panels to week-long
         guided development competitions.</p>
      <p>We organize contingents to represent Mason at hackathons around the country,
         intercollegiate programming competitions for students of all skill levels. We
         also travel to conferences like LibrePlanet or PyCon to deepen our knowledge,
         for inspiration, and to build out connections beyond the Mason community.</p>
      <p>Additionally, and on a smaller scale, we hold weekly meetings with talks or
         workshops led by other students, or occasionally, special guest speakers. These
         cover a broad number of industry-standard topics, and range from introductory
         steps to deep dives. A recurring subset of these workshops aim at preparing
         students for the kinds of questions they might encounter in technical
         interviews.</p>
      <p>These meetings also afford us the opportunity to work on projects in person
         together, and hammer out solutions to challenges or organize timelines for
         continued development. Project managers also occasionally call separate,
         project-specific workshops to help move their project through the next feature
         or to the next release.</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="/assets/img/org-fair.jpg" alt="Chris, Melissa, and Luca  stand at our table for Student Involvement's Get Connected student org fair in the beginning of fall 2014." 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>We believe in returning the skills we've learned together back to our community.
         Our student membership works to provide other students with hands-on learning
         opportunities, regardless of their experience level. Then, should they continue
         with our organization, they can take up the leadership role of teaching
         newcomers what they've learned themselves.</p>
      <p>Our commitment to volunteerism extends beyond development on our open source
         projects. We've led elementary school students through their first steps
         learning how to program. We began the drive for a campus maker space, so
         everyone could have a place to learn and collaborate on technical projects. We
         host software development services for Mason students. We continue to grow a
         collection of freely licensed campus photography.</p>
      <p>Underlying everything is friendship and spirit of fun. Our members work in study
         groups, get the occasional dinner together, or escape from technology for a bit
         and head outdoors. We hold celebratory events at the end of semesters, and stay
         in touch over the summer, or after graduating.</p>
      <p>SRCT was founded in part by three LGBTQ students, and we've long been proud of
         the diversity of our membership. In working to benefit the whole Mason
         community, we need input from as many of our diverse campus' perspectives as
         possible. Women and students from minority groups are welcomed and encouraged to
         participate and join. And if you're in CS 101, come say hello!</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="https://example.com/REPLACEWITHCALENDAR">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">
        <ul class="nav nav-pills nav-justified smidgen small" role="tablist">
          <li role="presentation" class="active">
            <a href="#code" aria-controls="code" role="tab" data-toggle="tab"><strong>Code</strong></a>
          </li>
          <li role="presentation">
            <a href="#design" aria-controls="design" role="tab" data-toggle="tab"><strong>Design</strong></a>
          </li>
          <li role="presentation">
            <a href="#infra" aria-controls="infra" role="tab" data-toggle="tab"><strong>Infrastructure</strong></a>
          </li>
        </ul>
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane fade in active" id="code">
            <p>
              Version control lets developers keep an organized history of their changes.
              This means you can fearlessly try out your ideas and allows multiple people
              to easily collaborate simultaneously. We use
              <a href="https://git-scm.com/">Git</a> as our version control system.
              All of our projects are on
              the <a href="https://about.gitlab.com/">git server we run</a> for Mason,
              <a href="https://git.gmu.edu/users/sign_in">git.gmu.edu</a>, and are mirrored
              to <a href="https://github.com/srct">Github</a>, a similar commercial service.
              Get a good handle on using git with
              <a href="https://try.github.io/levels/1/challenges/1">this quick tutorial</a>.
            </p>
            <p>
              You can check out
              <a href="https://git.gmu.edu/groups/srct">the source for all of our projects</a>
              and take a look at every issues we're working on. If you find any bugs,
              or think of a feature you believe would be beneficial, you can create an issue
              yourself. Dive right in by following a project's setup docs, or start
              going through a tutorial on the main development frameworks we use,
              <a href="https://docs.djangoproject.com/en/stable/intro/tutorial01/">in Python</a>,
              or <a href="https://www.meteor.com/tutorials/blaze/creating-an-app">in JavaScript</a>.
            </p>
          </div>
          <div role="tabpanel" class="tab-pane fade" id="design">
            <p>
              Bring your ideas and perspectives to our promotional material, photography,
              and software interfaces! Start off by taking a look at Mason's
              <a href="http://brand.gmu.edu/">official branding guidelines</a>. They form
              the foundation for our design work, with their
              <a href="http://brand.gmu.edu/visual-identity-and-style/color/">recommended color palettes</a>,
              <a href="http://brand.gmu.edu/visual-identity-and-style/typography/">font faces</a>,
              and overall perspective.
            </p>
            <p>
              For contributing to software, see the kinds of elements and paradigms
              you can incorporate with CSS frameworks like
              <a href="http://getbootstrap.com/css/">Bootstrap</a> or
              <a href="http://www.getmdl.io/components/index.html">MDL</a>. Learn
              about creating straightforward user experiences by reading
              <em><a href="http://proquest.safaribooksonline.com.mutex.gmu.edu/book/web-design-and-development/9780133597271">Don't Make Me Think</a></em>,
              free through Mason's online collections.
              Then, walk through our projects, considering these sorts of questions: Are basic
              <a href="https://stayintech.com/info/UX">user functions obvious</a>?
              Do pages load cleanly and quickly on
              <a href="https://en.wikipedia.org/wiki/Responsive_web_design">both desktops
              and phones</a>? Can you easily understand when
              <a href="https://www.amherst.edu/help/make_accessible">using a screenreader</a>?
            </p>
          </div>
          <div role="tabpanel" class="tab-pane fade" id="infra">
            <p>
              Without reliable server infrastructure to host all of our services,
              the code we write wouldn't be much help to Mason's community. Take a look
              at learning to use the Unix command line. In Hollywood, it's the
              <a href="https://www.youtube.com/watch?v=dFUlAQZB9Ng">sign of an elite hacker</a>,
              but doesn't have to be mystifying. Sure, no mouse is a bit different, but soon
              enough, you'll see both how using a terminal gives you far more power, and
              why for a lot of cases, it's easier than clicking, dragging, and dropping.
            </p>
            <p>
              The free version of
              <a href="https://www.codecademy.com/learn/learn-the-command-line">this tutorial</a>
              is a great place to begin.
              If you're already using Linux or macOS,
              <a href="http://cli.learncodethehardway.org/book/">this tutorial</a>
              is another great resource (ignore the intimidating title) to try things out
              on your own machine. Once you have a little practice under your belt,
              try following our documentation to deploy one of our
              <a href="/projects/">projects</a>.
              <a href="https://git.gmu.edu/srct/whats-open">What's Open</a>
              is a good one to start with.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- BREAK OUT INTO TEMPLATE BLOCK -->

<!-- <script src="/assets/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 +". Make sure to bring your laptop!")
  });
});
</script>