venta.js birds

vanta.js

A short description of the post.

Emil Hvitfeldt
05-09-2021

The Vanta.js provides beautiful animated Javascript backgrounds.

Result

Rmd

---
output:
  xaringan::moon_reader:
    seal: false
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
      beforeInit: ["https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js", 
                   "https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"]
---

class: no-padding

```{css, echo=FALSE}
.no-padding {
  padding: 0;
}

#vantajs {
  width: 100%; 
  height: 100%;
}
```

<div id="vantajs"></div>

<script>
VANTA.BIRDS({
  el: "#vantajs",
  backgroundColor: 0x76a3f5,
  /* more options (Uncomment) */
  //birdSize: 1.50,
  //wingSpan: 21.00,
  //speedLimit: 4.00,
  //separation: 32.00,
  //alignment: 33.00,
  //cohesion: 33.00,
  quantity: 4.00
});
</script>

---

# Next Slide

Reuse

Text and figures are licensed under Creative Commons Attribution CC BY 4.0. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".

Citation

For attribution, please cite this work as

Hvitfeldt (2021, May 9). Xaringan Gallery: venta.js birds. Retrieved from https://xaringan.gallery/examples/ventajs-birds/

BibTeX citation

@misc{hvitfeldt2021venta.js,
  author = {Hvitfeldt, Emil},
  title = {Xaringan Gallery: venta.js birds},
  url = {https://xaringan.gallery/examples/ventajs-birds/},
  year = {2021}
}