home.html 18.6 KB
Newer Older
Mark Stenglein's avatar
Mark Stenglein committed
1 2 3 4 5
layout: default
permalink: /
title: SRCT
description: "test"
jumbotron: true
Mark Stenglein's avatar
Mark Stenglein committed
Daniel W Bond's avatar
Daniel W Bond committed

9 10 11 12 13 14 15 16
<div class="row smidge">
  <div class="col-md-12 text-center">
      <span class="label label-default">
        <i class="fa fa-gavel fa-fw"></i>&nbsp;<strong>Next Meeting</strong>
       <span id="meetingDate">Please wait while we fetch the upcoming meeting information...</span>
Mark Stenglein's avatar
Mark Stenglein committed
    <!--<a href="https://example.com/REPLACEWITHCALENDAR">calendar</a> or visit our
18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
    <a href="https://www.facebook.com/MasonSRCT">Facebook</a> or
    <a href="https://www.twitter.com/MasonSRCT">Twitter</a> pages.</p>-->

<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 class="row smidge">
  <legend><i class="fa fa-child fa-fw"></i>&nbsp;<strong>Initiatives</strong></legend>
39 40

  <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">
Mark Stenglein's avatar
Mark Stenglein committed
    <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">
42 43
  <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>
45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
      <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>
70 71 72 73 74 75 76

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

  <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">
Mark Stenglein's avatar
Mark Stenglein committed
    <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">
79 80
  <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>
82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102
      <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
      <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>

105 106 107 108 109 110
  <div class="col-xs-offset-2 col-xs-8 smidge">
    <hr />
  <div class="col-xs-2">

  <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">
Mark Stenglein's avatar
Mark Stenglein committed
    <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">
113 114
  <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>
116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
      <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>
136 137 138

<div class="row smidge">
  <legend><i class="fa fa-laptop fa-fw"></i>&nbsp;<strong>Getting Involved</strong></legend>
  <div class="col-lg-4">
142 143 144 145 146
    <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 class="panel-body">
147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167
          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.
          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>.
          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.
168 169
          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>!
171 172 173
Daniel W Bond's avatar
Daniel W Bond committed

  <div class="col-lg-4">
176 177 178 179 180
    <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 class="panel-body">
182 183 184 185 186
          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!
187 188
189 190 191
          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.
192 193
          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
Mark Stenglein's avatar
Mark Stenglein committed
          <a href="/calendar/">calendar</a>, on our <a href="https://facebook.com/MasonSRCT">Facebook page</a>,
197 198 199
          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>.
200 201
          Whenever you come, make sure to pick up a free SRCT sticker. They look lovely on laptops.
204 205 206

  <div class="col-lg-4">
209 210 211 212 213
    <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 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>
217 218
          <li role="presentation">
            <a href="#design" aria-controls="design" role="tab" data-toggle="tab"><strong>Design</strong></a>
220 221
          <li role="presentation">
            <a href="#infra" aria-controls="infra" role="tab" data-toggle="tab"><strong>Infrastructure</strong></a>
223 224 225 226 227
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane fade in active" id="code">
228 229 230 231 232 233 234 235 236 237
              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>.
238 239
240 241 242 243 244 245 246 247
              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>.
248 249 250 251
          <div role="tabpanel" class="tab-pane fade" id="design">
252 253 254 255 256 257 258
              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.
259 260
261 262 263 264 265 266 267 268 269 270 271 272 273
              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>?
274 275 276 277
          <div role="tabpanel" class="tab-pane fade" id="infra">
278 279 280 281 282 283 284
              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.
285 286
287 288 289
              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,
291 292 293 294
              <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
Mark Stenglein's avatar
Mark Stenglein committed
              <a href="/projects/">projects</a>.
296 297
              <a href="https://git.gmu.edu/srct/whats-open">What's Open</a>
              is a good one to start with.
298 299 300
301 302 303

Mark Stenglein's avatar
Mark Stenglein committed
306 307 308

<!-- <script src="/assets/js/parallax.min.js"></script>
309 310 311 312

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

313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339
$(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
    // Expand one recurring event to multiple events
    // Starting now until we hit the first event.
    "timeMin":new Date().toISOString(),
    // Change this if the title of the weekly meeting on the calendar changes!
  function(data) {
    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);
Daniel W Bond's avatar
Daniel W Bond committed
    $("#meetingDate").text("Join us for our next meeting in "+data.items[0].location+" at "+timeString+" on "+dateString +". Make sure to bring your laptop!")
341 342 343