Comments (5)
I use . im going to use svg on all my presentiation is there best way to embed svg
and how can i make it full screen
thanks
from reveal-hugo.
Hi @Kwask94, thanks for opening the issue and glad you are finding the project useful!
To embed an SVG you should just be able to use normal image syntax in the markdown:
![My SVG](/images/my.svg)
If you want the image to be full screen, you can set it to be the background image of a slide. I added an example of that to the documentation presentation, it's Slide 30.
The code to put in the markdown is:
---
{{< slide background-image="/images/alex-litvin-790876-unsplash.jpg" >}}
---
As for taking the border and the image off, your best friend there is the web inspector to see where those styles are coming from, possibly somewhere else in the CSS.
Hope that helps!
from reveal-hugo.
Thanks a lot
from reveal-hugo.
---
{{< slide background-image="/images/alex-litvin-790876-unsplash.jpg" >}}
---
When I used background image and transition it breaked
{{< slide transition="fade" transition-speed="fast" >}}
{{< slide background-image="/h-page-3.png" >}}
from reveal-hugo.
Try putting all three attributes in one slide shortcode, like this:
{{< slide transition="fade" transition-speed="fast" background-image="/h-page-3.png" >}}
from reveal-hugo.
Related Issues (20)
- Labels out of bounds with mermaid.js HOT 1
- mermaid.js loaded from CDN instead of locally HOT 4
- mermaid: unrendered content when reloads happen
- No mermaid graph rendered HOT 3
- files from exampleSite/ressources/_gen/assets/scss get regenerated at each build
- missing default list and single cause build warnings
- plugins usage and inclusion redesign HOT 1
- Finish circleci setup HOT 1
- [Question] Integrating with another theme and asciidoc HOT 1
- small glitch in reusable slide inclusion code HOT 1
- highlight example for line numbers does not show ... line numbers
- How to auto-animate? HOT 3
- Headlines in orgmode break the following slides
- Don't populate disabled plugins in the generated tree HOT 1
- Is it possible to make a two-column slide? HOT 5
- Parsing error while using Mermaid diagrams with annotations HOT 2
- Slide templates aren't working when defined in hugo.toml HOT 3
- Upgrade to reveal 5 HOT 3
- Support for Opengraph and automatic opengraph image generation HOT 5
- Reveal themes not working? HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from reveal-hugo.