index.html 11.4 KB
Newer Older
Daniel W Bond's avatar
Daniel W Bond committed
1
{% extends "layouts/base.html" %}
Daniel W Bond's avatar
Daniel W Bond committed
2
3
4
5
6

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

7
{% block jumbotron %}
Daniel W Bond's avatar
Daniel W Bond committed
8

9
<!-- <ul id="jumboparallax">
Daniel W Bond's avatar
Daniel W Bond committed
10

11
12
  <li class="layer" data-depth="0.50"> -->
    <div class="jumbotron jumbostyle">
Daniel W Bond's avatar
Daniel W Bond committed
13

14
      <div class="container">
15
      <!-- <li class="layer" data-depth="0.00"> -->
Daniel W Bond's avatar
Daniel W Bond committed
16
        <div class="row">
17
18
19

          <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" />
Daniel W Bond's avatar
Daniel W Bond committed
20
          </div>
21
22
23
24
          <div class="col-md-5">
            <p class="xolonium srct-title">Student-Run<br />Computing +<br />Technology</p>
          </div>

25
        </div>
Daniel W Bond's avatar
Daniel W Bond committed
26
      </div>
27
      <!-- </li> -->
Daniel W Bond's avatar
Daniel W Bond committed
28

29
    </div>
30
31
32
<!--  </li>

</ul> -->
33

34
{% endblock %}
Daniel W Bond's avatar
Daniel W Bond committed
35
36


37
38
{% block content %}

39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<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>
69
70
71
72
73

  <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">
74
75
76
77
78
79
80
    <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>
81
82
83
84
85
86
    <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>
87
  </div>
88
89
90
91
92
93
94

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

95
96
97
98
  <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">
99
100
101
102
    <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>
103
104
105
106
107
108
109
110
111
112
113
114
      <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>
115
116
  </div>
  
117
118
119
120
121
122
  <div class="col-xs-offset-2 col-xs-8 smidge">
    <hr />
  </div>
  <div class="col-xs-2">
  </div>

123
124
125
126
  <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">
127
128
    <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>
129
130
131
132
133
134
135
136
137
      <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>
138
139
140
  </div>
</div>

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

177
  <div class="col-lg-4">
178
179
180
181
182
    <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">
183
        <p>
184
185
186
187
188
          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!
189
190
        </p>
        <p>
191
192
193
          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.
194
195
        </p>
        <p>
196
197
198
199
200
201
202
          You can also come to any of our major events: all-day workshops, travel to conferences,
          hosting speakers, and more. Every one 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>.
203
204
        </p>
        <p>
205
          Whenever you come, make sure to pick up a free SRCT sticker. They look lovely on laptops.
206
        </p>
207
208
209
210
      </div>
    </div>
  </div>
  
211
  <div class="col-lg-4">
212
213
214
215
216
    <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">
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
        <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>
236
237
238
      </div>
    </div>
  </div>
239
</div>
240
241
242
{% endblock %}

{% block scripts %}
243
244
245
246
247
<!-- <script src="/static/js/parallax.min.js"></script>

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

248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
<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>
Daniel W Bond's avatar
Daniel W Bond committed
279
{% endblock %}