-
Notifications
You must be signed in to change notification settings - Fork 2
/
archive-events.html
142 lines (122 loc) · 5.91 KB
/
archive-events.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>CITRIS and the Banatao Institute @ UC Merced</title>
<link rel="icon" href="images/favicon.png">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<script type="text/javascript" src="assets/js/ics.js"></script>
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<script src="assets/js/event-populator.js"></script>
</head>
<body class="homepage">
<div id="page-wrapper">
<header id="header">
<div class="logo container">
<div>
<h1 id="logo">Archive Events</h1>
</div>
</div>
</header>
<!-- NAVIGATION: Controlled by HTML snippet in snippets/nav.html -->
<nav id="nav"></nav>
<!-- Main -->
<div id="main-wrapper">
<div id="main" class="container">
<div class="row">
<div class="12u">
<div class="content"></div>
<h2 style="text-transform:capitalize ">
CITRIS at UC Merced brings innovators together
</h2>
<p>
CITRIS convenes collaborative events for community, industry and educational partners and
audiences. Virtual and recorded options are often available. Join us for seminars, films,
and workshops.
</p>
<center><a href="events" class="button">See our upcoming events!</a></center>
<br>
<div id="events"></div>
<!--
<br>
<div class="container-video">
<iframe class="responsive-iframe" src="
https://outlook.office365.com/owa/calendar/[email protected]/3e5d3da3f34f4d8dad88398e0ec54f063701595154329811623/calendar.html
" scrolling="yes">
</iframe>
</div>
<br>
<div style="text-align: center;">
<a class='button' href="
https://outlook.office365.com/owa/calendar/[email protected]/3e5d3da3f34f4d8dad88398e0ec54f063701595154329811623/calendar.ics
">
Download as ICS</a>
</div>
<br> -->
<!-- <center><a href="archive-events" class="button">See our previously held events!</a></center> -->
<!-- <a href=https://add.eventable.com/events/61413dde26559321b19db450/616602f50fddb90d3b4af8b8/ data-event=616602f50fddb90d3b4af8b8 class=eventable-link target=_blank data-key=61413dde26559321b19db450 data-style=3>Add to Calendar</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://plugins.eventable.com/eventable.js';fjs.parentNode.insertBefore(js, fjs);}}(document, 'script', 'eventable-script');</script> -->
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER: Controlled by HTML snippet in snippets/footer.html-->
<div id="footer"></div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.csv.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/skel-viewport.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
<script>
// Calendar
function toggleDropdown(ID) {
document.getElementById(ID).classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function (event) {
if (!event.target.matches(".dropbtn")) {
var dropdowns = document.getElementsByClassName("dropdown-content");
for (let i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains("show")) {
openDropdown.classList.remove("show");
}
}
}
};
function generateICSFile(title, description) {
let calEntry = icsFormatter();
let event = {
title,
description,
location: "University of California, Merced"
}
var begin = Date.now();
var end = new Date(begin + 30 * 60000);
calEntry.addEvent(
event.title,
event.description,
event.location,
begin,
end
);
console.log(event);
calEntry.download((event.title).toString());
}
$(function () {
$("#nav").load("snippets/nav.html"); /*Navigation: Controlled by HTML snippet in snippets/nav.html*/
$("#navPanel").load("snippets/nav.html"); /*Navigation: Controlled by HTML snippet in snippets/nav.html*/
$("#footer").load("snippets/footer.html"); /*FOOTER: Controlled by HTML snippet in snippets/footer.html*/
//events populated by event-populator.js
populateEvents($("#events"), false);
});
</script>
</body>
</html>