fix font size and typos

diff --git a/css/common.css b/css/common.css
index 9f45170a10fdf5562a469759d4dd78fde6e70d2f..5fe4e74a71a693cb24776ae2f9f7d58a17b3ef8e 100644 (file)
--- a/css/common.css
+++ b/css/common.css
@@ -2,15 +2,16 @@
 @import url(https://fonts.googleapis.com/css?family=Muli);
 @import url(https://fonts.googleapis.com/css?family=Inconsolata);
 
-body {
+.remark-slide-content {
     font-family: 'Open Sans';
+    font-size: 22px;
 }
 
 .remark-slide-content h1,
 .remark-slide-content h2,
 .remark-slide-content h3 {
     font-family: Muli;
-    font-weight: normal;
+    font-weight: bold;
 }
 .remark-slide-content h2 {
     font-size: 40px;
@@ -26,7 +27,6 @@ body {
     line-height: 1em;
 }
 
-
 .remark-code, .remark-inline-code {
     font-family: Inconsolata, monospace;
 }
@@ -35,7 +35,7 @@ body {
     border: 1px solid #ccc;
 }
 
-blockquote {
+.remark-slide-content blockquote {
     border-radius: 5px;
     border: 1px solid #ccc;
     background: #f0f0f0;
@@ -44,7 +44,7 @@ blockquote {
     quotes: "\201C""\201D""\2018""\2019";
     position: relative;
 }
-blockquote:before {
+.remark-slide-content blockquote:before {
     color: #ccc;
     position: absolute;
     content: open-quote;
@@ -54,7 +54,7 @@ blockquote:before {
     vertical-align: -0.4em;
 }
 
-.col {
+.remark-slide-content .col {
     box-sizing: border-box;
     display: block;
     float: left;
@@ -63,25 +63,31 @@ blockquote:before {
     padding: 0;
     width: 50%;
 }
-.col:nth-of-type(odd) {
+.remark-slide-content .col:nth-of-type(odd) {
     padding: 0 1em 0 0;
 }
-.col:nth-of-type(even) {
+.remark-slide-content .col:nth-of-type(even) {
     padding: 0 0 0 1em;
 }
-.col.sep:nth-of-type(odd) {
+.remark-slide-content .col.sep:nth-of-type(odd) {
     border-right: 1px solid #ccc;
 }
-.col.sep:nth-of-type(even) {
+.remark-slide-content .col.sep:nth-of-type(even) {
     border-left: 1px solid #ccc;
 }
 
-.top-right {
+/* fix non-collapsing margin */
+.remark-slide-content .marginfix h3,
+.remark-slide-content .marginfix ul {
+    margin-top: 0;
+}
+
+.remark-slide-content .top-right {
     float: right;
     margin: 50px 0 0 2em;
 }
 
-.highlight {
+.remark-slide-content .highlight {
     color: #7d9726;
 }
 

diff --git a/css/slides.css b/css/slides.css
index 210a3dbc54aa83a2d06696634718ddeedf8077e1..cf9d9e999871df4e1071e67b388ecb39052ac5cf 100644 (file)
--- a/css/slides.css
+++ b/css/slides.css
@@ -37,6 +37,10 @@
     margin-bottom: 0;
 }
 
+.plack ul {
+    font-size:1.1em;
+}
+
 .plackup .remark-code {
     font-size: 24px;
 }

diff --git a/slides.html b/slides.html
index c5390b0e0c588ac1ba7fa22cfad90b07d4f023a6..82551cb89ade45a7b99826269c34a84bd1f439d8 100644 (file)
--- a/slides.html
+++ b/slides.html
@@ -198,7 +198,7 @@ If you're a developer writing a web app, you're probably asking why then you sho
 - New skills make you more marketable.
 
 --
-- So that you it when you see PSGI exposed through your web framework.
+- So that you understand it when you see PSGI exposed through your web framework.
 
 --
 - You can do cool things with PSGI!
@@ -241,7 +241,7 @@ RFC 2616 was then superceded in 2014 by:
 
 ---
 
-.col[
+.col.marginfix[
 ### Request
 
 ```http
@@ -253,7 +253,7 @@ Connection: Keep-Alive
 ```
 ]
 
-.col[
+.col.marginfix[
 ### Response
 
 ```http
@@ -270,7 +270,7 @@ Your IP address is 127.0.0.1.
 
 ---
 
-.col[
+.col.marginfix[
 ### Request
 
 ```http
@@ -282,7 +282,7 @@ Connection: Keep-Alive
 ```
 ]
 
-.col[
+.col.marginfix[
 ### Response
 
 ```http
@@ -307,7 +307,7 @@ Your IP address is 127.0.0.1.
 
 ---
 
-.col[
+.col.marginfix[
 ### Request
 
 ```http
@@ -319,7 +319,7 @@ GET /ip HTTP/1.1
 ```
 ]
 
-.col[
+.col.marginfix[
 ### Response
 
 ```http
@@ -341,7 +341,7 @@ Your IP address is 127.0.0.1.
 
 ---
 
-.col[
+.col.marginfix[
 ### Request
 
 ```http
@@ -353,7 +353,7 @@ Connection: Keep-Alive
 ```
 ]
 
-.col[
+.col.marginfix[
 ### Response
 
 ```http
@@ -376,7 +376,7 @@ Your IP address is 127.0.0.1.
 
 ---
 
-.col[
+.col.marginfix[
 ### Request
 
 ```http
@@ -388,7 +388,7 @@ Connection: Keep-Alive
 ```
 ]
 
-.col[
+.col.marginfix[
 ### Response
 
 ```http
@@ -415,7 +415,7 @@ Your IP address is 127.0.0.1.
 
 ---
 
-.col[
+.col.marginfix[
 ### Request
 
 ```http
@@ -427,7 +427,7 @@ Connection: Keep-Alive
 ```
 ]
 
-.col[
+.col.marginfix[
 ### Response
 
 ```http
@@ -455,7 +455,7 @@ Your IP address is 127.0.0.1.
 
 ---
 
-.col[
+.col.marginfix[
 ### Request
 
 ```http
@@ -467,7 +467,7 @@ Connection: Keep-Alive
 ```
 ]
 
-.col[
+.col.marginfix[
 ### Response
 
 ```http
@@ -579,7 +579,7 @@ print "Your IP address is ${client_ip}.";
 
 1. Gateway sets information about the request in the environment.
 
-.condensed[
+.condensed.marginfix[
 .col[
 - `AUTH_TYPE`
 - `CONTENT_LENGTH`
@@ -604,6 +604,9 @@ print "Your IP address is ${client_ip}.";
 ]
 ]
 
+???
+- If you've done some web programming before, you're probably familiar with at least a few of these.
+
 ---
 
 ```perl
@@ -619,7 +622,7 @@ print "Your IP address is ${client_ip}.";
 1. Gateway sets information about the request in the environment.
 2. Print response headers to `STDOUT`.
 
-.condensed[
+.condensed.marginfix[
 .col[
 - `Content-Type`
 - `Location`
@@ -1050,6 +1053,8 @@ layout: false
 
 ---
 
+class: plack
+
 ## Plack
 
 - Provides tools for building, running, and testing PSGI apps.
@@ -1196,7 +1201,7 @@ layout: true
 
 ---
 
-.condensed[
+.condensed.marginfix[
 .col[
 - `HTTP_ACCEPT`
 - `HTTP_ACCEPT_ENCODING`
@@ -1235,7 +1240,7 @@ layout: true
 
 ---
 
-.condensed[
+.condensed.marginfix[
 .col[
 - .highlight[`HTTP_ACCEPT`]
 - .highlight[`HTTP_ACCEPT_ENCODING`]
@@ -1274,7 +1279,7 @@ layout: true
 
 ---
 
-.condensed[
+.condensed.marginfix[
 .col[
 - `HTTP_ACCEPT`
 - `HTTP_ACCEPT_ENCODING`
@@ -1466,7 +1471,6 @@ name:   last
 ## Thank you
 
 Email me: Charles McGarvey
-<cmcgarvey@bluehost.com>
 <chazmcgarvey@brokenzipper.com>
 
 .talkqr.center[