js-add-to-calendar-buttons
Version:
A vanilla javascript lib to create add to calendar buttons
51 lines (38 loc) • 1.58 kB
HTML
<html>
<head>
<script src="../add-to-calendar.js"></script>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="generator.css">
<title>Oui2 - AddToCalendar Embed Code Generator</title>
</head>
<body>
<header>
<h1>OUI2 Add To Calendar - Embed Code Generator</h1>
</header>
<div id="wrapper">
<h2>Enter your event details</h2>
<form id="calendar-generator">
<label for="event-title">Title:</label>
<input type="text" name="event-title" id="event-title">
<label for="start-time">Start Time:</label>
<input type="datetime-local" name="start-time" id="start-time">
<label for="end-time">End Time:</label>
<input type="datetime-local" name="end-time" id="end-time">
<label for="event-address">Address:</label>
<input type="text" name="event-address" id="event-address">
<label for="event-description"></label>
<textarea name="textarea" rows="10" cols="50" placeholder="Description" id="event-description"></textarea>
<label for="event-id">Custom CSS ID:</label>
<input type="text" name="event-id" id="event-id">
<label for="event-class">Custom CSS Class:</label>
<input type="text" name="event-class" id="event-class">
<input type="submit" value="Generate Calendar" />
</form>
<h2>Your result will appear below</h2>
<div id="live-example"></div>
<div id="html-result"></div>
</div>
<script src="generator.js"></script>
</body>
</html>