From ff14cb99a851c0c6bdec501e935d95033308cd5a Mon Sep 17 00:00:00 2001 From: Charles McGarvey Date: Tue, 12 Jul 2016 16:36:01 -0600 Subject: [PATCH] fix font size and typos --- css/common.css | 30 ++++++++++++++++++------------ css/slides.css | 4 ++++ slides.html | 46 +++++++++++++++++++++++++--------------------- 3 files changed, 47 insertions(+), 33 deletions(-) diff --git a/css/common.css b/css/common.css index 9f45170..5fe4e74 100644 --- 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 210a3db..cf9d9e9 100644 --- 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 c5390b0..82551cb 100644 --- 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 - .talkqr.center[ -- 2.45.2