-
Notifications
You must be signed in to change notification settings - Fork 5
/
hackathon-presentation-template.html
149 lines (110 loc) · 4 KB
/
hackathon-presentation-template.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html>
<head>
<title>IETF Hackathon - [Project Name] </title>
<meta charset="utf-8">
<style>
@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);
div.left-column { width: 49%; float: left; }
div.right-column { width: 49%; float: right; }
div.right-column ~ p { clear: both; }
div.right-column ~ ul { clear: both; }
div.my-footer {
border-top: 1px solid #ccc;
font-size: 10pt;
text-align: center;
position: fixed;
bottom: 0px;
left: 0px;
height: 30px;
width: 100%;
}
div.my-footer p {
margin-top: 10px;
height: 30px;
}
body { font-family: 'Droid Serif'; }
h1, h2, h3 {
font-family: 'Yanone Kaffeesatz';
font-weight: normal;
}
.remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; }
</style>
</head>
<body>
<textarea id="source">
class: center, middle
# IETF Hackathon
IETF 111
July 19-23, 2021
Online
---
# Hackathon Plan
<What problem were you working on?>
- <What drafts/RFC's were involved?>
- <Specific problems to solve>
<How you planned to solve it?>
<div class="my-footer"><p>IETF Hackathon - project name </p></div>
---
# What got done
<What you achieved? (key results)>
- <New ideas - what team agreed on>
- <New code - links to github/gitlab/gitee/bitbucket>
- <New design/architecture - what was novel?>
- <New inter-op testing? - link to results>
- <Demos - links to videos>
<div class="my-footer"><p>IETF Hackathon - project name </p></div>
---
# What we learned
<Lessons learned from this hackathon>
- <Issues with existing drafts/RFCs>
- <New implementation guidance?>
- <New feedback to take to WG?>
- <New work to take to WG?>
<div class="my-footer"><p>IETF Hackathon - project name </p></div>
---
# Example slide with an image
<!-- .left[] -->
<img src="https://upload.wikimedia.org/wikipedia/commons/b/b8/Muito_fixe.png" alt="Computer network" width="300" height="400">
- Image sizing needs to be done in HTML at this point
<div class="my-footer"><p>IETF Hackathon - project name </p></div>
---
# Example slide with a video
<!-- <iframe src="https://player.vimeo.com/video/134243897" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
<p><a href="https://vimeo.com/134243897">BarBoF on QUIC at the IETF in Prague 22/07/2015</a> from <a href="https://vimeo.com/user42239424">William Diego</a> on <a href="https://vimeo.com">Vimeo</a>.</p> -->
`<div style="position: relative; width: 50%; height: 0; padding-bottom: 37.5%;"><iframe src="https://player.bilibili.com/player.html?aid=412760976" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>
<div class="my-footer"><p>IETF Hackathon - project name </p></div>
---
# Wrap up
---
.left-column[
#### Team members:
- A.Y. Zer
- P.O. Mta
]
.right-column[
#### Other links:
-
-
]
.left-column[
#### First timers @ IETF/Hackathon:
- B.H. Kot
- G.T. Dew
]
.right-column[
#### Notes and contacts:
-
-
]
<div class="my-footer"><p>IETF Hackathon - project name </p></div>
</textarea>
<script src="https://remarkjs.com/downloads/remark-latest.min.js">
</script>
<script>
var slideshow = remark.create();
</script>
</body>
</html>