Skip to content
Snippets Groups Projects
Forked from teaching-materials / website
430 commits behind the upstream repository.
presentation_production.html 2.86 KiB
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>{{ page.title | strip_html }}</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link
        rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"  />	

    <style type="text/css">
      @import url({{'/assets/css/ubuntu.css' | relative_url}});
      @import url({{'/assets/css/ubuntu-mono.css' | relative_url}});
      @import url({{'/assets/css/yanone-kaffeesatz.css'  | relative_url}});
      @import url({{'/assets/css/my-remark.css' | relative_url}});
      @import url({{'/assets/css/mermaid.css' | relative_url}});

      @page {
        size: 418px 182px;
        margin: 0;
      }
      @media print {
        .remark-slide-scaler {
          transform: scale(1) !important;
          top: 0 !important;
          left: 0 !important;
        }
      }
    </style>

    <!-- Favicon head tag -->
    <link rel="icon" href="{{site.baseurl}}/assets/img/favicon.ico" type="image/x-icon">
    <link href="https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Mono|Yanone+Kaffeesatz" rel="stylesheet">

  </head>
  <body>
    <textarea id="source">
{{ content }}
    </textarea>

    <script src="{{'/assets/js/remark-latest.min.js' | relative_url}}" type="text/javascript"></script>
    <script src="{{'/assets/js/remark-macros-jm.js' | relative_url}}" type="text/javascript"></script>
    <script type="text/javascript" async
      src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML" async>
    <script type="text/javascript" src="{{'assets/js/mathjax-sre.js' | relative_url}}"></script>
    <script type="text/javascript" src="{{'assets/js/html2canvas.min.js' | relative_url}}"></script>
    <script type="text/javascript" src="{{'assets/js/presentation-export.js' | relative_url}}"></script>
    <script type="text/javascript" src="{{site.mermaid}}"></script>

    <script type="text/javascript">
      var slideshow = remark.create({
          navigation: {scroll: false},
          ratio: "16:9",
          highlightStyle: 'androidstudio',
          highlightLines: 'true',
          slideNumberFormat: 'Slide %current% of %total%'
      });

      var config = {
	logLevel:1,
	cloneCssStyles:false,
	useMaxWidth:true,
	startOnLoad:true,
	htmlLabels:true,
	callback:function(id){
            console.log(id,' rendered');
        },
	flowchart:{
	    curve:'linear',
	    fontSize:20,
	    useMaxWidth:true,
	},
      };

      mermaid.initialize(config);
    </script>

    <!-- CSE 340 icon -->
    <div class="my-header">
        <img src="{{site.baseurl}}/assets/img/favicon.ico" style="height: 30px;"/> 
    </div>

 </body>

<!--
class center middle
class center middle inverse
```html
```ruby
als erste Zeilen in Slide
-->