-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
134 lines (102 loc) · 6.4 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
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
<html>
<head>
<meta charSet="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Windsor YQG Event Calendar - Things To Do</title>
<link rel="stylesheet" href="style.css">
<meta name="description" content="Windsor Ontario YQG Community and Tech Event Calendar - Find Things To Do in this beautiful city" />
<meta name="keywords" content="Windsor Ontario YQG Community and Tech Event Calendar Find Things To Do in this beautiful city" />
<link rel="canonical" href="https://thefirstprototype.com/windsor-ontario-yqg-events-calendar/">
<meta property="og:site_name" content="The First Prototype">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Windsor YQG Event Calendar - Things To Do">
<meta name="twitter:description" content="Windsor Ontario YQG Community and Tech Event Calendar - Find Things To Do in this beautiful city">
<meta name="twitter:image" content="https://thefirstprototype.com/images/author.png">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Windsor YQG Event Calendar - Things To Do">
<meta itemprop="description" content="Windsor Ontario YQG Community and Tech Event Calendar - Find Things To Do in this beautiful city">
<meta itemprop="image" content="https://thefirstprototype.com/images/author.png">
<!-- Facebook Open Graph -->
<meta property="og:url" content="https://thefirstprototype.com/windsor-ontario-yqg-events-calendar/">
<meta property="og:type" content="website">
<meta property="og:title" content="Windsor YQG Event Calendar - Things To Do">
<meta property="og:description" content="Windsor Ontario YQG Community and Tech Event Calendar - Find Things To Do in this beautiful city">
<meta property="og:image" content="https://thefirstprototype.com/images/author.png">
<meta name="robots" content="noodp,noydir">
<!-- Facebook Open Graph end -->
<link rel="apple-touch-icon" sizes="180x180" href="../favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="../favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../favicon/favicon-16x16.png">
<link rel="manifest" href="../favicon/site.webmanifest">
<meta name="author" content="https://linkedin.com/in/saamer">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<!-- Favicons -->
<link rel="shortcut icon" href="../images/logo-footer.png">
</head>
<body onload="onLoad()">
<!--<img class = "mobile-background" src = "MobileBack.png" alt = "Colourful Backgroud Picture (Mobile)" title = "Colourful Backgroud Picture (Mobile)">-->
<header class = "container-top">
<div class="logo">
<img src="logo.png" alt="First Prototype Logo" title="First Prototype Logo">
<span class = "vertical-center"> The First Prototype </span>
</div>
<div class="head-pic">
<img src="CalendarHeaderPic.png" alt="Colourful picture with circles and quarter circles" title="Header Picture" width="100%">
</div>
<div class="head-content">
<h1>
Windsor YQG Event Calendar - Things To Do
</h1>
<h6 id="date-header">
</h6>
<h3>
Calendar of the events about technology & innovation in the Windsor Essex region
</h3>
<button onclick=" window.open('https://forms.gle/44ifQ5aHdkvFAP8SA','_blank')";> <!-- Button is set to a dead link, add google form link later? -->
Add your Event
</button>
</div>
</header>
<h2> Upcoming Events </h2>
<div id="container-events">
<div class = "spinner"></div>
<!--TEMPLATE FOR EVENT LISTINGS -->
<!-- <div class = "event">
<h4 class = "event-title"> The First Prototype presents: How to start UI design using Figma as a tool</h4>
<div class = "event-content">
<p> <img src="Calendar_Icon.png" alt="Calendar Icon" title="Calendar Icon"> 1:00PM - 2:00PM | March 12, 2021 </p>
<p><img src="Info_Icon.png" alt="Information Icon" title="Information Icon"> Education & EdTech</p>
<p><img src="Location_Icon.png" alt="Location Icon" title="Location Icon"> 1000 Downing St. (or have a zoom link) ssldjfslkdf sdfhlskdf sdlfsadhlfj sadlfjsaldjfs</p>
</div>
// Button is set to a dead link, add google form link later?
<button class = "visit-button" style = "visibility: visible;" onclick=" window.open('#','_blank')">
VISIT
</button>
</div>
<!-- <div class = "event">
<h4 class = "event-title"> The First Prototype presents: How to start UI design using Figma as a tool, How to start UI design using Figma as a tool</h4>
<div class = "event-content">
<p> <img src="Calendar_Icon.png" alt="Calendar Icon" title="Calendar Icon"> 1:00PM - 2:00PM | March 12, 2021 </p>
<p><img src="Info_Icon.png" alt="Information Icon" title="Information Icon"> Education & EdTech</p>
<p><img src="Location_Icon.png" alt="Location Icon" title="Location Icon"> 1000 Downing St. (or have a zoom link)</p>
</div>
<button class = "visit-button" style = " visibility: visible;" onclick=" window.open('#','_blank')">
VISIT
</button>
</div> -->
</div>
<div class = "disclaimer">
This page is open-source, you can view the code and contribute <a href="https://github.com/saamerm/WindsorYQGCalendar/" target="_blank">here</a>. <br>
Let us know how we can improve, or edit/flag events by emailing us at info@thefirstprototype.com. <br>
Disclaimer: We do not check, verify, recommend or endorse any of the events in the calendar. Attend them at your own risk.
</div>
<footer>
<a href="https://thefirstprototype.com/" target="_blank">© The First Prototype 2021</a>
</footer>
<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../js/all.js"></script>
<script type="text/javascript" src="../js/analytics_calendar.js"></script>
<script src="index.js"></script>
</body>
</html>