useful_snippets.md

Highlight text using <span>

<span style="background-color: #CAE9F5;">They had also pre-selected issues that a newbie could solve.</span>

Add an image

<p float="left">
   <a href="https://afme2021rc.dataumbrella.org/">
  <img src="../images/2021-afme2/AFME2rc-social.png" width="99%" height="99%" style="border:0px;margin:0px">
</a>
</p>

Add two images

<p float="left">
   <a href="https://eventfund.codeforscience.org/"> </a>
  <img src="../images/2021-latam/css-logo.png" width="50%" height="50%" style="padding:1px;border:thick solid black;" align="top" />
   <a href="https://www.moore.org/"></a>
  <img src="../images/2021-latam/moore-logo.jpg" width="40%" height="40%" style="padding:1px;border:thick solid black;" align="top"/> 
</p>

Plotly graph

<iframe id="igraph" scrolling="no" style="border:none;" seamless="seamless" src="https://data-umbrella.github.io/images/2021-afme2/3_pie_returning.html" height="500" width="1000">
</iframe>	

Embed video

<p><iframe src="https://www.youtube.com/embed/WHOiljOYGVw" loading="lazy" frameborder="0" allowfullscreen></iframe></p>