beta-test-presentation.html

<!DOCTYPE html>
<html>
  <head>
    <title>Beta Test Presentation</title>
    <meta charset="utf-8">
    <script>
        classTitle = "Beta Test Presentation";
        courseAuthor = "Beata Skierka";
    </script>
    <link rel="stylesheet" type="text/css" href="remark-templates/3mdeb-presentation-template/css/slides.css">

    <style>
    </style>
  </head>
  <body>
    <script src="remark-templates/3mdeb-presentation-template/js/remark.js">
    </script>
    <script src="remark-templates/3mdeb-presentation-template/js/jquery.js">
    </script>
    <script>
      var slideshow = remark.create({
	sourceUrl: 'beta-test-presentation.md',
        countIncrementalSlides: false
      });

      slideshow.on('afterShowSlide', function (slide) {
       if ($(".bottomBar")[0]){
        $( ".bottomBar" ).remove();
      } else {
        // Do something if class does not exist
      }

       $('.remark-slide-content').append(
           "<div class='bottomBar'>"+ classTitle +
           " <br> CC BY | "
           + courseAuthor + "</div>"
           );
      });

    </script>
  </body>
</html>