blob: 4aa162fc37a8cababb213b090e965e7215551053 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Slack Invite for OpenWhisk</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
<!-- Optional theme -->
<link rel="stylesheet" href="" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
<!-- Latest compiled and minified JavaScript -->
<script src=""></script>
<script src="" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
<!-- HTML5 shim and Respond.js for 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=""></script>
<script src=""></script>
.splash {
width: 500px;
margin: 200px auto;
font-family: "Helvetica Neue", Helvetica, Arial
@media (max-width: 500px) {
.splash {
<div class="splash">
<img src="" style="height: 60px; margin-left: 100px;"/>
<p>Join the OpenWhisk Community to discuss the project in realtime.</p>
<li><strong>Talk</strong> to the core devs and the OpenWhisk community.</li>
<li><strong>Learn</strong> from others and ask questions.</li>
<li><strong>Share</strong> your work and demos.</li>
<form class="form-inline">
<div class="form-group">
<label for="exampleInputEmail2">Email:</label>
<input type="email" class="form-control" id="inputEmail" placeholder="" required>
<button type="button" class="btn btn-primary">Send invitation</button>
<p>Please be nice, respectful and inclusive of others!</p>
<p id="result"></p>
<p>Fork on github <a href="" target="blank">csantanapr/openwhisk-slackinvite</a></p>
<script type="text/javascript">
$(document).ready(function() {
var btn = $("button");
var res = $("#result");
var email = $('#inputEmail');
var actionUrl = "";
function handler() {
var email = $("input")[0].value;
$.get(actionUrl, { email: email })
.done(function (data) {
btn.html("WOOT. CHECK YOUR EMAIL!");
.fail(function (err) {
res.html(err.statusText + ":Your invitation didn't work :-( ");
btn.prop("disabled", true);
function validate() {
if (email[0].validity.typeMismatch) {
btn.prop("disabled", true);
} else {
btn.prop("disabled", false);