<html><head><meta http-equiv="Content-Type" content="text/html charset=iso-8859-1"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><div>On 16/08/2013, at 10:57 PM, Grace Abuhamad <<a href="mailto:grace.abuhamad@gmail.com">grace.abuhamad@gmail.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div dir="ltr"><div><div>As part of my work for the GovLab @ NYU, I've compiled information about upcoming Internet events into a calendar. I understand this was a project attempted in other groups as well, but I wanted to go ahead and share our product with you: <a href="http://www.thegovlab.org/events/">http://www.thegovlab.org/events/</a></div></div></div></blockquote><div><br></div>Great!</div><div><br><blockquote type="cite"><div dir="ltr"><div>
If you have any events you would like to add, please send the information along to me. We are still thinking of ways to make a open calendar compatible with our website.<br></div></div></blockquote></div><div><br></div><div>This can be done automatically by importing the events from the Best Bits event calendar, and the reverse can also be done - in other words adding your calendar as a source for events shown in our calendar, which I've just done:</div><div><br></div><div><a href="http://bestbits.net/events/">http://bestbits.net/events/</a></div><div><br></div><div>We already have nine other calendars - now ten - feeding events into ours (although their events are hidden by default): Internet Governance Caucus, Access, Fight for the Future, IGF Community Site, Consumers International, Diplo Foundation, <a href="http://Infojustice.org">Infojustice.org</a>, Internet Governance Project and RIPE NCC.</div><div><br></div><div>To see events from external calendars you need to change the "Categories" drop-down filter to include "Events from other calendars" and then chose the other calendar from the "Tags" drop-down.  But the idea is that the moderators of the calendar will periodically move imported events out of this category and into a more appropriate category so that they will become visible.</div><div><br></div><div>Currently our other categories are ICANN, IGF, ITU, Non-institutional forums, UN and WSIS Review - but we can add more.</div><div><br></div><div>Other features that are due to be rolled out soon are:</div><div><div class="layoutArea"><div class="column"><p style="margin-right: 0cm; margin-left: 0cm; font-size: 12pt; font-family: 'Times New Roman', serif; "><ul class="MailOutline"><li><span style="font-size: 10pt; font-family: Arial; font-weight: 700; ">RSVPs:</span><span style="font-size: 10pt; font-family: Arial; "> This is the most useful improvement - we will show who is attending each upcoming meeting.  If you RSVP for any meeting, you will also receive information about travel support opportunities.</span></li><li><span style="font-size: 10pt; font-family: Arial; font-weight: 700; ">Institutions: </span><span style="font-family: ArialMT; font-size: 10pt; ">The hosting institutions for meeting will each have a wiki-style page of information about them that carries across all the meetings that they host - and later, a map/infographic will be linked in.</span></li><li><span style="font-family: Arial; font-size: 10pt; font-weight: 700; ">Event Issues: </span><span style="font-size: 10pt; font-family: ArialMT; ">Similarly, each event can have issues associated with it.  These are more fine-grained than categories, and are designed to capture the particular topics that a meeting will discuss.</span></li><li><span style="font-family: Arial; font-size: 10pt; font-weight: 700; ">Reports, Event Papers & Detailed Event Pages: </span><span style="font-family: ArialMT; font-size: 10pt; ">Some events can have a detailed page associated with them, generally because a Best Bits gathering is taking place there (example:</span><span style="font-family: ArialMT; font-size: 10pt; "> </span><a href="http://bestbits.net/bestbits2012" style="font-family: ArialMT; font-size: 10pt; color: purple; ">http://bestbits.net/bestbits2012</a><span style="font-family: ArialMT; font-size: 10pt; ">). Events can also have briefing papers (ahead of the event) and reports (after the event) uploaded that will be associated with them.  These are all treated in a similar way.</span></li></ul></p></div></div><div class="layoutArea"><div class="column"><p style="margin-right: 0cm; margin-left: 0cm; font-size: 12pt; font-family: 'Times New Roman', serif; "><span style="font-family: ArialMT; font-size: 10pt; ">These features have already been developed, but they broke when I upgraded the site and are having to be reimplemented. :-/  </span><span style="font-family: ArialMT; font-size: 10pt; ">I will send more details when they are ready again.</span></p><p style="margin-right: 0cm; margin-left: 0cm; font-size: 12pt; font-family: 'Times New Roman', serif; "><span style="font-family: ArialMT; font-size: 10pt; ">The intent is that our calendar can be a resource for any other groups who can embed it on their own sites, and extract just the events that they want.  It is straightforward to embed a calendar (either by subscribing to an iCalendar feed, or by embedding the calendar as a pre-formatted page).</span></p><div>To embed the pre-formatted page you add this code to your website:</div><div><br></div><div><pre><script type="text/javascript" src="<a href="http://bestbits.net/?ai1ec_super_widget">http://bestbits.net/?ai1ec_super_widget</a>"></script></pre><div>Followed by this:</div><div><pre><div class="timely-calendar"></div></pre><div><br></div></div><div>You can modify the categories or tags that are pre-selected, and the appearance of the calendar, by adding options, for example:</div></div><div><div><ul>
                                                        <li>Posterboard view: <code><div class="timely-calendar" data-action="posterboard"></div></code></li>
                                                        <li>Stream view: <code><div class="timely-calendar" data-action="stream"></div></code></li>
                                                        <li>Month view: <code><div class="timely-calendar" data-action="month"></div></code></li>
                                                        <li>Week view: <code><div class="timely-calendar" data-action="week"></div></code></li>
                                                        <li>Day view: <code><div class="timely-calendar" data-action="day"></div></code></li>
                                                        <li>Agenda view: <code><div class="timely-calendar" data-action="agenda"></div></code></li>
                                                        <li>Default view as per settings: <code><div class="timely-calendar"></div></code></li>

                                                        <li>Filter by event category ID: <code><div class="timely-calendar" data-cat_ids="1"></div></code></li>
                                                        <li>Filter by event category IDs (separate IDs by comma): <code><div class="timely-calendar" data-cat_ids="1,2"></div></code></li>

                                                        <li>Filter by event tag ID: <code><div class="timely-calendar" data-tag_ids="1"></div></code></li>
                                                        <li>Filter by event tag IDs (separate IDs by comma): <code><div class="timely-calendar" data-tag_ids="1,2"></div></code></li>

                                                        <li>Filter by post ID: <code><div class="timely-calendar" data-post_ids="1"></div></code></li>
                                                        <li>Filter by post IDs (separate IDs by comma): <code><div class="timely-calendar" data-post_ids="1,2"></div></code></li>

                                                        <li>Hide title and navigation buttons: <code><div class="timely-calendar" data-no_navigation="true"></div></code></li>

                                                        <li>Set a default start date: * <code><div class="timely-calendar" data-exact_date="21-12-2012"></div></code></li>
                                                </ul><div>To embed using an iCalendar feed is even simpler: just adjust the options of the event calendar at <a href="http://bestbits.net/events/">http://bestbits.net/events/</a> how you want them, and click "Subscribe to filtered calendar" at the bottom of the page.</div></div></div><div><br></div><div>So as you can see, it does a lot already and more is on the way.  Hope some of this may be useful for your aims for the GovLab site too.</div><div><br></div></div></div></div><div>
<div style="font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; border-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; border-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; border-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; border-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; border-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-weight: normal; font-style: normal; background-color: rgb(255, 255, 255); ">-- </span><br style="background-color: rgb(255, 255, 255); "><p style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: 9pt; font-weight: normal; font-style: normal; background-color: rgb(255, 255, 255); "><b>Dr Jeremy Malcolm<br>Senior Policy Officer<br>Consumers International | the global campaigning voice for consumers</b><br>Office for Asia-Pacific and the Middle East<br>Lot 5-1 Wisma WIM, 7 Jalan Abang Haji Openg, TTDI, 60000 Kuala Lumpur, Malaysia<br>Tel: +60 3 7726 1599</p><p style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: 9pt; font-weight: normal; font-style: normal; background-color: rgb(255, 255, 255); "></p><p style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: 9pt; font-weight: normal; font-style: normal; "><span style="background-color: rgb(255, 255, 255); ">Explore our new Resource Zone - the global consumer movement knowledge hub |</span><a href="http://www.consumersinternational.org/news-and-media/resource-zone" style="background-color: rgb(255, 255, 255); ">http://www.consumersinternational.org/news-and-media/resource-zone</a></p><p style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-weight: normal; font-style: normal; "></p><p style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: 9pt; font-weight: normal; font-style: normal; background-color: rgb(255, 255, 255); ">@Consumers_Int | <a href="http://www.consumersinternational.org/">www.consumersinternational.org</a> | <a href="http://www.facebook.com/consumersinternational">www.facebook.com/consumersinternational</a></p><p style="color: rgb(153, 153, 153); font-family: Helvetica; font-size: 8pt; font-weight: normal; font-style: normal; background-color: rgb(255, 255, 255); ">Read our <a href="http://www.consumersinternational.org/email-confidentiality" target="_blank">email confidentiality notice</a>. Don't print this email unless necessary.</p><p style="background-color: rgb(255, 255, 255); "><font color="#ff2600"><b>WARNING</b></font><span style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-weight: normal; font-style: normal; ">: This email has not been encrypted. You are strongly recommended to enable PGP or S/MIME encryption at your end. For instructions, see </span><a href="http://jere.my/l/8m" title="https://luxsci.com/blog/installing-smime-and-pgp-encryption-certificates-into-major-email-clients.html" rel="nofollow external" style="color: rgb(153, 153, 153); font-family: Helvetica; font-size: medium; font-weight: normal; font-style: normal; ">http://jere.my/l/8m</a><span style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; font-weight: normal; font-style: normal; ">.</span></p></div></span></div></span></div></span></div></span></div></span></div></span></div></div></div>
</div>
<br></body></html>