slipshow icon indicating copy to clipboard operation
slipshow copied to clipboard

Can you provide the uncompiled raw markdown file for the beginners

Open chthub opened this issue 1 year ago • 8 comments

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!

chthub avatar May 31 '24 03:05 chthub

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 avatar May 31 '24 08:05 panglesd

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.

panglesd avatar Jun 02 '24 14:06 panglesd

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

chthub avatar Jun 03 '24 06:06 chthub

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...

panglesd avatar Jun 03 '24 07:06 panglesd

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.

chthub avatar Jun 12 '24 19:06 chthub

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 avatar Jun 13 '24 11:06 panglesd

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.

panglesd avatar Aug 14 '24 08:08 panglesd

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!

chthub avatar Aug 14 '24 19:08 chthub