{% extends "base.html" %}

{% block title %}- Welcome{% endblock %}

{% block content %}
<br/><br/>
<div style="position:absolute; top:0; left:50%; margin-left:-350px">
<div style=" background-color:#DFD; width:660px; padding:20px; margin-top:40px">
		<h1> Create or Join a Group Project </h1>
		<form action="/keyrequest/" method="post">
			<b>key:</b> <input style="font-size:20px; width:70%;" type="text" name="key" value="" />
				<input type="submit" value="Create group!" />
			</form>
			<small><ul>
				<li>Try to make the key specific and unique. If you use a common key, you risk having a random stranger find your group by mistake.
				<li>If the key does not exist, a new group will be created under that key.</li>
				<li>You may disassociate the key from the group at any time using group options.</li>
				<li>All groups will be deleted after 3 weeks of inactivity unless otherwise specified in group options.</li>
				<li>Please keep a backup of the files you upload to this site. I will <b>NOT</b> write an excuse for your teacher if the site dies.</li></ul></small>
</div>
<br/>
<div style="background-color:#FFD; width:300px; padding:20px; margin-top:20px;">
		<h3>Want Privacy?</h3>
		<small>
			Logging in lets you restrict access to your groups.<br/>
			You don't have to be "friends" with groupmates.
		</small>
			<br/>
			<br/>
			<center><fb:login-button v="2" size="medium" onlogin="window.location.reload(true);">Login with Facebook</fb:login-button>
				<br/>
				<br/>
				or
				<br/>
				<br/>
				<form action="/account/submit" method="post">
					<input type="text" name="uname" value="username"/><br/>
					<input type="password" name="password" value="password"/><br/>
					<input type="submit" value="login/create">
				</form>	
				
				</center>
</div>
</div>
<!--
<div style="position:relative; background-color:#EEF; width:430px; padding:10px; left:30px;">
		<h3> Find A Public Group By Name </h3>
		<form action="/search/" method="post">
			Group Name: <input type="text" name="title" value="">
			<input type="submit" value="Find Close Matches" />
		</form>
</div>
<br/>
<br/>
<div style="position:relative; background-color:#FEE; width:430px; padding:10px; left:30px;">
	<h3> What Invite-Only Groups Am I In? </h3>
	You will receive an Email containing links to all groups your email address has access to.
	<form action="/emailme/" method="post">
		Email: <input type="text" name="email" />
		<input type="submit" value="Submit" />
	</form>
</div>
-->
{% endblock %}