-
Notifications
You must be signed in to change notification settings - Fork 1
/
LBD-school_a3.html
174 lines (142 loc) · 4.19 KB
/
LBD-school_a3.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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!doctype html>
<html>
<!--
TODO
1. Tilføj noget om K4A
2. Fyld mere tekst på timeline
3. Tilføj lecture notes
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>LBD School Advanced topics</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/mhra.css">
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css">
<!-- Custom styles -->
<style>
li{
font-size: 0.8em;
}
p{
font-size: 0.8em;
}
.two-col {
display: flex;
height: 100vh;
}
.col {
flex: 1;
padding: 50px;
}
.footer-left {
position: absolute;
bottom: 27px;
left: 80px;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
gap: 10px;
align-content: flex-start;
align-items: center;
}
.box {
background-color: rgba(255, 255, 255, 0.5);
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 1em !important;
color: black;
padding: 1vh;
}
.box-top-left {
position: absolute;
left: 0vw;
top: -30vh;
background-color: rgba(255, 255, 255, 0.5);
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 1em !important;
color: black;
padding: 1vh;
}
.top-right {
position: static;
right: 0vw;
top: 0vh;
bottom: 40vh;
z-index: 10;
background-color: red;
}
.note{
font-family: Consolas, monaco, monospace;
font-size: 0.4em;
font-weight: bold;
}
.coded{
font-family: Consolas, monaco, monospace;
font-size: 0.7em;
font-weight: 100;
}
</style>
</head>
<body>
<div class="reveal">
<!-- Captions -->
<cap
style="position: absolute; bottom: 12vh; left: 0px; width: 100%; z-index:500; text-align: center; font-size: 1.9vw; font-style: italic; color: #65625e">
</cap>
<!-- Footer left -->
<!-- <div class="footer-left">
<span style="font-size: 0.6em">LBD School Lecture 1</span>
</div> -->
<!-- Slides -->
<div class="slides">
<section>
<h1>LBD School Advanced topics</h1>
<h3>RML and YARRRML</h3>
<p>By Mads Holten Rasmussen</p>
<p style="font-size: 0.6em">v0</p>
</section>
<!-- Foreword -->
<section>
<section>
<p>This advanced topic tutorial is part of a series in the <a href="./LBD-school_overview.html">Linked Building Data (LBD) School</a> 🏫</p>
<p class="fragment fade-up">The slides are quite detailed and text-heavy as they are supposed to be read rather than presented.</p>
<p class="fragment fade-up">As I have been using the technologies for a while there might be topics that I take for granted and therefore skip over too fast. Please let me know if this is the case! 🙏</p>
<p class="fragment fade-up">Also, since this is something I do in my freetime, please support me by buying me a coffee 🤗☕💙</p>
</section>
<section>
<h2>What you will learn</h2>
<ul>
<li>RML</li>
<li>YARRRML</li>
<li>YARRRML functions + implementations</li>
</ul>
</section>
</section>
<section>
<h2>Sorry, no more content. Stay tuned! 🚧👷♂️</h2>
</section>
</div>
</div>
<!-- Buy me a coffee -->
<a href="https://www.buymeacoffee.com/madsholten" class="coffee-btn" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"></a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.2/reveal.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.2/plugin/notes/notes.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.2/plugin/markdown/markdown.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.1.2/plugin/highlight/highlight.js"></script>
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
// Learn about plugins: https://revealjs.com/plugins/
plugins: [RevealMarkdown, RevealHighlight, RevealNotes]
});
</script>
</body>
</html>