The web design and pages for my personal website.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

37 lines
1.0 KiB

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