panglesd / slipshow

An engine for displaying slips, the next-gen version of slides
MIT License
656 stars 12 forks source link

Can you provide the uncompiled raw markdown file for the beginners #55

Open chthub opened 5 months ago

chthub commented 5 months ago

Very nice work, but it's still hard for beginners to create presentation, can you provide the examples with uncompiled raw markdown file (not html file)? so we could learn and make modifications. Thanks!

panglesd commented 5 months ago

Thanks a lot!

Yes, it seems this repository lacks example a lot! I'll try to add some tomorrow, I'll update on on this issue as soon as I have something.

(I've made many presentations with slipshow, but most of them were written directly in html, before the markdown compiler existed. That's why I don't have a lot of markdown content to show. I do have some, that I have to clean up a little bit before they can be featured as examples!)

panglesd commented 5 months ago

Hello!

I've pushed some examples of presentations I made, written in markdown, in the example folder. They are obviously not perfect, but they can serve as examples to understand the syntax.

chthub commented 5 months ago

Hello!

I've pushed some examples of presentations I made, written in markdown, in the example folder. They are obviously not perfect, but they can serve as examples to understand the syntax.

Good example, I still have two questions:

  1. how to implement the effects that one large page includes many subpages, like this one: image

  2. Another question, how to implement the presentation in this page (by zooming to see previous pages): image

panglesd commented 5 months ago

how to implement the effects that one large page includes many subpages, like this one:

This is #28 and is unfortunately not yet done. Wat you can do is to use embedded html, like so:

markdown content

<slip-slip auto-enter scale=0.4 delay=1>
  <slip-body>

markdown content for the inside slip

  </slip-body>
</slip-slip>

This is clearly not ideal, and I hope to solve that soon! In the meantime, missing features can always be implemented with embedded html, and having a look at the handwritten html should provide the examples.

Another question, how to implement the presentation in this page (by zooming to see previous pages):

This was made with a much earlier version of the engine (using a deprecated way of triggering actions). The code responsible for this is:

Old code for unzooming ``` future.setNthAction(10, (slip) => { if(typeof slip.savedX == "undefined") { slip.savedX = slip.currentX; // saving initial coordinates inside slip slip.savedY = slip.currentY; // so that they are accessible in the next action } setTimeout(()=> { slip.moveWindow(2,2,4,0,1); }, 0); }); ```

Now, there is the zoom-at and unzoom-at attributes, but I don't think they can work outside of the current slip. If you need this feature, I can find a hack which will work!


It is clear that I should rewrite all examples in markdown and with the latest engine, so that the examples are actual example people can use...

chthub commented 5 months ago

how to implement the effects that one large page includes many subpages, like this one:

This is #28 and is unfortunately not yet done. Wat you can do is to use embedded html, like so:

markdown content

<slip-slip auto-enter scale=0.4 delay=1>
  <slip-body>

markdown content for the inside slip

  </slip-body>
</slip-slip>

This is clearly not ideal, and I hope to solve that soon! In the meantime, missing features can always be implemented with embedded html, and having a look at the handwritten html should provide the examples.

Another question, how to implement the presentation in this page (by zooming to see previous pages):

This was made with a much earlier version of the engine (using a deprecated way of triggering actions). The code responsible for this is:

Old code for unzooming Now, there is the zoom-at and unzoom-at attributes, but I don't think they can work outside of the current slip. If you need this feature, I can find a hack which will work!

It is clear that I should rewrite all examples in markdown and with the latest engine, so that the examples are actual example people can use...

Thank you for your reply! I have made two presentations using Slipshow, and it works well. I like it. Currently, I have encountered a few issues:

  1. The VS Code extension of Slipshow does not display images in preview mode.
  2. When I share the single HTML file with my friends, the images are missing. It's impractical to share an additional image folder. I'm not sure how to convert the format to include all contents for easier sharing.
panglesd commented 5 months ago

Indeed... I opened https://github.com/panglesd/slipshow-vscode/issues/1 to track that.

In the meantine, if you have a Linux or Mac, you can use the precompiled binaries, where the images should work both in preview and compile mode.

panglesd commented 3 months ago

I just wanted to mention that with the newly released version of the slipshow extension for VSCode (0.0.3), the problem with images not appearing in the preview, and not being fully included in the HTML file, should be finally fixed.

chthub commented 3 months ago

I just wanted to mention that with the newly released version of the slipshow extension for VSCode (0.0.3), the problem with images not appearing in the preview, and not being fully included in the HTML file, should be finally fixed.

Good to know, thanks for doing that!