The presenter mode does not show the slide contents of the current slide. This is very unfortunate, since it requires looking at the beamer when presenting, especially when no notes are attached to a specific slide.
Maybe you need some kind of marker on the elements, which should 'reveal' which have to be added by the slide developer, like a class 'reveal'. Then you could query all elements with class 'reveal' from the 'content' slot and change their properties.
Or we, the users, have to encapsulate all things, which should be revealable with an extra component or attribute. (I'm thinking, that the way angular directives work would be nice, but I think, stencil can't to these). You could allow p, li and img to be revealed per default and all other elements need an extra tag for that.
Most developers doing presentations with this stuff need some console tooling.
So it would be nice, to have a special type of slide for that.
I tried to do it with the code slide, but wasn't successful for some reason I forgot until now.
In the end, I build my console things from scratch with a simple <deckgo-slide-content> and css classes.
Replace the deckgo-lazy-img with plain ion-img (or at least highlight the benefits of deckgo-lazy-image over ion-img)
For some reason, lazy image did not load my images at all.
So i used ion-img instead, which also does intersection observer and lazy loading now, in version 4.
https://ionicframework.com/docs/api/img
So maybe you don't need your own component anymore for that, which would be one thing less to maintain in the future :)
You have a warning vulnerability in your deckdeckgo webpack plugin, see
Moderate │ Regular Expression Denial of Service │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Package │ underscore.string │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Patched in │ >=3.3.5 │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Dependency of │ deckdeckgo-webpack-plugins [dev] │ ├───────────────┼──────────────────────────────────────────────────────────────┤ │ Path │ deckdeckgo-webpack-plugins > remarkable > argparse > │ │ │ underscore.string │
see https://docs.deckdeckgo.com/slides/concept
Idea: mark the slots with different background-colors to show the distinction, that you mean the areas of the slide with slots.
For some reason, the gif slide does not load my gifs. I tried integrating som giffy ones and they didn't load.
So I made my own slide with <deckgo-slide-content> again to display my gif.
Sidenote: Is it allowed to pass the gif url as video format, like vp9? I think this would improve performance and giphy does offer it :)
Yeah! I love talking about technical things on nice projects :D -
Improvements
Show Slides in Presenter Mode
Ah, so maybe there is a misunderstanding.
I like casting the presentation to an external device, like your issue suggests,
but this was not the problem i had.
I meant to add a preview of the current slide to the remote control mode.
This should not be too complicated, since it's all web-components, or is it complicated?
Allow 'reveal' effect for all child elements, not only li, p and img
Yeah, I understand what you mean. But the current situation would be that you must build this functionality yourself if you want to use another tag as these three. For example, I could think of a content slide with three topics on it, each topic represented by a material card and I want to show my cards with this reveal logic.
Maybe another possibility would be to allow an array to be passed into a
reveal-tagsproperty, likereveal-tags="['div', 'my-tag']",so that you don't have to wrap another tag around each content item for reveal functionality.
Add a deckgo-console slide type
Yes, i can describe it further:
I imagine a slide type similar to the deckgo-code slide type, but for shell content.
I imagine a black background with monotype font with syntax highlighting for (Unix) sh, bash, zsh, (Windows) powershell, cmd syntax to easily show development commands like so:
As the first step, showing the commands with proper formatting and syntax highlighting would be great.
A second step could be to integrate a full terminal emulator component to be able to show some commands directly while presenting.
But I imagine this to be more tricky because you have to fill in the execution environment for the commands, like a vm-baked console or ssh. So, this is why I consider it the second step.
Replace the deckgo-lazy-img ...
Ok, I see the reason to use an own component for a custom web editor.
I don't think I can reproduce the issues right now, because I'm very busy with some work stuff, but if I'm looking into it again, i'll test the lazy-img component again and send you feedback :)
Bugs
Node Dependencies
Ah ok , so the bugs are deeper in your dependency tree. So nevermind.
Low: Template Examples on deckdeckgo.com look broken / not understandable
No, the text is good as it is. The problem is the example slide renderer, you included for showing of the templates.
This is your first example for the
Titleslide type template:This looks technically fine, but I would improve the visibility of the different areas affected by the slots, by adding a horizontal line between the title slot and the content slot or making their background-colors different.
I think that having only the labels with the slot names is not enough to convey the information, that all content with this slot name will be rendered at the position in the example.
Or you could draw box-outlines for each slot to better visualize them.
A little bit like this image from the css-tricks complete guide to css-grit tutorial.
https://css-tricks.com/snippets/css/complete-guide-grid/#grid-introduction
The thing I wanted to point out is that these slide examples do not look good sometimes, when scaled.
The
Authortemplate looks badly scaled for the test (maybe simple fix to increase height of demo slide?).And the QR Code Slide example looks all over the place, possible caused by responsiveness.
I think these examples should look great to improve adoption.
Also, the QR Code had a glitch earlier, when it was filling the complete right side of the demo slide,
but I couldn't recreate it for this screenshot.
Gif Support
Ah ok, yes, maybe the reason it didn't load was the same as lazy-img.
As with lazy-img I may test it again in the future, but I can't provide a date for that ^^.
The integration of tenor sounds great, looking forward to that!
Maybe you could make this gif-slide autodetect, if this is an image (gif) or a video (gif like mp4, vp9, etc.) and render it with the correct element? (img for git and video for all others)?
Using videos would really improve performance.
One problems with video though is autoplay. I can see this, so therefore you should keep the option to pass in normal gifs :)
Nice to help you :)