Eagle.js: A hackable slideshow framework built with Vue.js
github.com
github.com
Would take sound file attachment, and array of minute/second offsets; once timed to audio file, this would be better than YouTube videos, and supplement conference talks.
Outsourced corporate training/indoctrination software honestly seems to satisfy the legal department to the point they can say "ass covered, check," but does not go as far as the victims learning anything useful to the company or their career.
What kind of market would there be for corp training tools that actually satisfy everyone without resembling a force-feeding tube?
I was required to view that video on the company-provided machine.
That machine did not allow sound output.
So I viewed the 2 minute video which only showed section headings fading into each other every 20 seconds and dutifully signed the document.
According to my colleagues, this was the expected and accepted behavior.
I defined a Vue component "next-step(after=5)" which triggers a next slide after 5 seconds, and an "audio(source, timeSegment)" component which just plays an audio. Then your slideshow looks like that:
slide(steps=2)
next-step(:after="2" v-if="step === 2")
audio("hello.mp3")
h1 Slide Title
Other than Prezi, Reveal and Eagle, are the other presentation tools we should check out?
(shameless plug) - Example slidedeck I made last week on "Userscripts and tampermonkey".
https://slides.com/vincentntang/userscripts-with-tampermonke...
From my experience, prezi is terrible. Transitions can make you sick if used incorrectly. Too many places to hide information. Making it difficult for both the presenter and user.
------------------------------------------------------------------
The reason I like slides.com:
0) Free tier is really good. I get 250 MB of storage. In one 10 min slide deck, I only used 3 MB. Meaning I could have a LOT of presentations before upgrading plans. You would want a paid tier starting off for private decks / offline decks
1) I get my own marketable endpoint name. https://slides.com/vincentntang
2) Slides.com is easy to remember for anyone looking at the URL to follow along
3) Slides lets you use ←→↑↓ arrows to change pacing of your slides. For instance, you might predict someone will ask you a question on a specific slide. Add a ↓ to have a digression branch. You can branch as much as you want to, in any direction you want. Plus get a snapshot overview of what the entire branch looks like. https://i.imgur.com/Jmm0qWs.png
4) Editing is simple. My first time using it, I had no intention of presenting. I literally made a 10 min presentation while sitting in someone else's 1 hour presentation. Hadn't ever used slides.com either
5) I can download an HTML export of those slides. The only exception is it doesn't download anything embedded as an iframe (e.g. codepen embeds), but its good to know that you can do offline presentations / have backups as needed.
What I mean is, it demonstrates the code which is important in a readme if you want other people to adopt your product. But, it was also rather funny and kept me engaged throughout it.
I hardly ever make slideshows beyond just black text + white background (or one of the default themes) which I tend to do with google docs as it's the standard at work.
But it's a neat product, good job!
I understand that a value is to have the slide show available as a link for someone to view at their leisure.
For the use case of a live presentation one could look into some audience interaction. Here's a side project I contributed to [0] which I used myself to poll the audience and and present the results in real-time. As a presenter you had the problem that you needed to switch between Powerpoint and the web browser, which confused the presenter. If it "just works" then there could be some value in doing something similar.
A problem with live presentation that any such solution faces is that speaking publicly and giving presentations is a nerve-wracking experience for most mortals. So:
a) Powerpoint / Keynote are viewed as safer bets (no connection issues, older projectors will have smaller resolutions and scaling content can be trickier)
b) The presentation will have too much text (a safety net for the presenter to make sure they don't get lost but a poorer experience for the audience) - maybe some constraints would nudge the presenter to create a better presentation (analogy: PechaKucha)
Anyway, thanks for sharing!
Obviously getting a gridded layout via grid/flexbox is possible, but isn't this a common need that was solved by someone else?
Edit: just had a closer look at Eagle.js and it does support a gridded layout via its .quarter class.
But, other than that it looks interesting!
From their docs:
"If you are not familiar with Vue.js you will find eagle.js harder to use than, say, Reveal.js, but on the long term eagle.js makes it easier to organize your slides and implement new ideas."
In any case Pug is really easier on the eyes as it's a lot less code to read/parse.
See here: https://alvarotrigo.com/fullPage/#examples
It also supports mouse wheel and touchpad and tablet navigation which I'm not sure this does. The latest versions work with plain old HTML too and doesn't even rely on jQuery any more.
Slideshows and scrolling websites are not the same thing.
It actually has zero dependancies now: https://github.com/alvarotrigo/fullPage.js/blob/master/packa...