index-landing.html

---
layout: default
hide-navbar: true
---

<script type="text/javascript" src="{{ site.baseurl }}/assets/pegs.js"></script>
<script type="text/javascript" src="{{ site.baseurl }}/assets/utils.js"></script>
<!--<script type="text/javascript" src="{{ site.baseurl }}/assets/discourse-posts.js"></script>-->

<div id="peg-grid">
	<div id="peg-grid-overflow">
		<!-- Populated by pegs.js -->
	</div>
	<div id="peg-grid-title">Learning Creative Learning</div>
	<div id="peg-grid-subtitle">A community of educators, designers, and tinkerers exploring creative learning through projects, passion, peers, and play</div>
</div>

<div class="container">
	
	<div class="row justify-content-center">
		
		<div class="col-md-4 text-center">

			<div class="front-page-callout">A new round of the course starts on April 18th, and it's free!</div>	

			<div class="embed-responsive embed-responsive-16by9 border-0" id="invite-video">
		  	<iframe class="youtube-iframe" src="https://www.youtube.com/embed/-lTPLFEwVOU?rel=0" allowfullscreen></iframe>
			</div>
			
			<a href="https://eepurl.com/hWxDHj" class="btn btn-lg btn-block btn-primary mt-3 mb-1">Sign up</a>


			<!--
			<img id="first-time-peg-1" src="{{ site.baseurl }}/images/peg_yellow.svg" />
			<img id="first-time-peg-2" src="{{ site.baseurl }}/images/peg_green.svg" />
			-->

			<!--
			<div class="mt-4 mb-2">Connect with educators from around the world and learn how to help children develop as creative thinkers, exploring design principles of the Lifelong Kindergarten Group at MIT
			</div>
			-->
			<a href="{{ site.baseurl }}{% link learn-more.html %}" class="btn">Learn More</a>

		</div>
		
		<div class="col-md-1"></div>
		
		<div class="col-md-4">
			<div class="front-page-callout text-center mt-2">Coming soon...</div>
			<div class="list-group">
			  <a href="{{ site.baseurl }}/weeks/week1" class="list-group-item front-page-list-item d-flex disabled">
			  	Week 1 - Introduction <span class="badge badge-light badge-pill ml-auto p-2">April 18th</span>
			  	<!--img class="front-page-current-indicator" src="{{ site.baseurl }}/images/peg_blue.svg" tx-content="exclude"/-->
			  </a>
			  <a href="{{ site.baseurl }}/weeks/week2" class="list-group-item front-page-list-item d-flex disabled">
			  	Week 2 - Projects <span class="badge badge-light badge-pill ml-auto p-2">April 25th</span>
			  </a>
			  <a href="{{ site.baseurl }}/weeks/week3" class="list-group-item front-page-list-item d-flex disabled">
				  Week 3 - Passion <span class="badge badge-light badge-pill ml-auto p-2">May 2nd</span>
				</a>
			  <a href="{{ site.baseurl }}/weeks/week4" class="list-group-item front-page-list-item d-flex disabled">
			  	Week 4 - Peers <span class="badge badge-light badge-pill ml-auto p-2">May 9th</span>
			  </a>
			  <a href="{{ site.baseurl }}/weeks/week5" class="list-group-item front-page-list-item d-flex disabled">
			  	Week 5 - Play <span class="badge badge-light badge-pill ml-auto p-2">May 16th</span>
			  </a>
			  <a href="{{ site.baseurl }}/weeks/week6" class="list-group-item front-page-list-item d-flex disabled">
				  Week 6 - Creative Society <span class="badge badge-light badge-pill ml-auto p-2">May 23th</span>
			</a>
			</div>
			<p class="text-center"><small>Previous materials are still available <a href="{{ site.baseurl }}/index-old">here</a></small></p>
		</div>
	
	</div>
	
	<div class="row justify-content-end">
		<div class="col-md-4">
			<img id="footer-peg-1" src="{{ site.baseurl }}/images/peg_yellow.svg" />
			<img id="footer-peg-2" src="{{ site.baseurl }}/images/peg_blue.svg" />
			<img id="footer-peg-3" src="{{ site.baseurl }}/images/peg_red.svg" />
			<img id="footer-peg-4" src="{{ site.baseurl }}/images/peg_green.svg" />
		</div>
	</div>
	
	<!--
	
	<div class="row justify-content-center grey-row conversation-row">
		<div class="col-md-10">
			<div class="row justify-content-center conversation-title">
				<h2>Join the Conversation</h2>
      </div>
      <div class="row justify-content-center">
        <div class="col-md-4">
            <a href="http://lcl-discuss.media.mit.edu" class="btn btn-primary btn-lg btn-block">Discussion Forum</a>
				</div>
			</div>
		</div>
	</div>


	<div id="map" class="row justify-content-center">
		<h2 class="my-5 col-md-10 text-center">Global Community</h2>
		<p class="col-md-10 text-center">To add yourself to the map, click the + sign at the top right</p>
		<div id="map-container" class="col-md-12 mb-5">
			<iframe frameborder=0 style="width:100%; min-height:600px" src="https://www.zeemaps.com/pub?group=3585297&search=1&list=1&shuttered=1&add=1&x=-7.085654&y=25.905357&z=15"> 
			</iframe>
		</div>
	</div>

-->

	<div id="calendar" class="row justify-content-center mb-4">
		<div class="col-md-10">
			<div class="row justify-content-center mt-4">
				<h2>Live Events</h2>
      </div>
      <div class="row justify-content-center mb-3">
      	<h5>(all events are optional!) </h5>
      </div>
      <div class="row justify-content-center">
      	<h5><span> Showing timezone:</span> <span id="timezone-header"/></h5>
      </div>
      <div class="form-group row justify-content-center">
      	
				<select id="timezone-select" >
					<option disabled selected style='display:none;'>Change Timezone</option>

					<optgroup label="">	
						<option value="America/New_York">New York (Eastern US)</option>
						<option value="America/Chicago">Chicago (Central US)</option>
						<option value="America/Los_Angeles">Los Angeles (Pacific US)</option>
						<option value="America/Sao_Paulo">Sao Paulo (Brazil)</option>
						<option value="America/Fortaleza">Fortaleza (Brazil)</option>
						<option value="America/Mexico_City">Mexico City (Mexico)</option>
						<option value="Europe/Rome">Rome (Italy)</option>
						<option value="Africa/Nairobi">Nairobi (Kenya)</option>
						<option value="Asia/Istanbul">Istanbul (Turkey)</option>
						<option value="Asia/Kolkata">Kolkata (India)</option>
						<option value="Asia/Tokyo">Tokyo (Japan)</option>
					</optgroup>

					<optgroup label="America">
						<option value="America/Adak">Adak</option>
						<option value="America/Anchorage">Anchorage</option>
						<option value="America/Anguilla">Anguilla</option>
						<option value="America/Antigua">Antigua</option>
						<option value="America/Araguaina">Araguaina</option>
						<option value="America/Argentina/Buenos_Aires">Argentina - Buenos Aires</option>
						<option value="America/Argentina/Catamarca">Argentina - Catamarca</option>
						<option value="America/Argentina/ComodRivadavia">Argentina - ComodRivadavia</option>
						<option value="America/Argentina/Cordoba">Argentina - Cordoba</option>
						<option value="America/Argentina/Jujuy">Argentina - Jujuy</option>
						<option value="America/Argentina/La_Rioja">Argentina - La Rioja</option>
						<option value="America/Argentina/Mendoza">Argentina - Mendoza</option>
						<option value="America/Argentina/Rio_Gallegos">Argentina - Rio Gallegos</option>
						<option value="America/Argentina/Salta">Argentina - Salta</option>
						<option value="America/Argentina/San_Juan">Argentina - San Juan</option>
						<option value="America/Argentina/San_Luis">Argentina - San Luis</option>
						<option value="America/Argentina/Tucuman">Argentina - Tucuman</option>
						<option value="America/Argentina/Ushuaia">Argentina - Ushuaia</option>
						<option value="America/Aruba">Aruba</option>
						<option value="America/Asuncion">Asuncion</option>
						<option value="America/Atikokan">Atikokan</option>
						<option value="America/Atka">Atka</option>
						<option value="America/Bahia">Bahia</option>
						<option value="America/Barbados">Barbados</option>
						<option value="America/Belem">Belem</option>
						<option value="America/Belize">Belize</option>
						<option value="America/Blanc-Sablon">Blanc-Sablon</option>
						<option value="America/Boa_Vista">Boa Vista</option>
						<option value="America/Bogota">Bogota</option>
						<option value="America/Boise">Boise</option>
						<option value="America/Buenos_Aires">Buenos Aires</option>
						<option value="America/Cambridge_Bay">Cambridge Bay</option>
						<option value="America/Campo_Grande">Campo Grande</option>
						<option value="America/Cancun">Cancun</option>
						<option value="America/Caracas">Caracas</option>
						<option value="America/Catamarca">Catamarca</option>
						<option value="America/Cayenne">Cayenne</option>
						<option value="America/Cayman">Cayman</option>
						<option value="America/Chicago">Chicago</option>
						<option value="America/Chihuahua">Chihuahua</option>
						<option value="America/Coral_Harbour">Coral Harbour</option>
						<option value="America/Cordoba">Cordoba</option>
						<option value="America/Costa_Rica">Costa Rica</option>
						<option value="America/Cuiaba">Cuiaba</option>
						<option value="America/Curacao">Curacao</option>
						<option value="America/Danmarkshavn">Danmarkshavn</option>
						<option value="America/Dawson">Dawson</option>
						<option value="America/Dawson_Creek">Dawson Creek</option>
						<option value="America/Denver">Denver</option>
						<option value="America/Detroit">Detroit</option>
						<option value="America/Dominica">Dominica</option>
						<option value="America/Edmonton">Edmonton</option>
						<option value="America/Eirunepe">Eirunepe</option>
						<option value="America/El_Salvador">El Salvador</option>
						<option value="America/Ensenada">Ensenada</option>
						<option value="America/Fortaleza">Fortaleza</option>
						<option value="America/Fort_Wayne">Fort Wayne</option>
						<option value="America/Glace_Bay">Glace Bay</option>
						<option value="America/Godthab">Godthab</option>
						<option value="America/Goose_Bay">Goose Bay</option>
						<option value="America/Grand_Turk">Grand Turk</option>
						<option value="America/Grenada">Grenada</option>
						<option value="America/Guadeloupe">Guadeloupe</option>
						<option value="America/Guatemala">Guatemala</option>
						<option value="America/Guayaquil">Guayaquil</option>
						<option value="America/Guyana">Guyana</option>
						<option value="America/Halifax">Halifax</option>
						<option value="America/Havana">Havana</option>
						<option value="America/Hermosillo">Hermosillo</option>
						<option value="America/Indiana/Indianapolis">Indiana - Indianapolis</option>
						<option value="America/Indiana/Knox">Indiana - Knox</option>
						<option value="America/Indiana/Marengo">Indiana - Marengo</option>
						<option value="America/Indiana/Petersburg">Indiana - Petersburg</option>
						<option value="America/Indiana/Tell_City">Indiana - Tell City</option>
						<option value="America/Indiana/Vevay">Indiana - Vevay</option>
						<option value="America/Indiana/Vincennes">Indiana - Vincennes</option>
						<option value="America/Indiana/Winamac">Indiana - Winamac</option>
						<option value="America/Indianapolis">Indianapolis</option>
						<option value="America/Inuvik">Inuvik</option>
						<option value="America/Iqaluit">Iqaluit</option>
						<option value="America/Jamaica">Jamaica</option>
						<option value="America/Jujuy">Jujuy</option>
						<option value="America/Juneau">Juneau</option>
						<option value="America/Kentucky/Louisville">Kentucky - Louisville</option>
						<option value="America/Kentucky/Monticello">Kentucky - Monticello</option>
						<option value="America/Knox_IN">Knox IN</option>
						<option value="America/La_Paz">La Paz</option>
						<option value="America/Lima">Lima</option>
						<option value="America/Los_Angeles">Los Angeles</option>
						<option value="America/Louisville">Louisville</option>
						<option value="America/Maceio">Maceio</option>
						<option value="America/Managua">Managua</option>
						<option value="America/Manaus">Manaus</option>
						<option value="America/Marigot">Marigot</option>
						<option value="America/Martinique">Martinique</option>
						<option value="America/Matamoros">Matamoros</option>
						<option value="America/Mazatlan">Mazatlan</option>
						<option value="America/Mendoza">Mendoza</option>
						<option value="America/Menominee">Menominee</option>
						<option value="America/Merida">Merida</option>
						<option value="America/Mexico_City">Mexico City</option>
						<option value="America/Miquelon">Miquelon</option>
						<option value="America/Moncton">Moncton</option>
						<option value="America/Monterrey">Monterrey</option>
						<option value="America/Montevideo">Montevideo</option>
						<option value="America/Montreal">Montreal</option>
						<option value="America/Montserrat">Montserrat</option>
						<option value="America/Nassau">Nassau</option>
						<option value="America/New_York">New York</option>
						<option value="America/Nipigon">Nipigon</option>
						<option value="America/Nome">Nome</option>
						<option value="America/Noronha">Noronha</option>
						<option value="America/North_Dakota/Center">North Dakota - Center</option>
						<option value="America/North_Dakota/New_Salem">North Dakota - New Salem</option>
						<option value="America/Ojinaga">Ojinaga</option>
						<option value="America/Panama">Panama</option>
						<option value="America/Pangnirtung">Pangnirtung</option>
						<option value="America/Paramaribo">Paramaribo</option>
						<option value="America/Phoenix">Phoenix</option>
						<option value="America/Port-au-Prince">Port-au-Prince</option>
						<option value="America/Porto_Acre">Porto Acre</option>
						<option value="America/Port_of_Spain">Port of Spain</option>
						<option value="America/Porto_Velho">Porto Velho</option>
						<option value="America/Puerto_Rico">Puerto Rico</option>
						<option value="America/Rainy_River">Rainy River</option>
						<option value="America/Rankin_Inlet">Rankin Inlet</option>
						<option value="America/Recife">Recife</option>
						<option value="America/Regina">Regina</option>
						<option value="America/Resolute">Resolute</option>
						<option value="America/Rio_Branco">Rio Branco</option>
						<option value="America/Rosario">Rosario</option>
						<option value="America/Santa_Isabel">Santa Isabel</option>
						<option value="America/Santarem">Santarem</option>
						<option value="America/Santiago">Santiago</option>
						<option value="America/Santo_Domingo">Santo Domingo</option>
						<option value="America/Sao_Paulo">Sao Paulo</option>
						<option value="America/Scoresbysund">Scoresbysund</option>
						<option value="America/Shiprock">Shiprock</option>
						<option value="America/St_Barthelemy">St Barthelemy</option>
						<option value="America/St_Johns">St Johns</option>
						<option value="America/St_Kitts">St Kitts</option>
						<option value="America/St_Lucia">St Lucia</option>
						<option value="America/St_Thomas">St Thomas</option>
						<option value="America/St_Vincent">St Vincent</option>
						<option value="America/Swift_Current">Swift Current</option>
						<option value="America/Tegucigalpa">Tegucigalpa</option>
						<option value="America/Thule">Thule</option>
						<option value="America/Thunder_Bay">Thunder Bay</option>
						<option value="America/Tijuana">Tijuana</option>
						<option value="America/Toronto">Toronto</option>
						<option value="America/Tortola">Tortola</option>
						<option value="America/Vancouver">Vancouver</option>
						<option value="America/Virgin">Virgin</option>
						<option value="America/Whitehorse">Whitehorse</option>
						<option value="America/Winnipeg">Winnipeg</option>
						<option value="America/Yakutat">Yakutat</option>
						<option value="America/Yellowknife">Yellowknife</option>
					</optgroup>

					<optgroup label="Europe">
						<option value="Europe/Amsterdam">Amsterdam</option>
						<option value="Europe/Andorra">Andorra</option>
						<option value="Europe/Athens">Athens</option>
						<option value="Europe/Belfast">Belfast</option>
						<option value="Europe/Belgrade">Belgrade</option>
						<option value="Europe/Berlin">Berlin</option>
						<option value="Europe/Bratislava">Bratislava</option>
						<option value="Europe/Brussels">Brussels</option>
						<option value="Europe/Bucharest">Bucharest</option>
						<option value="Europe/Budapest">Budapest</option>
						<option value="Europe/Chisinau">Chisinau</option>
						<option value="Europe/Copenhagen">Copenhagen</option>
						<option value="Europe/Dublin">Dublin</option>
						<option value="Europe/Gibraltar">Gibraltar</option>
						<option value="Europe/Guernsey">Guernsey</option>
						<option value="Europe/Helsinki">Helsinki</option>
						<option value="Europe/Isle_of_Man">Isle of Man</option>
						<option value="Europe/Istanbul">Istanbul</option>
						<option value="Europe/Jersey">Jersey</option>
						<option value="Europe/Kaliningrad">Kaliningrad</option>
						<option value="Europe/Kiev">Kiev</option>
						<option value="Europe/Lisbon">Lisbon</option>
						<option value="Europe/Ljubljana">Ljubljana</option>
						<option value="Europe/London">London</option>
						<option value="Europe/Luxembourg">Luxembourg</option>
						<option value="Europe/Madrid">Madrid</option>
						<option value="Europe/Malta">Malta</option>
						<option value="Europe/Mariehamn">Mariehamn</option>
						<option value="Europe/Minsk">Minsk</option>
						<option value="Europe/Monaco">Monaco</option>
						<option value="Europe/Moscow">Moscow</option>
						<option value="Europe/Nicosia">Nicosia</option>
						<option value="Europe/Oslo">Oslo</option>
						<option value="Europe/Paris">Paris</option>
						<option value="Europe/Podgorica">Podgorica</option>
						<option value="Europe/Prague">Prague</option>
						<option value="Europe/Riga">Riga</option>
						<option value="Europe/Rome">Rome</option>
						<option value="Europe/Samara">Samara</option>
						<option value="Europe/San_Marino">San Marino</option>
						<option value="Europe/Sarajevo">Sarajevo</option>
						<option value="Europe/Simferopol">Simferopol</option>
						<option value="Europe/Skopje">Skopje</option>
						<option value="Europe/Sofia">Sofia</option>
						<option value="Europe/Stockholm">Stockholm</option>
						<option value="Europe/Tallinn">Tallinn</option>
						<option value="Europe/Tirane">Tirane</option>
						<option value="Europe/Tiraspol">Tiraspol</option>
						<option value="Europe/Uzhgorod">Uzhgorod</option>
						<option value="Europe/Vaduz">Vaduz</option>
						<option value="Europe/Vatican">Vatican</option>
						<option value="Europe/Vienna">Vienna</option>
						<option value="Europe/Vilnius">Vilnius</option>
						<option value="Europe/Volgograd">Volgograd</option>
						<option value="Europe/Warsaw">Warsaw</option>
						<option value="Europe/Zagreb">Zagreb</option>
						<option value="Europe/Zaporozhye">Zaporozhye</option>
						<option value="Europe/Zurich">Zurich</option>
					</optgroup>
					
					<optgroup label="Asia">
						<option value="Asia/Aden">Aden</option>
						<option value="Asia/Almaty">Almaty</option>
						<option value="Asia/Amman">Amman</option>
						<option value="Asia/Anadyr">Anadyr</option>
						<option value="Asia/Aqtau">Aqtau</option>
						<option value="Asia/Aqtobe">Aqtobe</option>
						<option value="Asia/Ashgabat">Ashgabat</option>
						<option value="Asia/Ashkhabad">Ashkhabad</option>
						<option value="Asia/Baghdad">Baghdad</option>
						<option value="Asia/Bahrain">Bahrain</option>
						<option value="Asia/Baku">Baku</option>
						<option value="Asia/Bangkok">Bangkok</option>
						<option value="Asia/Beirut">Beirut</option>
						<option value="Asia/Bishkek">Bishkek</option>
						<option value="Asia/Brunei">Brunei</option>
						<option value="Asia/Calcutta">Calcutta</option>
						<option value="Asia/Choibalsan">Choibalsan</option>
						<option value="Asia/Chongqing">Chongqing</option>
						<option value="Asia/Chungking">Chungking</option>
						<option value="Asia/Colombo">Colombo</option>
						<option value="Asia/Dacca">Dacca</option>
						<option value="Asia/Damascus">Damascus</option>
						<option value="Asia/Dhaka">Dhaka</option>
						<option value="Asia/Dili">Dili</option>
						<option value="Asia/Dubai">Dubai</option>
						<option value="Asia/Dushanbe">Dushanbe</option>
						<option value="Asia/Gaza">Gaza</option>
						<option value="Asia/Harbin">Harbin</option>
						<option value="Asia/Ho_Chi_Minh">Ho Chi Minh</option>
						<option value="Asia/Hong_Kong">Hong Kong</option>
						<option value="Asia/Hovd">Hovd</option>
						<option value="Asia/Irkutsk">Irkutsk</option>
						<option value="Asia/Istanbul">Istanbul</option>
						<option value="Asia/Jakarta">Jakarta</option>
						<option value="Asia/Jayapura">Jayapura</option>
						<option value="Asia/Jerusalem">Jerusalem</option>
						<option value="Asia/Kabul">Kabul</option>
						<option value="Asia/Kamchatka">Kamchatka</option>
						<option value="Asia/Karachi">Karachi</option>
						<option value="Asia/Kashgar">Kashgar</option>
						<option value="Asia/Kathmandu">Kathmandu</option>
						<option value="Asia/Katmandu">Katmandu</option>
						<option value="Asia/Kolkata">Kolkata</option>
						<option value="Asia/Krasnoyarsk">Krasnoyarsk</option>
						<option value="Asia/Kuala_Lumpur">Kuala Lumpur</option>
						<option value="Asia/Kuching">Kuching</option>
						<option value="Asia/Kuwait">Kuwait</option>
						<option value="Asia/Macao">Macao</option>
						<option value="Asia/Macau">Macau</option>
						<option value="Asia/Magadan">Magadan</option>
						<option value="Asia/Makassar">Makassar</option>
						<option value="Asia/Manila">Manila</option>
						<option value="Asia/Muscat">Muscat</option>
						<option value="Asia/Nicosia">Nicosia</option>
						<option value="Asia/Novokuznetsk">Novokuznetsk</option>
						<option value="Asia/Novosibirsk">Novosibirsk</option>
						<option value="Asia/Omsk">Omsk</option>
						<option value="Asia/Oral">Oral</option>
						<option value="Asia/Phnom_Penh">Phnom Penh</option>
						<option value="Asia/Pontianak">Pontianak</option>
						<option value="Asia/Pyongyang">Pyongyang</option>
						<option value="Asia/Qatar">Qatar</option>
						<option value="Asia/Qyzylorda">Qyzylorda</option>
						<option value="Asia/Rangoon">Rangoon</option>
						<option value="Asia/Riyadh">Riyadh</option>
						<option value="Asia/Saigon">Saigon</option>
						<option value="Asia/Sakhalin">Sakhalin</option>
						<option value="Asia/Samarkand">Samarkand</option>
						<option value="Asia/Seoul">Seoul</option>
						<option value="Asia/Shanghai">Shanghai</option>
						<option value="Asia/Singapore">Singapore</option>
						<option value="Asia/Taipei">Taipei</option>
						<option value="Asia/Tashkent">Tashkent</option>
						<option value="Asia/Tbilisi">Tbilisi</option>
						<option value="Asia/Tehran">Tehran</option>
						<option value="Asia/Tel_Aviv">Tel Aviv</option>
						<option value="Asia/Thimbu">Thimbu</option>
						<option value="Asia/Thimphu">Thimphu</option>
						<option value="Asia/Tokyo">Tokyo</option>
						<option value="Asia/Ujung_Pandang">Ujung Pandang</option>
						<option value="Asia/Ulaanbaatar">Ulaanbaatar</option>
						<option value="Asia/Ulan_Bator">Ulan Bator</option>
						<option value="Asia/Urumqi">Urumqi</option>
						<option value="Asia/Vientiane">Vientiane</option>
						<option value="Asia/Vladivostok">Vladivostok</option>
						<option value="Asia/Yakutsk">Yakutsk</option>
						<option value="Asia/Yekaterinburg">Yekaterinburg</option>
						<option value="Asia/Yerevan">Yerevan</option>
					</optgroup>

					<optgroup label="Africa">
						<option value="Africa/Abidjan">Abidjan</option>
						<option value="Africa/Accra">Accra</option>
						<option value="Africa/Addis_Ababa">Addis Ababa</option>
						<option value="Africa/Algiers">Algiers</option>
						<option value="Africa/Asmara">Asmara</option>
						<option value="Africa/Asmera">Asmera</option>
						<option value="Africa/Bamako">Bamako</option>
						<option value="Africa/Bangui">Bangui</option>
						<option value="Africa/Banjul">Banjul</option>
						<option value="Africa/Bissau">Bissau</option>
						<option value="Africa/Blantyre">Blantyre</option>
						<option value="Africa/Brazzaville">Brazzaville</option>
						<option value="Africa/Bujumbura">Bujumbura</option>
						<option value="Africa/Cairo">Cairo</option>
						<option value="Africa/Casablanca">Casablanca</option>
						<option value="Africa/Ceuta">Ceuta</option>
						<option value="Africa/Conakry">Conakry</option>
						<option value="Africa/Dakar">Dakar</option>
						<option value="Africa/Dar_es_Salaam">Dar es Salaam</option>
						<option value="Africa/Djibouti">Djibouti</option>
						<option value="Africa/Douala">Douala</option>
						<option value="Africa/El_Aaiun">El Aaiun</option>
						<option value="Africa/Freetown">Freetown</option>
						<option value="Africa/Gaborone">Gaborone</option>
						<option value="Africa/Harare">Harare</option>
						<option value="Africa/Johannesburg">Johannesburg</option>
						<option value="Africa/Kampala">Kampala</option>
						<option value="Africa/Khartoum">Khartoum</option>
						<option value="Africa/Kigali">Kigali</option>
						<option value="Africa/Kinshasa">Kinshasa</option>
						<option value="Africa/Lagos">Lagos</option>
						<option value="Africa/Libreville">Libreville</option>
						<option value="Africa/Lome">Lome</option>
						<option value="Africa/Luanda">Luanda</option>
						<option value="Africa/Lubumbashi">Lubumbashi</option>
						<option value="Africa/Lusaka">Lusaka</option>
						<option value="Africa/Malabo">Malabo</option>
						<option value="Africa/Maputo">Maputo</option>
						<option value="Africa/Maseru">Maseru</option>
						<option value="Africa/Mbabane">Mbabane</option>
						<option value="Africa/Mogadishu">Mogadishu</option>
						<option value="Africa/Monrovia">Monrovia</option>
						<option value="Africa/Nairobi">Nairobi</option>
						<option value="Africa/Ndjamena">Ndjamena</option>
						<option value="Africa/Niamey">Niamey</option>
						<option value="Africa/Nouakchott">Nouakchott</option>
						<option value="Africa/Ouagadougou">Ouagadougou</option>
						<option value="Africa/Porto-Novo">Porto-Novo</option>
						<option value="Africa/Sao_Tome">Sao Tome</option>
						<option value="Africa/Timbuktu">Timbuktu</option>
						<option value="Africa/Tripoli">Tripoli</option>
						<option value="Africa/Tunis">Tunis</option>
						<option value="Africa/Windhoek">Windhoek</option>
					</optgroup>
					
					<optgroup label="Australia">
						<option value="Australia/ACT">ACT</option>
						<option value="Australia/Adelaide">Adelaide</option>
						<option value="Australia/Brisbane">Brisbane</option>
						<option value="Australia/Broken_Hill">Broken Hill</option>
						<option value="Australia/Canberra">Canberra</option>
						<option value="Australia/Currie">Currie</option>
						<option value="Australia/Darwin">Darwin</option>
						<option value="Australia/Eucla">Eucla</option>
						<option value="Australia/Hobart">Hobart</option>
						<option value="Australia/LHI">LHI</option>
						<option value="Australia/Lindeman">Lindeman</option>
						<option value="Australia/Lord_Howe">Lord Howe</option>
						<option value="Australia/Melbourne">Melbourne</option>
						<option value="Australia/North">North</option>
						<option value="Australia/NSW">NSW</option>
						<option value="Australia/Perth">Perth</option>
						<option value="Australia/Queensland">Queensland</option>
						<option value="Australia/South">South</option>
						<option value="Australia/Sydney">Sydney</option>
						<option value="Australia/Tasmania">Tasmania</option>
						<option value="Australia/Victoria">Victoria</option>
						<option value="Australia/West">West</option>
						<option value="Australia/Yancowinna">Yancowinna</option>
					</optgroup>
					
					
				</select>
      </div>
      
      <div class="row justify-content-center" id="google-calendar">
            
			</div>

			<div class="row justify-content-center mt-3 mb-5">
      	<h5><a id="calendar-link">Add all events to your Google Calendar</a></h5>
      </div>

      <script type="text/javascript">
          /* calendar params are defined in utils.js */
        	document.getElementById('google-calendar').innerHTML = iframe_html;
					document.getElementById('timezone-header').innerHTML = getCurrentTimeZone();
					document.getElementById('calendar-link').href = 'https://calendar.google.com/calendar/u/0?cid=' + calendar_src;
      </script>

		</div>
	</div>


</div>