HebCal

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/uikit/2.23.0/css/uikit.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/uikit/2.23.0/css/uikit.almost-flat.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/uikit/2.23.0/js/uikit.min.js"></script>
<script src="https://rawgit.com/hebcal/hebcal-js/master/client/hebcal.min.js"></script>
<!doctype html>
<html>
	<head>
		<title>Hebcal examples</title>
		<script type="text/javascript" src="client/hebcal.min.js"></script>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</head>
	<body>
		<h1>Hebcal JavaScript</h1>
		<p>This file contains a few examples for using JavaScript Hebcal. Take a look at the source, then open up your JavaScript console to try it yourself!</p>
		<p>Note: this is <em>not</em> an extensive API reference. For that, please take a look at the <code>README.md</code> file.</p>
		<select id="textstyle">
			<option value="s">Sfardit</option>
			<option value="a">Ashkenazis</option>
			<option value="h">עברית</option>
		</select>
		<div id="today">
			<h2>Today</h2>
			<span></span>
			<pre></pre>
			<div></div>
		</div>
		<div id="barmitzvah">
			<h2>Bar Mitzvah Calculator</h2>
			<input type="date" id="barmitzvah-date" /><br/>
			<label><input type="radio" name="barmitzvah-gender" id="barmitzvah-gender-m" value="m" checked="checked" /> Male</label>
			<label><input type="radio" name="barmitzvah-gender" id="barmitzvah-gender-f" value="m" /> Female</label><br/>
			<label><input type="radio" name="barmitzvah-location" id="barmitzvah-location-chul" value="chul" checked="checked" /> Diaspora</label>
			<label><input type="radio" name="barmitzvah-location" id="barmitzvah-location-il" value="il" /> Israel</label><br/>
			<label><input type="checkbox" name="barmitzvah-sunset" id="barmitzvah-sunset" value="sunset" /> After sunset?</label><br/>
			<input type="submit" value="Calculate" id="barmitzvah-calc" />
			<div...