dslSlide {
  slideConfig {
    background = "#bb00bb"
  }
  content {
    h2 { +"data-background: #bb00bb" }
  }
}

dslSlide {
  slideConfig {
    backgroundColor = "lightblue"
  }
  content {
    h2 { +"data-background-color: lightblue" }
  }
}

dslSlide {
  slideConfig {
    background = "#ff0000"
  }
  content {
    h2 { +"data-background: #ff0000" }
  }
}
 
dslSlide {
  slideConfig {
    background = "rgba(0, 0, 0, 0.2)"
  }
  content {
    h2 { +"data-background: rgba(0, 0, 0, 0.2)" }
  }
}
 
dslSlide {
  slideConfig {
    background = "salmon"
  }
  content {
    h2 { +"data-background: salmon" }
  }
}

dslSlide {
  slideConfig {
    backgroundTransition = Transition.SLIDE
    background = "revealjs/assets/image1.png"
  }
  content {
    h2 { +"Background image" }
  }
}

dslSlide {
  slideConfig {
    background = "revealjs/assets/image2.png"
    backgroundSize = "100px"
    backgroundRepeat = "repeat"
    backgroundColor = "#111"
  }
  content {
    h2 { +"Background repeat" }
  }
}

dslSlide {
  slideConfig {
    val aws = "https://s3.amazonaws.com/static.slid.es/site/homepage/v1"
    backgroundVideo = "$aws/homepage-video-editor.mp4,$aws/homepage-video-editor.webm"
  }
  content {
    h2 { +"Video background" }
  }
}

dslSlide {
  slideConfig {
    backgroundIframe =
      "https://slides.com/news/make-better-presentations/embed?style=hidden&autoSlide=4000"
  }
  content {
    h2 { +"Iframe background" }
  }
}