ssh-networking-presentation/slideshow.html at master · codetech/ssh-networking-presentation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html>
  <head>
    <title>SSH and GPG</title>
    <meta charset="utf-8">
    <style>
      @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
      @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
      .inverse {background-color:#333;color: white;}

      .bggreen {background-color:#5CB78D;color:#333;}
      .bgblue {background-color:#5cb4b7;color:#333;}

      .remark-slide-container{background-color:#333;}
      .remark-slide-scaler{box-shadow:none;}
      .remark-inline-code{background-color:#eee;color:black;padding:5px;}
      .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }

      .gray {color: #aaa}
      .orange {color: #EE7600}
      .yellow {color: #eeed33}
      .green {color: #00ee76}
      .cyan {color: #33eeed}
      .pink {color: #ee0078}
      .blue {color: #0001ee}

      .small {font-size: .75em}

      img{max-width:100%;max-height:75%;}
      body { font-family: 'Droid Serif'; }
      h1, h2, h3 {
        font-weight: normal;
      }
    </style>
  </head>
  <body>
    <textarea id="source">
    </textarea>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="https://gnab.github.io/remark/downloads/remark-latest.min.js"></script>
    <script>
        $(document).ready(function() {
            $.ajax({
                url : "./slides.md",
                dataType: "text",
                success : function (data) {
                    $("#source").text(data);
                    var slideshow = remark.create();
                }
            });
        });
    </script>
  </body>
</html>