[{"data":1,"prerenderedAt":267},["ShallowReactive",2],{"\u002Fpost\u002Fevents":3},{"id":4,"title":5,"body":6,"createdAt":258,"description":259,"extension":260,"meta":261,"navigation":262,"path":263,"seo":264,"stem":265,"__hash__":266},"posts\u002Fpost\u002Fevents.md","Multiforum Demo Part 3: Event Search",{"type":7,"value":8,"toc":241},"minimark",[9,13,20,26,29,34,37,43,46,52,56,59,65,68,71,76,80,83,89,92,97,100,104,107,113,116,122,126,129,135,139,142,148,151,154,157,163,166,172,176,179,182,188,191,197,201,206,209,215,219,222,228,232,235],[10,11,12],"p",{},"Anyone can post events on the platform, with a title, description, and address. If you include an address, the event will show up on a map so you can see what's happening nearby. There are also features for filtering events by time and forum, highlighting events on the map, and viewing detailed information about each event. My goal was to make it simple and effective for everyone to find and share local events.",[10,14,15],{},[16,17],"img",{"alt":18,"src":19},"All in person events filtered by next weekend","\u002Fposts\u002Fevents\u002Fall-in-person-events-filtered-by-next-weekend.png",[21,22,23],"blockquote",{},[10,24,25],{},"Note: The above screenshot shows how it looks if you filter all in-person events by 'next weekend.' If today is during the week of Monday, June 17, then the events are filtered to show events on Saturday the 22nd and Sunday the 23rd:",[10,27,28],{},"In this blog post, I'll show you the different features of the tool with some screenshots. It's still a work on progress, but I plan to host it soon. Until it's hosted, hopefully this walkthrough can give you a good idea of how my project can be used to discover and share events.",[30,31,33],"h2",{"id":32},"highlighting-events-on-the-map","Highlighting events on the map",[10,35,36],{},"If you mouse over an event list item or map marker, an info window pops up on the map\nand the list item is also highlighted. This is supposed to make it easier to draw a connection\nbetween the two:",[10,38,39],{},[16,40],{"alt":41,"src":42},"Highlighting an item on the map filtered by forums","\u002Fposts\u002Fevents\u002Fhighlighting-item-on-map-filtered-by-forums.png",[10,44,45],{},"Here's another example showing what happens if you hover over an event in the map view:",[10,47,48],{},[16,49],{"alt":50,"src":51},"Map view hover on list item","\u002Fposts\u002Fevents\u002Fmap-view-hover-on-list-item.png",[30,53,55],{"id":54},"filtering-the-map-by-forums","Filtering the map by forums",[10,57,58],{},"If I'm only interested in events from a few specific forums, I filter the\nmap by those forums:",[10,60,61],{},[16,62],{"alt":63,"src":64},"Filtering map by multiple forums","\u002Fposts\u002Fevents\u002Ffiltering-map-by-multiple-forums.png",[10,66,67],{},"Note: The above component for selecting forums is unwieldy and I'll be replacing it\nwith something more compact.",[10,69,70],{},"The resulting event list is now filtered by the two forums I selected - the writers group\nand the birdwatching one. All of the concerts are no longer in the list and their map\nmarkers are no longer on the map:",[10,72,73],{},[16,74],{"alt":75,"src":42},"Highlighting item on map filtered by forums",[30,77,79],{"id":78},"clicking-forum-name-in-event-drawer","Clicking forum name in event drawer",[10,81,82],{},"If you're looking at events from the map view, and you click on one, the details\nwill show up in a drawer:",[10,84,85],{},[16,86],{"alt":87,"src":88},"Clicking an event list item","\u002Fposts\u002Fevents\u002Fclicking-an-event-list-item.png",[10,90,91],{},"In that drawer you can see what forums that event was\nsubmitted to. If you click the forum name it will take you to the event page in\nthe context of that forum:",[10,93,94],{},[16,95],{"alt":79,"src":96},"\u002Fposts\u002Fevents\u002Fclicking-the-forum-that-the-event-was-submitted-to.png",[10,98,99],{},"Screenshots of event detail pages within a forum are below.",[30,101,103],{"id":102},"multiple-events-at-the-same-location","Multiple events at the same location",[10,105,106],{},"Some map markers indicate that there are multiple events at the same location. If\nyou click that, you can see the list of events that are taking place there at different times:",[10,108,109],{},[16,110],{"alt":111,"src":112},"Clicking different map marker with multiple events","\u002Fposts\u002Fevents\u002Fclicking-different-map-marker-with-multiple-events.png",[10,114,115],{},"Here's another example of how it looks when you click on a location with multiple events. In\nthis case, the events are both at the same concert venue, Crescent Ballroom:",[10,117,118],{},[16,119],{"alt":120,"src":121},"Clicking map marker with multiple events","\u002Fposts\u002Fevents\u002Fclicking-map-marker-with-multiple-events.png",[30,123,125],{"id":124},"clicking-a-single-event","Clicking a single event",[10,127,128],{},"If you click on an event list item or map marker for a single event, the details of that event show\nin a drawer (the drawer also contains permanent links to the event's detail page, useful for sharing event details):",[10,130,131],{},[16,132],{"alt":133,"src":134},"Map view when you click on a list item","\u002Fposts\u002Fevents\u002Fmap-view-click-on-list-item.png",[30,136,138],{"id":137},"event-list-within-a-forum","Event list within a forum",[10,140,141],{},"Each forum can have its own list of upcoming events. In this example, a forum about\nrock music in Phoenix is promoting events at multiple venues. Meanwhile, the\nforum sidebar shows the handful of events which are coming up the soonest, so that\nthey are visible even when the Discussions tab is active:",[10,143,144],{},[16,145],{"alt":146,"src":147},"Phoenix rock event list","\u002Fposts\u002Fevents\u002Fphx-rock-event-list.png",[10,149,150],{},"In this particular example, hypothetically, the venues may host a variety of events\nin multiple musical genres but these particular ones would be of interest to people\nwho like rock music. So in that way, the forum can be used as a way to organize\npublic information about events and promote them to the people who find them most relevant.",[10,152,153],{},"(The screenshots may not show the best examples. Morphia Slow categorizes\nherself as \"Folk-Murder-Pop\", but you get the idea.)",[10,155,156],{},"Events can be filtered within a forum. This screenshot shows how it looks when\nevents in \"Phoenix Bird Lovers\" are filtered to show only events next weekend:",[10,158,159],{},[16,160],{"alt":161,"src":162},"Phoenix bird lovers filtered by next weekend","\u002Fposts\u002Fevents\u002Fphx-bird-lovers-filtered-by-next-weekend.png",[10,164,165],{},"Here are the events filtered by location. In this case they are filtered to show\nevents within 10 miles of Tempe:",[10,167,168],{},[16,169],{"alt":170,"src":171},"Phoenix bird lovers events filtered by location","\u002Fposts\u002Fevents\u002Fphx-bird-lovers-events-filtered-by-location.png",[30,173,175],{"id":174},"submitting-an-event-to-forums","Submitting an event to forums",[10,177,178],{},"You can share an event to one or more forums. In a typical use case, you would link to an official\nevent page with the full details and information about how to buy tickets, if applicable.",[10,180,181],{},"Submitting an event to multiple forums is a good way to increase the visibility of the event. This one will now be visible in the context of both of the selected forums:",[10,183,184],{},[16,185],{"alt":186,"src":187},"Submitting an event to multiple forums","\u002Fposts\u002Fevents\u002Fsubmitting-event-to-multiple-forums.png",[10,189,190],{},"If you add an address, the event will be discoverable from the sitewide event search page (the map view):",[10,192,193],{},[16,194],{"alt":195,"src":196},"Adding an address for so that the event shows up on the map","\u002Fposts\u002Fevents\u002Fadding-an-address-makes-the-event-discoverable-from-sitewide-search.png",[30,198,200],{"id":199},"screenshots-mobile-width","Screenshots - Mobile width",[202,203,205],"h3",{"id":204},"event-list-view-within-a-forum","Event list view within a forum",[10,207,208],{},"Here's the list of events within a specific forum:",[10,210,211],{},[16,212],{"alt":213,"src":214},"Forum event list at mobile width","\u002Fposts\u002Fevents\u002Fforum-event-list-at-mobile-width.png",[202,216,218],{"id":217},"event-detail-page","Event detail page",[10,220,221],{},"This screenshot shows how an event detail page looks at mobile width, if you\ncome to it from within the context of an individual forum:",[10,223,224],{},[16,225],{"alt":226,"src":227},"Event detail page at mobile width","\u002Fposts\u002Fevents\u002Fevent-detail-within-forum-at-mobile-width.png",[202,229,231],{"id":230},"sitewide-event-list","Sitewide event list",[10,233,234],{},"Here's the sitewide in-person event list with an active filter,\nshown here at mobile width. All the same filtering features work at mobile width\nas well. Here, the events are filtered by the birdwatching forum,\nso not all of the map markers are displayed.",[10,236,237],{},[16,238],{"alt":239,"src":240},"Sitewide filtered event list at mobile width","\u002Fposts\u002Fevents\u002Fsitewide-filtered-event-list-at-mobile-width.png",{"title":242,"searchDepth":243,"depth":243,"links":244},"",2,[245,246,247,248,249,250,251,252],{"id":32,"depth":243,"text":33},{"id":54,"depth":243,"text":55},{"id":78,"depth":243,"text":79},{"id":102,"depth":243,"text":103},{"id":124,"depth":243,"text":125},{"id":137,"depth":243,"text":138},{"id":174,"depth":243,"text":175},{"id":199,"depth":243,"text":200,"children":253},[254,256,257],{"id":204,"depth":255,"text":205},3,{"id":217,"depth":255,"text":218},{"id":230,"depth":255,"text":231},"2024-06-20T00:34:16.027Z","A walkthrough of Multiforum event discovery, maps, filters, forum submissions, and responsive layouts.","md",{},true,"\u002Fpost\u002Fevents",{"title":5,"description":259},"post\u002Fevents","aDwwBXEveKPdssPA76b0Sm44seb0K7m4_SKoMeBzhTY",1785377801502]