Browse Source

moar slides - final version for talk i actually gave on halloween

These are basically useless without the talk itself, but maybe I will
expand on them in future.
Brennen Bearnes 4 years ago
parent
commit
a0e7167e42
21 changed files with 201 additions and 85 deletions
  1. 0
    8
      slides/1.md
  2. 6
    0
      slides/10.md
  3. 3
    0
      slides/11.md
  4. 16
    0
      slides/12.md
  5. 4
    0
      slides/13.md
  6. 7
    0
      slides/14.md
  7. 3
    3
      slides/2.md
  8. 7
    0
      slides/3.md
  9. 12
    0
      slides/4.1.md
  10. 12
    0
      slides/4.md
  11. 5
    2
      slides/5.md
  12. 2
    0
      slides/6.md
  13. 2
    2
      slides/8.md
  14. 9
    3
      slides/9.md
  15. BIN
      slides/fake_desktop.png
  16. 0
    25
      slides/footer.html
  17. BIN
      slides/fuckit.jpeg
  18. BIN
      slides/fuckit.jpg
  19. 2
    2
      slides/header.html
  20. 110
    39
      slides/index.html
  21. 1
    1
      slides/slides.css

+ 0
- 8
slides/1.md View File

@@ -1,8 +0,0 @@
1
-These slides:
2
-
3
-> [https://p1k3.com/userland-book/slides/](https://p1k3.com/userland-book/slides/)
4
-
5
-The book:
6
-
7
-> [https://p1k3.com/userland-book/](https://p1k3.com/userland-book/)
8
-

+ 6
- 0
slides/10.md View File

@@ -0,0 +1,6 @@
1
+In 2014, the Serious way you interact with Serious Computers -- the ones that
2
+most of the internet runs on -- is still through a text terminal.
3
+
4
+If you stop by my desk at work, my screen probably looks like this:
5
+
6
+-> <img src=fake_desktop.png width=1200px> <-

+ 3
- 0
slides/11.md View File

@@ -0,0 +1,3 @@
1
+But we're not here to talk about Serious Computers.
2
+
3
+We're here to talk about how the command line is for normal human beings.

+ 16
- 0
slides/12.md View File

@@ -0,0 +1,16 @@
1
+
2
+    YOU ARE STANDING AT THE END OF A ROAD BEFORE A SMALL BRICK BUILDING.
3
+    AROUND YOU IS A FOREST.  A SMALL STREAM FLOWS OUT OF THE BUILDING AND
4
+    DOWN A GULLY.
5
+
6
+    > GO EAST
7
+
8
+    YOU ARE INSIDE A BUILDING, A WELL HOUSE FOR A LARGE SPRING.
9
+
10
+    THERE ARE SOME KEYS ON THE GROUND HERE.
11
+
12
+    THERE IS A SHINY BRASS LAMP NEARBY.
13
+
14
+    THERE IS FOOD HERE.
15
+
16
+    THERE IS A BOTTLE OF WATER HERE.

+ 4
- 0
slides/13.md View File

@@ -0,0 +1,4 @@
1
+-> <img src="fuckit.jpeg" width=800> <-
2
+
3
+Now is where Brennen goes to the shell and fumbles around in front of an
4
+audience.

+ 7
- 0
slides/14.md View File

@@ -0,0 +1,7 @@
1
+So that's the shell.  Want a shell?
2
+
3
+I will give you a shell _right now_.  Talk to me.
4
+
5
+> https://p1k3.com/userland-book/
6
+
7
+> http://squiggle.city/

+ 3
- 3
slides/2.md View File

@@ -1,5 +1,5 @@
1
-<!-- exec -->
1
+Last fall, I forgot my laptop at work, but I wanted to write something.
2 2
 
3
-$ cowthink I should write a book.
3
+And then I remembered that I had a Raspberry Pi sitting around.
4 4
 
5
-<!-- end -->
5
+So I set it up and started writing things on it.

+ 7
- 0
slides/3.md View File

@@ -1 +1,8 @@
1
+And I got to thinking:  This is just a stupid Linux computer without any graphics.
1 2
 
3
+There's nothing here but the command line and some programs that do stuff to
4
+plain text files.
5
+
6
+And this is how I am happiest as a writer.
7
+
8
+Not as a _programmer_, or a _clever unix dork_, but as a _writer_.

+ 12
- 0
slides/4.1.md View File

@@ -0,0 +1,12 @@
1
+So here's my thesis:
2
+
3
+Unix is for normal humans.
4
+==========================
5
+
6
+Wizards are cool and all, but most of us aren't wizards.
7
+
8
+Most of us are just bumbling through life.
9
+
10
+A lot of us like to make stuff anyway.
11
+
12
+Unix is for that.

+ 12
- 0
slides/4.md View File

@@ -1 +1,13 @@
1
+<!-- exec -->
1 2
 
3
+    $ cowthink I should write a book about this.
4
+     ___________________________________
5
+    ( I should write a book about this. )
6
+     -----------------------------------
7
+            o   ^__^
8
+             o  (oo)\_______
9
+                (__)\       )\/\
10
+                    ||----w |
11
+                    ||     ||
12
+
13
+<!-- end -->

+ 5
- 2
slides/5.md View File

@@ -1,2 +1,5 @@
1
-Unix?
2
-=====
1
+cool story bro
2
+==============
3
+
4
+wtf is unix?
5
+============

+ 2
- 0
slides/6.md View File

@@ -1 +1,3 @@
1
+<!-- jurassic park -->
2
+
1 3
 -> <img src="../images/jp_unix.jpg"> <-

+ 2
- 2
slides/8.md View File

@@ -1,5 +1,5 @@
1
-And what modern Unix looks like is this:
1
+And a lot of the time, modern Unix-like systems look like this:
2 2
 
3 3
 -> <img src="../images/debian.png"> <-
4 4
 
5
-...which probably looks really familiar to a lot of you.
5
+...which isn't actually that unfamiliar, right?

+ 9
- 3
slides/9.md View File

@@ -1,7 +1,13 @@
1 1
 - At SparkFun, we do a lot of stuff over serial.
2 2
 
3
-- Once upon a time, most of the interfaces to Really Serious Computers
4
-  worked like debugging an Arduino over a serial port.
3
+- Once upon a time, most of the interfaces to Really Serious Computers -- the
4
+  ones at universities and in government -- worked like debugging Arduino
5
+  code over a serial port.
6
+
7
+- The computer prints stuff, you type stuff to the computer, the computer
8
+  prints stuff.  It's just text in a box.
5 9
 
6 10
 - Even once we got PCs in our houses, a lot of the interfaces shared this
7
-  heritage.  Remember DOS?
11
+  heritage.  Remember DOS?  Ever have to fire up cmd.exe on Windows?
12
+
13
+

BIN
slides/fake_desktop.png View File


+ 0
- 25
slides/footer.html View File

@@ -1,28 +1,3 @@
1
-<section>
2
-
3
-  <p style="font-size: 3em; margin-bottom: 0;">fin.</p>
4
-
5
-  <pre class=noborder style="font-size: 15px;">
6
-      \                    / \  //\
7
-       \    |\___/|      /   \//  \\
8
-            /0  0  \__  /    //  | \ \    
9
-           /     /  \/_/    //   |  \  \  
10
-           @_^_@'/   \/_   //    |   \   \ 
11
-           //_^_/     \/_ //     |    \    \
12
-        ( //) |        \///      |     \     \
13
-      ( / /) _|_ /   )  //       |      \     _\
14
-    ( // /) '/,_ _ _/  ( ; -.    |    _ _\.-~        .-~~~^-.
15
-  (( / / )) ,-{        _      `-.|.-~-.           .~         `.
16
- (( // / ))  '/\      /                 ~-. _ .-~      .-~^-.  \
17
- (( /// ))      `.   {            }                   /      \  \
18
-  (( / ))     .----~-.\        \-'                 .~         \  `. \^-.
19
-             ///.----..&gt;        \             _ -~             `.  ^-`  ^-_
20
-               ///-._ _ _ _ _ _ _}^ - - - - ~                     ~-- ,.-~
21
-                                                                  /.-~
22
-  </pre>
23
-
24
-</section>
25
-
26 1
 <script>
27 2
 $(document).ready(function () {
28 3
   // ☜ ☝ ☞ ☟ ☆ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✩ ✪ 

BIN
slides/fuckit.jpeg View File


BIN
slides/fuckit.jpg View File


+ 2
- 2
slides/header.html View File

@@ -11,8 +11,8 @@
11 11
 <body>
12 12
 
13 13
 <section>
14
-<p style="font-size: 3em; margin-bottom: 0;">get you a shell</p>
15
-<pre class=noborder>
14
+<p style="font-size: 3em; margin-bottom: 0; text-align: center;">get you a shell</p>
15
+<pre class=noborder style="margin-left: auto; margin-right: auto; width: 50%;">
16 16
         \   ^__^
17 17
          \  (oo)\_______
18 18
             (__)\       )\/\

+ 110
- 39
slides/index.html View File

@@ -11,8 +11,8 @@
11 11
 <body>
12 12
 
13 13
 <section>
14
-<p style="font-size: 3em; margin-bottom: 0;">get you a shell</p>
15
-<pre class=noborder>
14
+<p style="font-size: 3em; margin-bottom: 0; text-align: center;">get you a shell</p>
15
+<pre class=noborder style="margin-left: auto; margin-right: auto; width: 50%;">
16 16
         \   ^__^
17 17
          \  (oo)\_______
18 18
             (__)\       )\/\
@@ -23,13 +23,26 @@
23 23
 <section>
24 24
 
25 25
 
26
-<p>These slides:</p>
26
+<p>Last fall, I forgot my laptop at work, but I wanted to write something.</p>
27 27
 
28
-<blockquote><p><a href="https://p1k3.com/userland-book/slides/">https://p1k3.com/userland-book/slides/</a></p></blockquote>
28
+<p>And then I remembered that I had a Raspberry Pi sitting around.</p>
29 29
 
30
-<p>The book:</p>
30
+<p>So I set it up and started writing things on it.</p>
31 31
 
32
-<blockquote><p><a href="https://p1k3.com/userland-book/">https://p1k3.com/userland-book/</a></p></blockquote>
32
+</section>
33
+
34
+
35
+<section>
36
+
37
+
38
+<p>And I got to thinking:  This is just a stupid Linux computer without any graphics.</p>
39
+
40
+<p>There&rsquo;s nothing here but the command line and some programs that do stuff to
41
+plain text files.</p>
42
+
43
+<p>And this is how I am happiest as a writer.</p>
44
+
45
+<p>Not as a <em>programmer</em>, or a <em>clever unix dork</em>, but as a <em>writer</em>.</p>
33 46
 
34 47
 </section>
35 48
 
@@ -42,10 +55,10 @@
42 55
 <!-- exec -->
43 56
 
44 57
 
45
-<pre><code>$ cowthink I should write a book.
46
- ________________________
47
-( I should write a book. )
48
- ------------------------
58
+<pre><code>$ cowthink I should write a book about this.
59
+ ___________________________________
60
+( I should write a book about this. )
61
+ -----------------------------------
49 62
         o   ^__^
50 63
          o  (oo)\_______
51 64
             (__)\       )\/\
@@ -62,7 +75,17 @@
62 75
 <section>
63 76
 
64 77
 
78
+<p>So here&rsquo;s my thesis:</p>
79
+
80
+<h1><a name=Unix-is-for-normal-humans href=#Unix-is-for-normal-humans></a> Unix is for normal humans.</h1>
81
+
82
+<p>Wizards are cool and all, but most of us aren&rsquo;t wizards.</p>
83
+
84
+<p>Most of us are just bumbling through life.</p>
65 85
 
86
+<p>A lot of us like to make stuff anyway.</p>
87
+
88
+<p>Unix is for that.</p>
66 89
 
67 90
 </section>
68 91
 
@@ -70,7 +93,9 @@
70 93
 <section>
71 94
 
72 95
 
96
+<h1><a name=cool-story-bro href=#cool-story-bro></a> cool story bro</h1>
73 97
 
98
+<h1><a name=wtf-is-unix href=#wtf-is-unix></a> wtf is unix?</h1>
74 99
 
75 100
 </section>
76 101
 
@@ -78,12 +103,9 @@
78 103
 <section>
79 104
 
80 105
 
81
-<h1><a name=Unix href=#Unix></a> Unix?</h1>
82
-
83
-</section>
84 106
 
85 107
 
86
-<section>
108
+<!-- jurassic park -->
87 109
 
88 110
 
89 111
 <p style="text-align:center;"> <img src="../images/jp_unix.jpg"></p>
@@ -104,11 +126,11 @@
104 126
 <section>
105 127
 
106 128
 
107
-<p>And what modern Unix looks like is this:</p>
129
+<p>And a lot of the time, modern Unix-like systems look like this:</p>
108 130
 
109 131
 <p style="text-align:center;"> <img src="../images/debian.png"></p>
110 132
 
111
-<p>&hellip;which probably looks really familiar to a lot of you.</p>
133
+<p>&hellip;which isn&rsquo;t actually that unfamiliar, right?</p>
112 134
 
113 135
 </section>
114 136
 
@@ -118,37 +140,86 @@
118 140
 
119 141
 <ul>
120 142
 <li><p>At SparkFun, we do a lot of stuff over serial.</p></li>
121
-<li><p>Once upon a time, most of the interfaces to Really Serious Computers
122
-worked like debugging an Arduino over a serial port.</p></li>
143
+<li><p>Once upon a time, most of the interfaces to Really Serious Computers &ndash; the
144
+ones at universities and in government &ndash; worked like debugging Arduino
145
+code over a serial port.</p></li>
146
+<li><p>The computer prints stuff, you type stuff to the computer, the computer
147
+prints stuff.  It&rsquo;s just text in a box.</p></li>
123 148
 <li><p>Even once we got PCs in our houses, a lot of the interfaces shared this
124
-heritage.  Remember DOS?</p></li>
149
+heritage.  Remember DOS?  Ever have to fire up cmd.exe on Windows?</p></li>
125 150
 </ul>
126 151
 
127 152
 
128 153
 </section>
129 154
 
155
+
156
+<section>
157
+
158
+
159
+<p>In 2014, the Serious way you interact with Serious Computers &ndash; the ones that
160
+most of the internet runs on &ndash; is still through a text terminal.</p>
161
+
162
+<p>If you stop by my desk at work, my screen probably looks like this:</p>
163
+
164
+<p style="text-align:center;"> <img src=fake_desktop.png width=1200px></p>
165
+
166
+</section>
167
+
168
+
169
+<section>
170
+
171
+
172
+<p>But we&rsquo;re not here to talk about Serious Computers.</p>
173
+
174
+<p>We&rsquo;re here to talk about how the command line is for normal human beings.</p>
175
+
176
+</section>
177
+
178
+
179
+<section>
180
+
181
+
182
+<pre><code>YOU ARE STANDING AT THE END OF A ROAD BEFORE A SMALL BRICK BUILDING.
183
+AROUND YOU IS A FOREST.  A SMALL STREAM FLOWS OUT OF THE BUILDING AND
184
+DOWN A GULLY.
185
+
186
+&gt; GO EAST
187
+
188
+YOU ARE INSIDE A BUILDING, A WELL HOUSE FOR A LARGE SPRING.
189
+
190
+THERE ARE SOME KEYS ON THE GROUND HERE.
191
+
192
+THERE IS A SHINY BRASS LAMP NEARBY.
193
+
194
+THERE IS FOOD HERE.
195
+
196
+THERE IS A BOTTLE OF WATER HERE.
197
+</code></pre>
198
+
199
+</section>
200
+
201
+
130 202
 <section>
131 203
 
132
-  <p style="font-size: 3em; margin-bottom: 0;">fin.</p>
133
-
134
-  <pre class=noborder style="font-size: 15px;">
135
-      \                    / \  //\
136
-       \    |\___/|      /   \//  \\
137
-            /0  0  \__  /    //  | \ \    
138
-           /     /  \/_/    //   |  \  \  
139
-           @_^_@'/   \/_   //    |   \   \ 
140
-           //_^_/     \/_ //     |    \    \
141
-        ( //) |        \///      |     \     \
142
-      ( / /) _|_ /   )  //       |      \     _\
143
-    ( // /) '/,_ _ _/  ( ; -.    |    _ _\.-~        .-~~~^-.
144
-  (( / / )) ,-{        _      `-.|.-~-.           .~         `.
145
- (( // / ))  '/\      /                 ~-. _ .-~      .-~^-.  \
146
- (( /// ))      `.   {            }                   /      \  \
147
-  (( / ))     .----~-.\        \-'                 .~         \  `. \^-.
148
-             ///.----..&gt;        \             _ -~             `.  ^-`  ^-_
149
-               ///-._ _ _ _ _ _ _}^ - - - - ~                     ~-- ,.-~
150
-                                                                  /.-~
151
-  </pre>
204
+
205
+<p style="text-align:center;"> <img src="fuckit.jpeg" width=800></p>
206
+
207
+<p>Now is where Brennen goes to the shell and fumbles around in front of an
208
+audience.</p>
209
+
210
+</section>
211
+
212
+
213
+<section>
214
+
215
+
216
+<p>So that&rsquo;s the shell.  Want a shell?</p>
217
+
218
+<p>I will give you a shell <em>right now</em>.  Talk to me.</p>
219
+
220
+<blockquote><p>https://p1k3.com/userland-book/</p>
221
+
222
+<p>http://squiggle.city/</p></blockquote>
152 223
 
153 224
 </section>
154 225
 

+ 1
- 1
slides/slides.css View File

@@ -1,5 +1,5 @@
1 1
 body {
2
-  font-size: 28px;
2
+  font-size: 42px;
3 3
   font-family: "Georgia", "DejaVu Serif", "Bitstream Vera Serif", "Lucida Bright", serif;
4 4
   background: white;
5 5
   color: #000000;