bennymi / presveltation Goto Github PK

Examples:

• https://svelte.dev/repl/49ff6c089825418888cf804d9dde77bc?version=3.55.0
• https://www.npmjs.com/package/katex
• https://github.com/MacFJA/svelte-persistent-store
• https://www.reddit.com/r/sveltejs/comments/1078jsx/using_latex_math_in_sveltekit_mdsvex/

MathJax with highlighting parts:

• https://codepen.io/Ranjithkumar10/pen/EgBwQM
• https://stackoverflow.com/questions/54033882/modifying-a-mathjaxs-variable-color-with-javascript
• https://stackoverflow.com/questions/66371140/how-to-use-mathjax-in-a-svelte-project

Example:

• https://stackoverflow.com/questions/55990923/adding-math-formula-string-to-document-using-javascript-and-mathjax

Makes it easy to get an overview of all available slides and navigate between them.

Can also have a search bar at the top.

Examples:

• https://revealjs.com/auto-animate/
• https://github.com/pngwn/svelte-travel-transitions
• https://svelte.dev/repl/e5e3027d27cf4440a1c6c9cfe9bf663c?version=3.55.1
• https://dev.to/buhrmi/svelte-component-transitions-5ie
• https://stackblitz.com/edit/sveltejs-kit-template-default-ubahkp?file=src%2Froutes%2F%2Bpage.svelte
  • https://old.reddit.com/r/sveltejs/comments/10ijqo2/making_page_transitions_is_just_so_simple_with/
  • https://svelte.dev/examples/svg-transitions
• https://joshcollinsworth.com/blog/sveltekit-page-transitions#what-is-a-page-transition

View Transitions API:

• https://github.com/geoffrich/sveltekit-view-transitions
• https://codelabs.developers.google.com/create-an-instant-and-seamless-web-app#5
• https://developer.chrome.com/docs/web-platform/view-transitions/
• https://old.reddit.com/r/sveltejs/comments/1195vso/native_page_transitions_in_sveltekit_updated_feb/
• https://geoffrich.net/posts/page-transitions-1/

Similar to Reveal.js so that you can navigate slides on mobile as well

• Separate tab
• Shows active slide as well as notes
• maybe also shows next slide

Light/Dark mode:

• https://tailwindcss.com/docs/dark-mode

Documentation look:

• https://protocol.tailwindui.com/quickstart#what-s-next
• https://tailwindcss.com/blog/2022-12-15-protocol-api-documentation-template

Folder structure:

• https://stackoverflow.com/questions/17565953/representing-folder-hierarchy-with-html

We can use iconify icons for the documentation but it shouldn't be a dependency for the package.

mdsvex: https://mdsvex.pngwn.io/
Example of what we want: https://sli.dev/

Maybe switch to UnoCSS + markdown?

"Get started"... etc....