Write first slides

This commit is contained in:
Jake Howard 2022-10-27 17:47:42 +01:00
parent c6aedc5cec
commit 4d26c29e3a
Signed by: jake
GPG key ID: 57AFB45680EDD477
4 changed files with 26 additions and 7 deletions

18
package-lock.json generated
View file

@ -7,13 +7,13 @@
"": {
"name": "ogn-nov-2022",
"version": "1.0.0",
"license": "ISC",
"dependencies": {
"reveal.js": "^4.3.1"
"bulma": "^0.9.4",
"reveal.js": "4.3.1"
},
"devDependencies": {
"@parcel/transformer-sass": "^2.7.0",
"parcel": "^2.7.0"
"@parcel/transformer-sass": "2.7.0",
"parcel": "2.7.0"
}
},
"node_modules/@babel/code-frame": {
@ -1583,6 +1583,11 @@
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
"dev": true
},
"node_modules/bulma": {
"version": "0.9.4",
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz",
"integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ=="
},
"node_modules/callsites": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@ -3923,6 +3928,11 @@
"integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
"dev": true
},
"bulma": {
"version": "0.9.4",
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz",
"integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ=="
},
"callsites": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",

View file

@ -8,6 +8,7 @@
},
"author": "Jake Howard",
"dependencies": {
"bulma": "^0.9.4",
"reveal.js": "4.3.1"
},
"devDependencies": {

View file

@ -2,14 +2,21 @@
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Slides</title>
<title>How Robots See Fiducial Markers</title>
<link rel="stylesheet" href="./index.scss"/>
</head>
<body>
<div class="reveal">
<div class="slides">
<section><h1 class="r-fit-text">Slide 1</h1></section>
<section>Slide 2</section>
<section>
<h1 class="r-fit-text">How Robots See Fiducial Markers 👀</h1>
<p>Jake Howard</p>
<small class="is-italic">Senior Systems Engineer @ Torchbox</small>
</section>
<section data-background-image="https://studentrobotics.org/images/content/blog/sr2022/arena.jpg">
<h1 class="r-fit-text">I Build Robots*</h1>
<p>* I help <em>others</em> build robots</p>
</section>
</div>
</div>
<script type="module" src="./index.js"></script>

View file

@ -1,2 +1,3 @@
@import "../node_modules/reveal.js/css/reveal";
@import "../node_modules/reveal.js/css/theme/source/night";
@import "../node_modules/bulma/bulma";