Github/vanillajs-deck
1
0
Fork 0
mirror of https://github.com/JeremyLikness/vanillajs-deck synced 2025-12-15 10:43:34 +00:00
Code Issues Projects Releases Wiki Activity

add slides, "appear" effect, video, image hover, update notes

Browse Source
This commit is contained in:
Jeremy Likness
2019-11-25 15:20:12 -08:00
parent bff4f64d57
commit a4ae68dfb8
21 changed files with 116 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
slides/001-title.html
View File

@@ -3,5 +3,5 @@
<img src="/images/vanillin.png" class="anim-spin" alt="Vanillin molecule" title="Vanillin molecule"/>
<h2>Jeremy Likness</h2>
<h3>Cloud Advocate, Microsoft</h3>
<nextslide>002-experiment</nextslide>
<nextslide>020-angular-project</nextslide>
<transition>slide-left</transition>

7
slides/002-experiment.html
View File

@@ -1,7 +0,0 @@
<title>Let's try an experiment...</title>
<h2>Let's try an experiment</h2>
<pre>
ng --new
echo "%s" > cat.txt
</pre>
<nextslide>003-morestuff</nextslide>

7
slides/003-morestuff.html
View File

@@ -1,7 +0,0 @@
<title>More Stuff</title>
<h1>This is even more stuff</h1>
<p>Lorem jalskdjflkasdjflkasd jkjdsaflkdsj kldsjflksdjdlk klsdjflkasjlksj kjdsf
asdklfjlkfjk laskdjfladskjf
asldfkjlkddj
asldfjlkfjjkjlff
</p>

11
slides/020-angular-project.html Normal file
View File

@@ -0,0 +1,11 @@
<title>Let's try an experiment...</title>
<h2>Let's try an experiment</h2>
<pre>
ng new my-app
ng build --prod
</pre>
<div class="center">
<video src="/videos/angularproject.mp4" controls></video>
</div>
<nextslide>030-impact1</nextslide>
<transition>slide-left</transition>

5
slides/030-impact1.html Normal file
View File

@@ -0,0 +1,5 @@
<title>What's the Impact?</title>
<h1>What's the Impact?</h1>
<img src="/images/ng-size.png" class="expandable" alt="Size of Angular App" title="Size of Angular app" />
<transition>fade</transition>
<nextslide>040-impact2</nextslide>

6
slides/040-impact2.html Normal file
View File

@@ -0,0 +1,6 @@
<title>What's the Impact (to be fair)?</title>
<h1>What's the Impact? (to be fair)</h1>
<img src="/images/ng-dist-size.png" class="expandable" alt="Size of Angular App Distribution"
title="Size of Angular app distribution" />
<nextslide>050-cost</nextslide>
<transition>fade</transition>

5
slides/050-cost.html Normal file
View File

@@ -0,0 +1,5 @@
<title>What's the Cost?</title>
<h1>What's the Cost?</h1>
<img src="/images/security-alerts.png" class="expandable" alt="Security alerts"
title="Security alerts" />
<nextslide>060-ng-conf1</nextslide>

6
slides/060-ng-conf1.html Normal file
View File

@@ -0,0 +1,6 @@
<title>I'm Not Anti-Angular</title>
<h1>I'm Not Anti-Angular!</h1>
<i>Here's proof from 2014...</i>
<img src="/images/ng-conf-ski.png" class="appear expandable" alt="Standing on a ski slope"
title="Standing on a ski slope" />
<nextslide>070-ng-conf2</nextslide>

5
slides/070-ng-conf2.html Normal file
View File

@@ -0,0 +1,5 @@
<title>I'm Not Anti-Angular</title>
<h1>I'm Not Anti-Angular!</h1>
<i>Here's proof from 2014...</i>
<img src="/images/ng-conf.png" class="expandable" alt="Inside the inaugural Angular conference ngConf"
title="Inside the inaugural Angular conference ngConf" />

7
slides/notes.txt Normal file
View File

@@ -0,0 +1,7 @@
Hammer vs watch
JavaScript . Plugins... JavaScript
Building
3 D's.. how do they work now
Html5/css3
Show compatible browsers then zoom in top 4 w/mobile
data-binding https://gist.github.com/austinhyde/4321f22a476e1cbee65f