kirsle.net/www/start.html

{% 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 id="app-slack" class="btn btn-primary">ZEFR Slack</button>
<button id="app-fb" class="btn btn-primary">Facebook</button>

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

		$("#app-slack").click(function() {
			launchApp("https://zefr.slack.com/");
		});
		$("#app-fb").click(function() {
			launchApp("https://www.facebook.com/");
		});
	});

	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 %}