Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Feature Request] Add reveal.js (@reflexjs/gatsby-theme-slide may be) #95

Open
titieo opened this issue Oct 16, 2020 · 0 comments
Open

[Feature Request] Add reveal.js (@reflexjs/gatsby-theme-slide may be) #95

titieo opened this issue Oct 16, 2020 · 0 comments

Comments

@titieo
Copy link

titieo commented Oct 16, 2020 •
edited
Loading

Hi there, would you mind adding reveal.js, used for making presentation. It would really be nice if you can create a site with present (especially for document site). Thanks. I'm not a coder (so the code below haven't worked yet and it need some more fix) but may be you can take a view if you want:

import React from "react"

export default function Present() {
  return (<div class="Present">
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@latest/dist/theme/dark.css"></link>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@latest/plugin/highlight/monokai.css"></link>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@latest/dist/reveal.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@latest/plugin/zoom/zoom.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@latest/plugin/search/search.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@latest/plugin/notes/notes.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@latest/plugin/math/math.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@latest/plugin/highlight/highlight.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@latest/plugin/markdown/markdown.js"></script>
<script>
  Reveal.initialize({
    mouseWheel: {props.mouseWhell},
    transition: '{props.transition}',
    transitionSpeed: '{props.transitionSpeed}',
    parallaxBackgroundImage: '{props.parallaxBackgroundImage}',
    parallaxBackgroundSize: '{props.parallaxBackgroundSize}',
    parallaxBackgroundHorizontal: '{props.parallaxBackgroundHorizontal}',
    parallaxBackgroundVertical: '{props.parallaxBackgroundVertical}',
    autoSlide: {props.autoSlide},
    loop: {props.loop},
    controlsLayout: '{props.controlsLayout}', // Determines where controls appear, "edges" or "bottom-right"
    controlsBackArrows: '{props.controlsBackArrows}',
    progress: {props.progress},
    showNotes: {props.showNotes},
    autoPlayMedia: {props.autoPlayMedia},
    backgroundTransition: '{props.backgroundTransition}',
    markdown: {
      smartypants= true
    },
    plugins: [ RevealMarkdown, RevealHighlight, RevealNotes RevealSearch, RevealNotes, RevealZoom, RevealMath]
  })
  </script>
</body>
  </div>
  )
}
@titieo titieo changed the title [Feature Request} Add reveal.js [Feature Request] Add reveal.js Oct 16, 2020
@titieo titieo changed the title [Feature Request] Add reveal.js [Feature Request] Add reveal.js (@reflexjs/gatsby-theme-slide may be) Oct 20, 2020
This was referenced Nov 21, 2020
Closed
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat: Add gatsby-theme-present
feat: Add gatsby-theme-present
1 participant
@titieo