Commit c84d4602 authored by Samer Masterson's avatar Samer Masterson

0.1

parents
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
body {
padding-top: 90px;
padding-bottom: 50px;
/* background-color: green; /\* find better green *\/ */
}
.container {
margin-top: 0;
margin-bottom: 0;
}
.content {
max-width: 800px;
}
.jumbotron {
background-color: white;
padding: 24px;
text-align: center;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.jumbotron .btn {
padding: 14px 24px;
font-size: 21px;
}
.jumbotron .lead {
padding: 14px;
}
.container .section {
border-radius: 6px;
padding: 20px;
margin-bottom: 5px;
/* background-color: grey; */
}
#signup {
position: relative;
width: 300px;
margin-left: auto;
margin-right: auto;
top: 50px;
text-align: center;
}
.schedule-img {
border-radius: 9px;
margin-top: 8px;
}
.title {
text-align: center;
}
.btn {
/* color: #; */
background-color: #ebebeb;
}
.btn:hover,
.btn:focus {
color: #2a6496;
}
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OpenHatch@Mason</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#home">OpenHatch@Mason</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#signup">Sign Up</a></li>
<li><a href="#sponsors">Sponsors</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container content">
<div class="jumbotron" id="home">
<h1>Free Software Comes To Campus</h1>
<p class="lead">Take your first step towards joining the Free Software Community!</p>
<p>April 19, 2014. SUB II 3-4-5</p>
<p><a class="btn btn-lg btn-default" href="#signup">Sign Up</a></p>
</div>
<div class="section" id="about">
<h2 class="title">OpenHatch is coming to Mason!</h2>
<p>OpenHach is working with <a href="http://gmulug.com">MasonLUG</a> and <a href="http://srct.gmu.edu/">SRCT</a> to bring Free and Open Source software to campus to make contributors out of the students here. Join a growing community of developers, artists, testers, designers, and more!</p>
<p>You do <em>not</em> need to know how to code to contribute to free software. All levels of skill and experience are welcome.</p>
</div>
<div class="section" id="schedule">
<h2 class="title">Schedule</h2>
<!-- When modifying this section, remember to modify 'len_to_signup' in script.js!!! -->
<div class="col-sm-3">
<img class="schedule-img" src="/img/90x90black.png" />
</div>
<div class="col-sm-9">
<h4>10 am to 11 am</h4>
<h4>Set Up</h4>
<p>Dobolyi will talk about lots and lots of stuff</p>
</div>
<div class="col-sm-3">
<img class="schedule-img" src="/img/GNU.bmp" />
</div>
<div class="col-sm-9">
<h4>11 am to 12 pm</h4>
<h4>Introduction to Free Software Tools</h4>
<p>Dobolyi will talk about lots and lots of stuff</p>
</div>
<div class="col-sm-3">
<img class="schedule-img" src="/img/90x90git.png" />
</div>
<div class="col-sm-9">
<h4>12 pm to 1 pm</h4>
<h4>Hands On Git</h4>
<p>Dobolyi will talk about lots and lots of stuff</p>
</div>
<div class="col-sm-3">
<img class="schedule-img" src="/img/90x90black.png" />
</div>
<div class="col-sm-9">
<h4>1 pm to 2 pm</h4>
<h4>Career Panel Moderator</h4>
<h4>Professor Dobolyi</h4>
<p>Dobolyi will talk about lots and lots of stuff</p>
</div>
<div class="col-sm-3">
<img class="schedule-img" src="/img/90x90black.png" />
</div>
<div class="col-sm-9">
<h4>2 pm to 3 pm</h4>
<h4>Free Software Philosophy</h4>
<h4>Professor Luke</h4>
<p>Luke will talk about lots and lots of stuff</p>
</div>
<div class="col-sm-3">
<img class="schedule-img" src="/img/90x90black.png" />
</div>
<div class="col-sm-9">
<h4>3 pm to 5 pm</h4>
<h4>Contribute!</h4>
<p>Dobolyi will talk about lots and lots of stuff</p>
</div>
</div>
<div class="section" id="signup">
<h2>Reserve your space today!</h2>
<p>There are limited seats, so sign up early!</p>
<form class="form-horizontal" role="form" action="register_email.php" method="post">
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Enter your email">
<button class="btn btn-default btn-block" type="submit">Sign Up</button>
</div>
</form>
</div>
<div class="section" id="sponsors">
<h2 class="title">Sponsors</h2>
<h3 class="title">OpenHatch</h3>
<p><a href="http://openhatch.org/">OpenHatch</a> is a non-profit dedicated to matching prospective free software contributors with communities, tools, and education.</p>
<h3 class="title">SRCT</h3>
<p><a href="http://srct.gmu.edu/">Student-Run Computing and Technology</a> is a student organization which enhances student computing at Mason by developing and maintaining systems which provide specific services for Mason's community</p>
<h3 class="title">MasonLUG</h3>
<p>The <a href="http://gmulug.com/">Mason GNU/Linux User Group</a> is a vehicle to learn about Linux and free software in a social setting, create and contribute to free software, and advocate for the use of Linux and free software on campus.</p>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/script.js"></script>
</body>
</html>
This diff is collapsed.
This diff is collapsed.
/**
* Check an href for an anchor. If exists, and in document, scroll to it.
* If href argument omitted, assumes context (this) is HTML Element,
* which will be the case when invoked by jQuery after an event
*/
function scroll_if_anchor(href) {
href = typeof(href) == "string" ? href : $(this).attr("href");
// If href missing, ignore
if(!href) return false;
// You could easily calculate this dynamically if you prefer
var fromTop = 50;
// If our Href points to a valid, non-empty anchor, and is on the same page (e.g. #foo)
// Legacy jQuery and IE7 may have issues: http://stackoverflow.com/q/1593174
if(href.charAt(0) == "#") {
var $target = $(href);
if (href == "#signup") {
var len_to_signup = 600;
if ($target.length) {
$('html, body').animate({ scrollTop: $target.offset().top - fromTop + len_to_signup });
if(history && "pushState" in history) {
history.pushState({}, document.title, window.location.pathname + href);
return false;
}
}
} else {
// Older browsers without pushState might flicker here, as they momentarily
// jump to the wrong position (IE < 10)
if($target.length) {
$('html, body').animate({ scrollTop: $target.offset().top - fromTop });
if(history && "pushState" in history) {
history.pushState({}, document.title, window.location.pathname + href);
return false;
}
}
}
}
}
// When our page loads, check to see if it contains and anchor
scroll_if_anchor(window.location.hash);
// Intercept all anchor clicks
$("body").on("click", "a", scroll_if_anchor);
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OpenHatch@Mason</title>
<!-- Bootstrap -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/style.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html#home">OpenHatch@Mason</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html#home">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#schedule">Schedule</a></li>
<li><a href="index.html#signup">Sign Up</a></li>
<li><a href="index.html#sponsors">Sponsors</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container content">
<?php
if ($_POST["email"] == null) {
?>
<p>You didn't submit an email! <a href="index.html#signup">Try again.</a></p>
<?php
} else {
$con=mysqli_connect("localhost", "hackmasondb_user", "hackmasondb_password", "hackmasondb");
if (mysqli_connect_errno($con)) {
echo "failed to connect to mysql";
}
if (strpbrk($_POST["user"], ";") == FALSE && strpbrk($_POST["email"], ";") == FALSE) {
mysqli_query($con, "INSERT INTO emails (email) VALUES ('" . mysqli_real_escape_string($con, $_POST["email"]) . "')");
}
?>
<p>Thanks for signing up! Our email system isn't hooked up yet, but when it is you'll receive your confirmation.</p>
<p>Return to the <a href="index.html">homepage</a>.</p>
<?php
}
?>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/js/bootstrap.min.js"></script>
<script src="/js/script.js"></script>
</body>
</html>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment