index.html 10.5 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
170
171
172
        <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, follow us on <a href="https://facebook.com/MasonSRCT">Facebook</a>
          or <a href="https://twitter.com/MasonSRCT">Twitter</a>!
        </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
          During the semester we have weekly meetings, where we do many things. Make sure to bring your laptop
185
186
187
188
189
190
191
192
193
194
195
        </p>
        <p>
          Make sure to pick up a sticker for your laptop. You can also purchase a shirt
        </p>
        <p>
          Development meetups happen
        </p>
        <p>
          All of our major events are on our calendar and our Facebook page, and will
          get announced on our mailing list
        </p>
196
197
198
199
      </div>
    </div>
  </div>
  
200
  <div class="col-lg-4">
201
202
203
204
205
    <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">
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
        <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>
225
226
227
      </div>
    </div>
  </div>
228
</div>
229
230
231
{% endblock %}

{% block scripts %}
232
233
234
235
236
<!-- <script src="/static/js/parallax.min.js"></script>

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

237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<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
268
{% endblock %}