MicroNotes/Notes.html at master · Microshak/MicroNotes · 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>
<head>
    <title>My Awesome Presentation</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <style type="text/css">
        @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
        @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);

        body {
            font-family: 'Droid Serif';
        }

        h1, h2, h3 {
            font-family: 'Yanone Kaffeesatz';
            font-weight: normal;
        }

        .remark-code, .remark-inline-code {
            font-family: 'Ubuntu Mono';
        }
        iframe{
    border : 0px white;
    width:100%;
    height:700px;
        }
        img[alt="full"]
        {
         width:100% !important;
         height:100% !important;
        }
        img[alt="max"]
        {
         width:600px !important;
         height:100% !important;
        }


img[alt="right"]
        {
        float:right;
     width:50%;
        }
        img[alt="left"]
        {
        float:left;
     width:50%;
        }

        .remark-slide-content {
        font-size: 25px ;
        }
        .remark-slide-content h3 {
            font-size: 35px !important;

        }
    </style>
</head>
<body id="body">

    <script src="https://remarkjs.com/downloads/remark-latest.min.js" type="text/javascript">
    </script>
    <script type="text/javascript">

        var path = qs('path')


        base = 'https://raw.githubusercontent.com/Microshak/MicroNotes/master/'
            if(window.location.host.includes( 'localhost'))
            base = 'http://'+window.location.host + '/'

        slideshow = remark.create({
            sourceUrl: base+path+'.md?ran=' + Math.random()

        });


        document.title = path;

        function qs(key) {
            key = key.replace(/[*+?^$.\[\]{}()|\\\/]/g, "\\$&"); // escape RegEx control chars
            var match = location.search.match(new RegExp("[?&]" + key + "=([^&]+)(&|$)"));
            return match && decodeURIComponent(match[1].replace(/\+/g, " "));
        }
        const body = document.getElementById('body');
        body.addEventListener('keydown', logKey);

function logKey(e) {
    if(e.code     =="Backquote")
    {
        console.log('eee')
    }
    console.log( ` ${e.code}`);


}


    </script>

</body>
</html>