[WIP] Search

[eelco]

This is a proof of concept implementation of adding search using middleman-search, implements #4.

TODO:

Must have

• [x] Better design
  • [x] Decide placement on page
  • [x] Layout of results page
• [x] Show progress indicator while searching
• [x] Show “No results” when there are no results

  Should have

• [x] Gzip the index (currently 800KB, 115KB zipped, only loaded on search page) gzip is enabled on server
• [ ] Show form on search page when there is no query
• [x] Cleaner way of handling inserts in HTML (jQuery? Any opinions on this?)
• [ ] Better parsing of query from document.location

  Could have

• [ ] Live search
• [ ] Limits/paging to prevent building huge search result pages
• [ ] More content in search results (e.g. tags for events and speakers, speakers for events)
• [ ] Include individual videos in search results (this would require adding a page for each video)

Let me know what you think. Feel free to continue working on this branch and/or edit the TODO list.

[chriseidhof]

This looks really awesome! Really great start.

It'd be so cool if we had video transcripts, which means we could even search the content. For some videos there are transcripts available, e.g. the ones hosted at Realm and the ones from WWDC. I'm not sure, however, how that'd work with copyright.

With the "feel free to continue", do you mean you're not planning to continue this, or do you mean "feel free to help out"?

[chriseidhof]

And yes, I think we could add a heavier weight to tags!

[eelco]

I meant to say “feel free to help out”, the scope of this can be made pretty big, it might make sense to split it in a couple of issues.

For now, if you start working on a TODO in this branch, just add your name after it or something.

[eelco]

Another thing that would be nice (added it to the ‘Could have’s) is to also include individual videos in the results.

[chriseidhof]

I think it'd be cool to ship it asap, then improve on it. So let's tackle the must have's, merge it, and then create issues for the other things?

[eelco]

Agreed, it’s nice to keep the pace up.

[eelco]

Okay, I think it’s ready for the first merge.

Some notes:

• I used Vanilla-JS because I’m hesitant to include something like jQuery, but the javascript code can definitely be improved.
• I made up a very custom activity indicator for fun, might be better to replace it with something more standard.
• All the visual design was done pretty ad-hoc (sorry), it probably should be adjusted to use the grid system from the Pure framework.