...
 
Commits (14)
......@@ -54,4 +54,9 @@ Note-- this should also be on the wiki
---
TODO Re: OpenHatch:
* Make mobile friendly at least kinda
* Improve top left title. Is hacked together with a visibility: hidden div and uses way more space than it needs
**S**tudent - **R**un **C**omputing and **T**echnology (*SRCT*, pronounced "circuit") is a student organization at George Mason University which enhances student computing at Mason. SRCT establishes and maintains systems which provide specific services for Mason's community.
body {
background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)),
url('https://scontent-iad3-1.xx.fbcdn.net/hphotos-xfp1/t31.0-8/964211_558686137583294_6630208168901806752_o.jpg');
background-attachment: fixed;
background-size:cover;
background-repeat:no-repeat;
/* custom background-position */
background-position:50% 50%;
/* ie8- graceful degradation */
background-position:50% 50%9 !important;
}
h2 {
padding-left: 20px;
font-weight: bold;
opacity: 1;
color: white;
margin-bottom: 0px;
padding-bottom: 0px;
}
.title {
position: fixed;
padding-right: 0px;
background-color:rgba(0, 0, 0, 0.45);
color: white;
opacity: 1.0;
}
.titlecont h3 {
margin: 0px;
padding-left: 20px;
padding-bottom: 20px;
margin: 0px;
opacity: 0.9;
color: white;
font-size: 18px;
}
.descrip {
padding-top: 16px;
padding-bottom: 32px;
color: white;
font-weight: bold;
font-size: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.signup {
text-align: center;
margin-left: auto;
margin-right: auto;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0,
0.4));
margin-left: 30%;
margin-right: 30%;
padding-top: 8px;
padding-bottom: 10px;
}
.table-responsive {
margin-left: 30%;
margin-right: 30%;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0,
0.4));
}
.table {
color: white;
}
.descrip .descripcontent{
opacity: 1.0;
font-size: 16px;
font-weight: normal;
padding-bottom: 12px;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0,
0.4));
margin-left: 30%;
margin-right: 30%;
}
.workshops {
padding-top: 16px;
padding-bottom: 32px;
color: white;
font-weight: bold;
font-size: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/**@media only screen and (max-device-width: 480px) {
.title {
visibility: hidden;
display: none;
}
}
**/
......@@ -7,6 +7,7 @@ height:100%;
}
a[name] {
padding-top: 50px;
outline: none;
}
/* Wrapper for page content to push down footer */
#wrap {
......@@ -127,3 +128,38 @@ a[name] {
margin-top:0;
border-bottom:none;
}
.slight-bump {
font-size:18px;
}
.jumboworkshop {
background: url(/static/img/workshop.jpg) no-repeat;
background-size: cover;
background-position: 50%;
padding-top: 200px;
padding-bottom: 200px;
}
.jumbointroduction {
background: url(/static/img/introduction.jpg) no-repeat;
background-size: cover;
background-position: 50%;
padding-top: 200px;
padding-bottom: 200px;
}
.jumbopresentation {
background: url(/static/img/presentation.jpg) no-repeat;
background-size: cover;
padding-top: 200px;
padding-bottom: 200px;
}
.jumbocontributions {
background: url(/static/img/contributions.jpg) no-repeat;
background-size: cover;
background-position: 50%;
padding-top: 200px;
padding-bottom: 200px;
}
{% extends "layouts/base.html" %}
{% block title %}
SRCT | Events
{% endblock %}
{% block pagetitle %}
Events
{% endblock %}
{% block description %}
The exciting events we've put together, past and present.
{% endblock %}
{% block content %}
<legend><a name="Fall2015" href="#Fall2015">Fall 2015</a></legend>
<div class="row">
<div class="col-md-12">
<h2>FSF 30th Anniversary User Summit and Celebration <small>October 2-4</small></h2>
<p>
Magna elit mustache dolor anim. Consectetur anim heirloom, delectus irure crucifix id
assumenda ugh sunt chambray. Placeat synth DIY proident, assumenda PBR&B non deep v
stumptown odio bicycle rights disrupt viral tempor. Art party chillwave actually locavore
literally pop-up. Labore aliqua bitters kitsch. Messenger bag cillum eiusmod Portland 3
wolf moon, Thundercats assumenda flannel craft beer leggings. Vice literally nulla est
biodiesel, ex plaid Truffaut bespoke butcher placeat cold-pressed Intelligentsia banjo
scenester.
</p>
<h2><a href="{{ url_for('openhatch15')}}">Openhatch at Mason 2015</a> <small>October 24</small></h2>
<p>
Sed salvia exercitation paleo plaid, brunch cray Bushwick High Life chia forage bespoke
deserunt. Forage scenester occupy synth, trust fund aliqua keytar Thundercats duis bicycle
rights retro church-key lomo. Helvetica semiotics American Apparel eu pug, veniam odio.
Chia magna keytar sunt, pop-up whatever art party duis blog non. Consectetur veniam Pitchfork
enim XOXO vero Carles reprehenderit, biodiesel. Hoodie organic chillwave, sapiente +1 velit
Neutra Banksy put a bird on it disrupt squid consequat ut skateboard retro. Pop-up hashtag
seitan, keffiyeh raw denim narwhal meditation authentic before they sold out.
</p>
<h2>Destress Fest: <em>Hackers</em> (1995) Screening <small>December 17</small></h2>
<p>
Echo Park ex church-key laborum, cornhole plaid id pop-up literally nostrud VHS. American
Apparel enim kale chips, flannel sustainable 8-bit health goth. Flannel readymade VHS whatever
adipisicing, four dollar toast forage vinyl Tumblr deserunt. Irony food truck distillery,
asymmetrical velit Carles biodiesel consequat. Lo-fi ut hella scenester normcore listicle
actually roof party, bespoke meditation. Vice forage kitsch selfies. Asymmetrical viral salvia
food truck.
</p>
</div>
</div>
<br />
<legend><a name="Spring2015" href="#Spring2015">Spring 2015</a></legend>
<div class="row">
<div class="col-md-12">
</div>
</div>
<br />
<legend><a name="Fall2014" href="#Fall2014">Fall 2014</a></legend>
<div class="row">
<div class="col-md-12">
</div>
</div>
<br />
<legend><a name="Spring2014" href="#Spring2014">Spring 2014</a></legend>
<div class="row">
<div class="col-md-12">
</div>
</div>
<br />
<legend><a name="Fall2014" href="#Fall2013">Fall 2013</a></legend>
<div class="row">
<div class="col-md-12">
</div>
</div>
<br />
<legend><a name="Spring2014" href="#Spring2013">Spring 2013</a></legend>
<div class="row">
<div class="col-md-12">
</div>
</div>
<br />
<legend><a name="Fall2012" href="#Fall2012">Fall 2012</a></legend>
<div class="row">
<div class="col-md-12">
</div>
</div>
{% endblock %}
{% extends "layouts/base.html" %}
{% block title %}
SRCT | Events | Openhatch at Mason 2015
{% endblock %}
{% block content %}
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-md-8">
<img src="http://princeton.openhatch.org/imgs/openhatch-logo.png" class="img-responsive center-block" alt="Openhatch at Mason">
</div>
<div class="col-md-4">
<strong><p align="right">October 24th, 2015</p></strong>
<p align="right">9:30am-7:00pm</p>
<p align="right">Planetary Hall 129</p>
<p align="right">Doors Open at 9:00am</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2">
<a href="#Description">
<button type="button" class="btn btn-default btn-block">Description</button>
</a>
</div>
<div class="col-md-2">
<a href="#Register">
<button type="button" class="btn btn-default btn-block">Register</button>
</a>
</div>
<div class="col-md-2">
<a href="#Schedule">
<button type="button" class="btn btn-default btn-block">Schedule</button>
</a>
</div>
<div class="col-md-2">
<a href="#PeopleOrgs">
<button type="button" class="btn btn-default btn-block">People & Orgs</button>
</a>
</div>
<div class="col-md-2">
<a href="#Menu">
<button type="button" class="btn btn-default btn-block">Menu</button>
</a>
</div>
<div class="col-md-2">
<a href="#Contact">
<button type="button" class="btn btn-default btn-block">Contact</button>
</a>
</div>
</div>
<br />
<div class="row">
<div class="col-md-12">
<legend class="text-center"><h2><a name="Description" href="#Description">Description</a></h2></legend>
</div>
<div class="col-md-6 slight-bump">
<p>
Learn the tools and culture of open source development, meet great people, and help impact real projects
during this all-day immersion workshop. No experience is needed for participation in this event: students
of all levels of technical skill and from all majors are welcomed. (Not all contributions come in the form of
code. It can be artwork, documenation and copy, translations, and more!) And yes, all meals and snacks are
provided.
</p>
<p>
<strong>Openhatch at Mason (2015)</strong> is jointly organized by Mason student organizations
<a href="https://srct.gmu.edu/">Student-Run Computing and Technology</a> and
<a href="http://www.gmulug.com/">Mason Linux Users Group</a> with the nonprofit
<a href="https://openhatch.org/">Openhatch</a> through their
<a href="http://campus.openhatch.org/"><em>Open Source Comes to Campus</em></a> initiative.
</p>
<p>
We're fresh off holding a similar, tremendously successful Openhatch partnership event in 2014. The
pictures on this page are from that workshop.
</div>
<div class="col-md-6 slight-bump">
<p>
Participants will work in small groups with both outside open source professionals and trained student
mentors to cover the practical skills needed to contribute to open source projects. They'll also hear talks
by Mason faculty on open source history, and its use in academia as well as a discussion by a panel of
open source contributors in industry.
</p>
<p>
Making open source more welcoming to newcomers and more diverse are mutually reinforcing goals, and we're
committed to building as broad a group of contributors and greater community as we can. We hope you'll join
us encouraging participation by women, minorities, and other members of groups generally underrepresented
in tech.
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<legend class="text-center"><h2><a name="Register" href="#Register">Register</a></h2></legend>
</div>
<div class="col-md-5 col-md-offset-1 text-center">
<button type="button" class="btn btn-primary btn-block"><h4><strong>Participate</strong></h4></button>
<br />
<p class="slight-bump">
If you're interested in learning all about open source culture, philosophy, and practical tools,
connecting with other students and members of the open source community, and want to walk away after
just a day with contributions to active open source projects, register through this form.
</p>
</div>
<div class="col-md-5 text-center">
<button type="button" class="btn btn-primary btn-block"><h4><strong>Mentor or Volunteer</strong></h4></button>
<br />
<p class="slight-bump">
If you want to lead eager students through their first steps in open source, or more experienced students
through more advanced topics, or want to volunteer with this event in any way, register through
<em>this</em> form.
</p>
</div>
</div>
<br />
<div class="row">
<div class="col-md-12 slight-bump text-center">
<p>After registering, join our event page on Facebook and stay tuned to your email inbox for further updates.</p>
<p>Make sure to bring your wifi-capable laptop and charger the day of the event!</p>
</div>
</div>
<div class="jumbotron jumboworkshop">
<div class="container">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<legend class="text-center"><h2><a name="Schedule" href="#Schedule">Schedule</a></h2></legend>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center slight-bump">
<p>
Advanced Track workshop sessions are in red. We'll assign you to a group and mentors based on the
information you provide us on the registration form.
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-hover">
<thead>
<tr>
<th class="col-md-2"><h3>Time</h3></th>
<th class="col-md-4"><h3>Activity</h3></th>
<th class="col-md-6"><h3>Description</h3></th>
</tr>
</thead>
<tbody class="slight-bump">
<tr>
<td>9:00am</td>
<td><strong>Doors Open: Registration and Breakfast</strong></td>
<td></td>
</tr>
<tr>
<td>9:30am- 10:00am</td>
<td><strong>Registration and Breakfast, Continued</strong></td>
<td></td>
</tr>
<tr>
<td>10:00am- 10:15am</td>
<td><strong>Welcome and Overview</strong></td>
<td></td>
</tr>
<tr>
<td>10:15am- 11:00am</td>
<td><strong>Opening Remarks</strong></td>
<td></td>
</tr>
<tr>
<td>11:00am- 11:30am</td>
<td><strong>Workshop I: Computer Setup</strong></td>
<td></td>
</tr>
<tr class="danger">
<td>11:00am- 11:30am</td>
<td><strong>Workshop I:</strong></td>
<td></td>
</tr>
<tr>
<td>11:30am- 12:30pm</td>
<td><strong>Workshop II: Open Source Communication Tools</strong></td>
<td></td>
</tr>
<tr class="danger">
<td>11:30am- 12:30am</td>
<td><strong>Workshop II:</strong></td>
<td></td>
</tr>
<tr>
<td>12:30pm</td>
<td><strong>Lunch and Socializing</strong></td>
<td></td>
</tr>
<tr>
<td>1:15pm- 2:00pm</td>
<td><strong>Career Panel</strong></td>
<td></td>
</tr>
<tr>
<td>2:00pm- 3:00pm</td>
<td><strong>Workshop III: Learning Git</strong></td>
<td></td>
</tr>
<tr class="danger">
<td>2:00pm- 3:00pm</td>
<td><strong>Workshop III: Advanced Git</strong></td>
<td></td>
</tr>
<tr>
<td>3:00pm- 3:45pm</td>
<td><strong>History and Ethics of Free Software</strong></td>
<td></td>
</tr>
<tr>
<td>3:45pm</td>
<td><strong>Reshuffling for Contribution Groups</strong></td>
<td></td>
</tr>
<tr>
<td>4:00pm- 5:00pm</td>
<td><strong>Workshop IV: Contributions</strong></td>
<td></td>
</tr>
<tr>
<td>5:00pm</td>
<td><strong>Dinner</strong></td>
<td></td>
</tr>
<tr>
<td>5:30pm- 6:30pm</td>
<td><strong>Workshop V: Contributions Continued</strong></td>
<td></td>
</tr>
<tr>
<td>6:30-7:00pm</td>
<td><strong>Wrapup, Thanks, and Close</strong></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="jumbotron jumbointroduction">
<div class="container">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<legend class="text-center"><h2><a name="PeopleOrgs" href="#PeopleOrgs">People and Organizations</a></h2></legend>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<h3><strong>Speakers</strong></h3>
</div>
</div>
<br />
<div class="row">
<div class="col-md-4 text-center">
<img src="http://chnm.gmu.edu/wordpress/wp-content/Cimy_User_Extra_Fields/patrick-murrayjohn/Patrick.jpg" alt="Picture of Prof. Murray-John" width="125" class="img-circle">
<h3><a href="https://chnm.gmu.edu/author/patrick-murrayjohn/">Professor Patrick Murray-John</a></h3>
<h3><small>Research Assistant,
<a href="https://chnm.gmu.edu/">Center for History and New Media</a></small></h3>
<p>
Brunch four dollar toast cillum consequat, aliquip velit officia street art. +1 whatever pug, vinyl
retro pork belly fanny pack pop-up accusamus 90's freegan duis meggings cupidatat. Try-hard street
art enim, pour-over Tumblr pork belly nostrud ethical cred. Nisi vegan Blue Bottle +1 biodiesel,
heirloom crucifix tousled tempor exercitation organic. Scenester cray actually Tumblr. Kitsch craft
beer meditation selvage. Vegan before they sold out id, Kickstarter elit chillwave exercitation
laboris keffiyeh meh nihil normcore veniam.
</p>
</div>
<div class="col-md-4 text-center">
<img src="https://secure.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=100" alt="Picture of " class="img-circle">
<h3>Name Namerson</h3>
<h3><small>Affiliations</small></h3>
<p>
Adipisicing Austin meggings tote bag eiusmod, master cleanse et magna four loko wolf Portland. Four
loko Thundercats post-ironic, pork belly messenger bag mustache commodo meditation tousled ex. Mlkshk
brunch blog mollit, tempor tilde literally. High Life cliche magna letterpress, asymmetrical PBR&B
officia fingerstache. Plaid incididunt cred kogi commodo pickled. Actually cray, Pinterest cillum
accusamus bespoke organic meggings artisan Austin. Vegan shabby chic bitters keffiyeh bicycle rights
tote bag, semiotics in.
</p>
</div>
<div class="col-md-4 text-center">
<img src="https://secure.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=100" alt="Picture of " class="img-circle">
<h3>Name Namerson</h3>
<h3><small>Affiliations</small></h3>
<p>
Gastropub placeat vegan biodiesel taxidermy, disrupt next level ex kogi craft beer raw denim tofu
eu. Authentic nihil Bushwick, meggings pork belly fanny pack occaecat lomo deep v exercitation.
Butcher quis VHS food truck mumblecore, kale chips tempor voluptate wolf sint cred mlkshk. Loko gluten-free
veniam. Bicycle rights occaecat meh chia. Disrupt et plaid, single-origin coffee banh aesthetic pork
belly cronut messenger bag officia hashtag artisan qui. Truffaut banh mi freegan Marfa accusamus, pop-up
nesciunt mumblecore.
</p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<h3><strong>Organizations</strong></h3>
</div>
</div>
<br />
<div class="row">
<div class="col-md-4 text-center">
<img src="https://secure.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=100" alt="SRCT Logo" class="img-circle">
<h3>Student-Run Computing<br />and Technology</h3>
<p>
Adipisicing Austin meggings tote bag eiusmod, master cleanse et magna four loko wolf Portland. Four
loko Thundercats post-ironic, pork belly messenger bag mustache commodo meditation tousled ex. Mlkshk
brunch blog mollit, tempor tilde literally. High Life cliche magna letterpress, asymmetrical PBR&B
officia fingerstache. Plaid incididunt cred kogi commodo pickled. Actually cray, Pinterest cillum
accusamus bespoke organic meggings artisan Austin. Vegan shabby chic bitters keffiyeh bicycle rights
tote bag, semiotics in.
</p>
</div>
<div class="col-md-4 text-center">
<img src="https://secure.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=100" alt="SRCT Logo" class="img-circle">
<h3>Mason Linux Users Group</h3>
<p>
Brunch four dollar toast cillum consequat, aliquip velit officia street art. +1 whatever pug, vinyl
retro pork belly fanny pack pop-up accusamus 90's freegan duis meggings cupidatat. Try-hard street
art enim, pour-over Tumblr pork belly nostrud ethical cred. Nisi vegan Blue Bottle +1 biodiesel,
heirloom crucifix tousled tempor exercitation organic. Scenester cray actually Tumblr. Kitsch craft
beer meditation selvage. Vegan before they sold out id, Kickstarter elit chillwave exercitation
laboris keffiyeh meh nihil normcore veniam.
</p>
</div>
<div class="col-md-4 text-center">
<img src="https://secure.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=100" alt="SRCT Logo" class="img-circle">
<h3>Openhatch</h3>
<p>
Gastropub placeat vegan biodiesel taxidermy, disrupt next level ex kogi craft beer raw denim tofu
eu. Authentic nihil Bushwick, meggings pork belly fanny pack occaecat lomo deep v exercitation.
Butcher quis VHS food truck mumblecore, kale chips tempor voluptate wolf sint cred mlkshk. Loko gluten-free
veniam. Bicycle rights occaecat meh chia. Disrupt et plaid, single-origin coffee banh aesthetic pork
belly cronut messenger bag officia hashtag artisan qui. Truffaut banh mi freegan Marfa accusamus, pop-up
nesciunt mumblecore.
</p>
</div>
</div>
<div class="jumbotron jumbopresentation">
<div class="container">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<legend class="text-center"><h2><a name="Menu" href="#Menu">Menu</a></h2></legend>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1 text-center slight-bump">
<p>
We'll ask about food allergies or other dietary restrictions on the registration form, and we'll make
sure you get accomodated.
</p>
</div>
</div>
<div class="row">
<div class="col-md-10 col-md-offset-1">
<table class="table table-hover">
<thead>
<tr>
<th class="col-md-4"><h3>Meal</h3></th>
<th class="col-md-8"><h3>Food</h3></th>
</tr>
</thead>
<tbody class="slight-bump">
<tr>
<td><strong>Breakfast</strong></td>
<td>Fruit, Pastries, Donuts, and Coffee</td>
</tr>
<tr>
<td><strong>Lunch</strong></td>
<td>Mini Subs (Veggie, Turkey, and Roast Beef)</td>
</tr>
<tr>
<td><strong>Snacks, Beverages, & Sides</strong></td>
<td>Chips and Cookies; Soda, Lemonade, Coffee, and Water</td>
</tr>
<tr>
<td><strong>Dinner</strong></td>
<td>Chicken Soft Tacos or Grilled Vegetables, Hummus, and Pita</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="jumbotron jumbocontributions">
<div class="container">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<legend class="text-center"><h2><a name="Contact" href="#Contact">Contact</a></h2></legend>
</div>
<div class="col-md-6 text-center">
<h3><i class="fa fa-envelope fa-lg"></i>
&nbsp;<a href="mailto:openhatch@lists.srct.gmu.edu">openhatch@lists.srct.gmu.edu</h3></a>
</div>
<div class="col-md-6 text-center">
<h3><i class="fa fa-facebook-square fa-lg"></i>
&nbsp;<a href="https://www.facebook.com/events/853376698091860/">Openhatch at Mason 2015 Event Page</h3></a>
</div>
</div>
<br />
<div class="row">
<div class="col-md-12 text-center">
<h4><strong>Promotional Material</strong>:&nbsp;
<a href="#">Vertical Flyer</a> |
<a href="#">Horizontal Flyer</a></h4>
</div>
</div>
{% endblock %}
......@@ -13,7 +13,7 @@
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="{{ url_for('projects')}}">Projects</a></li>
<li><a href=" //hackmason.org ">Events</a></li>
<li><a href="{{ url_for('openhatch15')}}">Events</a></li>
<li><a href="{{ url_for('calendar')}}">Calendar</a>
<li><a href="http://blog.srct.gmu.edu">Blog</a>
<li><a href="{{ url_for('people')}}">People</a></li>
......
......@@ -43,6 +43,20 @@ def optOut():
)
### EVENTS ###
@website.route('/events/')
def events():
return render_template("events.html",
renderHead = True,
)
@website.route('/events/openhatch15/')
def openhatch15():
return render_template("events/openhatch15.html",
renderHead = False,
)
### DOCUMENTS ###
@website.route('/documents/constitution/')
......