From 5b0c9fbc15cd0119c58087a30f252b8d2f1df3f9 Mon Sep 17 00:00:00 2001 From: Jeremy Likness Date: Sat, 23 Nov 2019 13:04:33 -0800 Subject: [PATCH] Expanding deck --- css/animations.css | 12 ++++++++++++ css/style.css | 22 ++++++++++++++++++++-- images/vanillin.png | Bin 0 -> 8249 bytes slides/001-title.html | 1 + slides/002-experiment.html | 8 ++++++-- 5 files changed, 39 insertions(+), 4 deletions(-) create mode 100644 images/vanillin.png 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 0000000000000000000000000000000000000000..4ec7d53d77e1952f188f21430b2c3d5c57f80ed0 GIT binary patch literal 8249 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 J-Xr}t{{f?WH`M?D literal 0 HcmV?d00001 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