diff --git a/css/animations.css b/css/animations.css index feb73b5..9c43cc3 100644 --- a/css/animations.css +++ b/css/animations.css @@ -18,4 +18,16 @@ animation-name: enter-right; animation-timing-function: ease-out; animation-duration: 0.3s; +} + +@keyframes spin { + from { transform: rotate(0deg) } + to { transform: rotate(360deg) } +} + +.anim-spin { + animation-name: spin; + animation-timing-function: ease-in-out; + animation-duration: 2s; + animation-iteration-count: infinite; } \ No newline at end of file diff --git a/css/style.css b/css/style.css index 6634f1f..812a12b 100644 --- a/css/style.css +++ b/css/style.css @@ -1,11 +1,29 @@ body { padding: 5px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - font-size: 5vh; + font-size: 4vh; } button { - font-size: 5vh; + font-size: 4vh; +} + +pre { + background-color: black; + overflow-x: auto; + word-break: normal; + word-wrap: normal; + white-space: pre; + border: solid 1px gray; + padding: 0.5em; + color: lightgreen; + font-family: "consolas", sans-serif +} + +slide-deck img { + display: block; + margin-left: auto; + margin-right: auto; } @media only screen and (max-width: 800px) { diff --git a/images/vanillin.png b/images/vanillin.png new file mode 100644 index 0000000..4ec7d53 Binary files /dev/null and b/images/vanillin.png differ diff --git a/slides/001-title.html b/slides/001-title.html index e4d50e8..8c17737 100644 --- a/slides/001-title.html +++ b/slides/001-title.html @@ -1,5 +1,6 @@ Vanilla.js: Modern 1st Party JavaScript

Vanilla.js: Modern 1st Party JavaScript

+Vanillin molecule

Jeremy Likness

Cloud Advocate, Microsoft

002-experiment diff --git a/slides/002-experiment.html b/slides/002-experiment.html index 1d10390..42a082e 100644 --- a/slides/002-experiment.html +++ b/slides/002-experiment.html @@ -1,3 +1,7 @@ -More Stuff -

More Stuff

+Let's try an experiment... +

Let's try an experiment

+
+ng --new 
+echo "%s" > cat.txt
+
003-morestuff \ No newline at end of file