addtocalendar/sample.html at master · ARSBento/addtocalendar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!--
  AddToCalendar
	Free customizable JavaScript widget "Add to Calendar" for event page.
	It allows users to easily schedule the event in their calendar.
	Learn more: http://addtocalendar.com
-->
<html>
<head>
    <!-- 1. Include style -->
    <link href="http://addtocalendar.com/atc/1.5/atc-style-blue.css" rel="stylesheet" type="text/css">
</head>
<body>
    <!-- 2. Include script -->
    <script type="text/javascript" src="addtocalendar.js">
    </script>

    <!-- 3. Place event data -->
    <span class="addtocalendar atc-style-blue " data-custom-html="iCalendar: <span class='ical'></span><span>iCal</span>, Google Calendar: <span class='gcal'></span><span>Google Calendar</span>, Outlook: <span class='outlook'></span><span>Outlook</span>">
        <var class="atc_event">
            <var class="atc_date_start">2014-05-04 12:00:00</var>
            <var class="atc_date_end">2014-05-04 18:00:00</var>
            <var class="atc_timezone">Europe/London</var>
            <var class="atc_title">Star Wars Day Party</var>
            <var class="atc_description">May the force be with you</var>
            <var class="atc_location">Tatooine</var>
            <var class="atc_organizer">Luke Skywalker</var>
            <var class="atc_organizer_email">luke@starwars.com</var>
        </var>
    </span>
</body>
</html>