index.html 10.6 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<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-md-9 col-sm-8 col-xs-8 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>See some of the ways we've improved life on campus on the <a href="{{ url_for('projects') }}">projects page</a>.</p>
      <p>We're on <a href="https://www.facebook.com/MasonSRCT">Facebook</a> and
      <a href="https://www.twitter.com/MasonSRCT">Twitter</a>, have
      <a href="http://lists.srct.gmu.edu/mailman/listinfo">active mailing lists</a>,
      and an active <a href="https://srct.slack.com/">Slack team</a>. More ways to
      get in touch are on our <a href="{{ url_for('contact') }}">contact page</a>.</p>
  </div>
  <div class="col-md-3 col-sm-4 col-xs-4 smidge">
    <img src="/static/img/openhatch.jpg" alt="..." class="img-circle img-responsive center-block">
  </div>
87
88
89
90
91
92
93

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

94
95
96
97
98
99
100
101
102
103
104
105
  <div class="col-md-9 col-sm-8 col-xs-8 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>Letterpress venmo mixtape microdosing raw denim cray. Master cleanse four dollar toast paleo letterpress pork belly. Wayfarers meh pariatur, flannel velit mixtape kogi sunt banjo green juice ullamco four loko. Quinoa incididunt enim, laboris occaecat blog ethical stumptown et do raw denim distillery etsy.</p>
      <p>See some of the ways we've improved life on campus on the <a href="{{ url_for('projects') }}">projects page</a>.</p>
  </div>
  <div class="col-md-3 col-sm-4 col-xs-4 smidge">
    <img src="/static/img/bitcamp.jpg" alt="..." class="img-circle img-responsive center-block">
  </div>
  
106
107
108
109
110
111
  <div class="col-xs-offset-2 col-xs-8 smidge">
    <hr />
  </div>
  <div class="col-xs-2">
  </div>

112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
  <div class="col-md-9 col-sm-8 col-xs-8 smidge">
    <h4><strong>Outreach & Community</strong></h4>
      <p>We're on <a href="https://www.facebook.com/MasonSRCT">Facebook</a> and
      <a href="https://www.twitter.com/MasonSRCT">Twitter</a>, have
      <a href="http://lists.srct.gmu.edu/mailman/listinfo">active mailing lists</a>,
      and an active <a href="https://srct.slack.com/">Slack team</a>. More ways to
      get in touch are on our <a href="{{ url_for('contact') }}">contact page</a>.</p>
      <p>See some of the ways we've improved life on campus on the <a href="{{ url_for('projects') }}">projects page</a>.</p>
      <p>3 wolf moon sustainable squid meggings, selvage raw denim microdosing health goth beard skateboard cold-pressed pop-up tote bag schlitz. Cred farm-to-table roof party thundercats trust fund irony. Man bun iPhone brooklyn keytar waistcoat, man braid distillery quinoa everyday carry brunch chicharrones deserunt aesthetic.</p>
  </div>
  <div class="col-md-3 col-sm-4 col-xs-4 smidge">
    <img src="/static/img/org-fair.jpg" alt="..." class="img-circle img-responsive center-block">
  </div>
</div>

127
<div class="row smidge">
128
  <legend><i class="fa fa-laptop fa-fw"></i>&nbsp;<strong>Getting Involved</strong></legend>
129
  <div class="col-lg-4">
130
131
132
133
134
    <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">
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
        <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>
159
160
161
      </div>
    </div>
  </div>
Daniel W Bond's avatar
Daniel W Bond committed
162

163
  <div class="col-lg-4">
164
165
166
167
168
    <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">
169
170
171
172
173
174
175
176
177
178
179
180
181
        <p>
          During the semester we have weekly meetings, where we do many things
        </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>
182
183
184
185
      </div>
    </div>
  </div>
  
186
  <div class="col-lg-4">
187
188
189
190
191
    <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">
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
        <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>
211
212
213
      </div>
    </div>
  </div>
214
</div>
215
216
217
{% endblock %}

{% block scripts %}
218
219
220
221
222
<!-- <script src="/static/js/parallax.min.js"></script>

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

223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<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
254
{% endblock %}