-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (103 loc) · 2.95 KB
/
index.html
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!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 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
color:darkslategrey;
}
h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.font40 {
font-size: 40px;
}
.font30 {
font-size: 30px;
}
.font20 {
font-size: 20px;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
/* Two-column layout */
.left-column {
color: #777;
width: 30%;
float: left;
}
.left-column h2:last-of-type, .left-column h3:last-child {
color: #000;
}
.right-column {
width: 70%;
float: right;
padding-top: 1em;
}
.inverse {
background: #272822;
color: #e4e4e1;
text-shadow: 0 0 20px #333;
}
.inverse h1, .inverse h2, .inverse h3 {
color: #f3f3f3;
line-height: 0.8em;
}
.lightfont {color:rgb(129, 126, 126);
</style>
</head>
<body>
<textarea id="source">
class: center, middle
# Your Workflow & the GitHub Platform
checkout the slides branch for a pdf.
???
Notes for the _first_ slide!
---
# Agenda
1. Introduction
2. Survey of tools and needs
3. Looking for automation
4. Creating an accessible and secure workflow
---
# Introduction
It's possible to embed images.
![![:scale 80%]](https://cdn.shopify.com/s/files/1/0051/4802/products/mona-1_large.jpg?v=1511308586)
---
# Survey of tools and needs
---
# Looking for automation
---
# Creating an accessible and secure workflow
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js" type="text/javascript">
</script>
<script type="text/javascript">
remark.macros.upper = function () {
// `this` is the value in the parenthesis, or undefined if left out
return this.toUpperCase();
};
remark.macros.random = function () {
// params are passed as function arguments: ["one", "of", "these", "words"]
var i = Math.floor(Math.random() * arguments.length);
return arguments[i];
};
remark.macros.scale = function (percentage) {
var url = this;
return '<img src="' + url + '" style="width: ' + percentage + '" />';
};
var slideshow = remark.create({
ratio: "16:9",
highlightLanguage: 'javascript',
highlightStyle: 'monokai'
});
</script>
</body>
</html>