Skip to content

Images

Jump to bottom Edit New page
gnab edited this page Mar 10, 2013 · 5 revisions

Regular images

Regular images are inserted using normal Markdown image syntax, and are treated like regular content that can be places inside content classes, i.e. to be aligned:

# Images

![Default-aligned image](image.jpg)

.right[![Right-aligned image](image.jpg)]

Background images

The background-image slide property lets you set the background-image CSS property for the slide:

background-image: url(image.jpg)

# Slide with background image
<title>Title</title> <style> @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic); @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic); 
  body { font-family: 'Droid Serif'; }
  h1, h2, h3 {
    font-family: 'Yanone Kaffeesatz';
    font-weight: normal;
  }
  .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
</style>
<textarea id="source">

Code:

def add(a,b)
  a + b
end

Heading 1

heading 2

name

</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js">
</script>
<script>
  var slideshow = remark.create();
</script>
Clone this wiki locally