-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
91 lines (76 loc) · 2.95 KB
/
index.html
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<html>
<head>
<title>Integrated Calendar Event</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="evo-calendar.midnight-blue.min.css">
<link rel="stylesheet" href="evo-calendar.min.css" >
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka&display=swap" rel="stylesheet">
</head>
<body>
<div class="hero">
<div id="calendar"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="evo-calendar.min.js"></script>
<script>
$(document).ready(function() {
$('#calendar').evoCalendar({
calendarEvents: [
{
id: 'jan001h', // Event's ID (required)
name: "New Year", // Event name (required)
date: "January/1/2022", // Event date (required)
description: "",
type: "holiday", // Event type (required)
everyYear: true // Same event every year (optional)
},
{
id: 'jan026h', // Event's ID (required)
name: "Republic Day", // Event name (required)
date: "January/26/2022", // Event date (required)
description: "",
type: "holiday", // Event type (required)
everyYear: true // Same event every year (optional)
},
{
id: 'may023c', // Event's ID (required)
name: "Summer Term", // Event name (required)
date: "May/23/2022", // Event date (required)
description: "Commencement of Summer Term classes from 23/05-11/06 for registered students",
type: "class", // Event type (required)
everyYear: true, // Same event every year (optional)
color:"#51fa03",
},
{
id: 'jun011c', // Event's ID (required)
name: "Summer Term", // Event name (required)
date: "June/11/2022", // Event date (required)
description: "End of Summer Term classes",
type: "class", // Event type (required)
everyYear: true, // Same event every year (optional)
color:"#51fa03",
},
{
name: "Summer Vacation",
badge: "04/24 - 06/19", // Event badge (optional)
date: ["April/24/2022", "June/19/2022"], // Date range
description: "Summer Vacation", // Event description (optional)
type: "event",
color: "#e70e06" // Event custom color (optional)
},
{
name: "Summer Fest",
badge: "04/24 - 06/19", // Event badge (optional)
date: ["April/24/2022", "June/19/2022"], // Date range
description: "Training and Industrial skills during Summer Internship programme for selected students as a part of their internship programme", // Event description (optional)
type: "internship",
color: "#0529f5" // Event custom color (optional)
},
]
})
})
</script>
</body>
</html>