{% extends "layout.html" %}
{% block title %}Start Page{% endblock %}
{% block content %}

<h1>Start Page</h1>

<h2>Google</h2>

<form method="GET" action="https://www.google.com/search">
	<input type="text" size="80" class="form-control inline" name="q" id="google-search">
	<button type="submit" class="btn btn-primary">Go</button>
</form>

<h2>Web Apps</h2>

<button data-url="https://zefr.slack.com/" class="app btn btn-primary">ZEFR Slack</button>
<button data-url="https://la-engineers.slack.com/" class="app btn btn-primary">LA-Engineers Slack</button>
<button data-url="https://www.facebook.com/" class="app btn btn-primary">Facebook</button>

{% endblock %}
{% block scripts %}
<script>
	$(document).ready(function() {
		$("#google-search").focus();

		$("button.app").click(function() {
			var url = $(this).attr("data-url");
			launchApp(url);
		});
	});

	function launchApp(url) {
		window.open(url, "_blank", "width=1024,height=768,location=0,menubar=0,resizable=1,scrollbars=1,status=0,toolbar=0");
	}
</script>
{% endblock %}