aboutsummaryrefslogtreecommitdiff
path: root/slides
diff options
context:
space:
mode:
authorMitja Felicijan <mitja.felicijan@gmail.com>2018-08-09 01:05:54 +0200
committerMitja Felicijan <mitja.felicijan@gmail.com>2018-08-09 01:05:54 +0200
commitb30322867b7283a3c57a15383e23dec8c1815595 (patch)
tree63cc630114890f9202ecbea9a21a510bcdf5f454 /slides
parent7badb6274e44aaf569e464dc51a538207ff69201 (diff)
downloadmitjafelicijan.com-b30322867b7283a3c57a15383e23dec8c1815595.tar.gz
content update
Diffstat (limited to 'slides')
-rw-r--r--slides/example-slides/index.html41
-rw-r--r--slides/example-slides/slides.md61
2 files changed, 102 insertions, 0 deletions
diff --git a/slides/example-slides/index.html b/slides/example-slides/index.html
new file mode 100644
index 0000000..2ca36c0
--- /dev/null
+++ b/slides/example-slides/index.html
@@ -0,0 +1,41 @@
1<!doctype html>
2<html lang="en">
3
4 <head>
5 <meta charset="utf-8">
6 <title>Title</title>
7 <link rel="icon" type="image/gif" href="/assets/avatar.gif?ver=20180803">
8 </head>
9
10 <body>
11
12 <script src="//cdnjs.cloudflare.com/ajax/libs/remark/0.14.0/remark.min.js"></script>
13
14 <script>
15 let slideshow = remark.create({
16 sourceUrl: 'slides.md',
17 ratio: '16:9',
18 mouseWheel: false,
19 });
20 </script>
21
22 <style>
23 * { box-shadow: none !important;}
24 .remark-container {
25 background-color: #fff !important;
26 }
27 table {
28 width:100%;
29 border-collapse:collapse;
30 border-spacing:0;
31 }
32 table, table td,table th {
33 border: 3px solid #f0f0f0;
34 text-align: left;
35 padding: 10px;
36 }
37 </style>
38
39 </body>
40
41</html>
diff --git a/slides/example-slides/slides.md b/slides/example-slides/slides.md
new file mode 100644
index 0000000..830cb8b
--- /dev/null
+++ b/slides/example-slides/slides.md
@@ -0,0 +1,61 @@
1layout: true
2---
3
4## Test online slideshow
5
6Couple of example slides to test
7
8---
9
10## JSON example
11
12Some code examples.
13
14```json
15{
16 "short_name": "MF",
17 "name": "Mitja Felicijan",
18 "author": "Mitja Felicijan",
19 "icons": [{
20 "src": "/assets/avatar.png",
21 "sizes": "512x512",
22 "type": "image/png"
23 }],
24 "start_url": "/",
25 "display": "fullscreen",
26 "theme_color": "#000000",
27 "background_color": "#000000"
28}
29```
30
31---
32
33## Python example
34
35Some code examples.
36
37```python
38@app.route("{}".format(args["path"]), method=["GET"])
39def route_default():
40 with open("static/index.html", "r") as fp:
41 data = str(fp.read())
42 data = data.replace("$$path$$", args["path"])
43 data = data.replace("$$cache$$", CACHE_VER)
44 data = data.replace("$$db$$", str(args["redis_database"]))
45 return data
46```
47
48---
49
50## Tables
51
52| URL | Num of requests | Transfered | Finish | DOMContentLoaded | Load |
53| ------------- | --------------- | ---------- | ------- | ---------------- | ------ |
54| cnn.com | 134 | 3.22 MB | 4.7 s | 575 ms | 3.60 s |
55| youtube.com | 61 | 1.8 MB | 5.13 s | 1.78 s | 1.97 |
56| wikipedia.com | 11 | 64.5 KB | 642 ms | 531 ms | 573 ms |
57| reddit.com | 177 | 12.9 MB | 7.65 MB | 2.03 s | 3.74 s |
58| amamzon.com | 278 | 8.0 MB | 5.20 s | 1.15s | 2.99 s |
59| twitter.com | 2'2 | 5.1 MB | 23.48 s | 3.20 s | 4.55 s |
60| twitch.tv | 177 | 4.4 MB | 5.08 s | 579 ms | 798 ms |
61| microsoft.com | 77 | 1.1 MB | 3.96 s | 1.01 s | 1.26 s |