externalize mobile stylesheet

dip3.css

@@ -110,48 +110,3 @@ h2,h3{margin-top:1.75em}
 #toc + h2:before{content:""}
 h3:before{counter-increment:h3;content:counter(h1) "." counter(h2) "." counter(h3) ". "}
 aside{display:block;float:right;font-style:oblique;font-size:xx-large;width:25%;margin:1.75em 0 .75em 1.75em;background:steelblue;color:white;padding:1.75em;border:1px solid;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}
-
-/* mobile stylesheet for iPhone, Android, and other small-screen devices */
-@media screen and (max-device-width:480px){
-
-/* typography */
-body,.c{font-size:12px;font-family:sans-serif;word-spacing:0}
-pre,kbd,samp,code,var{font-size:12px;font-family:monospace}
-span,pre span{font-size:12px;font-family:Arial,sans-serif}
-.c,pre{line-height:1.75}
-.baa{font-size:12px;font-family:serif}
-abbr{font-variant:normal;text-transform:none;letter-spacing:0}
-.note,p,ul,ol{font-size:12px;margin:1.75em 0}
-
-/* basics */
-html{color:#000}
-body{margin:0}
-.c{margin:1.75em 0}
-
-/* links */
-a{text-decoration:underline;border-bottom:0}
-a:hover{border-bottom:0}
-pre a{text-decoration:none}
-
-/* code blocks */
-pre{padding:0;border:0}
-
-/* headers and pullquotes */
-h1,h2,h3{padding:0;border:0;letter-spacing:0;font-variant:normal}
-h1{margin:0;background:steelblue;color:white;border-bottom:1px solid gainsboro}
-h2,h3{margin:1.75em 0}
-h1,h1 code{font-size:18px}
-h2,h2 code{font-size:16px}
-h3,h3 code{font-size:14px}
-h1:before{content:counter(h1) ". "}
-h1{counter-reset:h2}
-h2:before{counter-increment:h2;content:counter(h1) "." counter(h2) ". "}
-h3:before{counter-increment:h3;content:counter(h1) "." counter(h2) "." counter(h3) ". "}
-
-/* overrides */
-.nm,.w,aside,form,form + p,.note span,ol li li{display:none}
-ol{padding-left:24px}
-ul{list-style:none;margin:0;padding:0}
-dd{margin:0 0 0 1.75em}
-}
-/* end mobile stylesheet */

index.html

@@ -5,11 +5,12 @@
 <link rel=alternate type=application/atom+xml href=http://hg.diveintopython3.org/atom-log>
 <link rel=stylesheet type=text/css href=dip3.css>
 <style>
-h1:before{content:"" !important}
+h1:before{content:""}
 #a{list-style:none;margin:0 0 0 -1.7em}
 #a:before{content:"A. \00a0 \00a0"}
 .todo{color:#ddd}
 </style>
+<link rel=stylesheet type=text/css media="only screen and (max-device-width: 480px)" href=http://wearehugh.com/dip3/mobile.css>
 </head>
 <form action=http://www.google.com/cse><div><input type=hidden name=cx value=014021643941856155761:l5eihuescdw><input type=hidden name=ie value=UTF-8><input name=q size=31>&nbsp;<input type=submit name=sa value=Search></div></form>
 

publish

@@ -3,7 +3,7 @@
 # make build directory and copy original files there for preflighting
 rm -rf build
 mkdir build
-cp robots.txt *.js *.css *.png build/
+cp robots.txt *.js *.css build/
 cp -R examples build/
 
 # minimize HTML (note: this script is quite fragile and relies on knowledge of how I write HTML)
@@ -20,26 +20,28 @@ sed -i -e "s|//}.; /\* google\..*|});|g" build/dip3.js
 revision=`hg log|grep changeset|cut -d":" -f3|head -1`
 java -jar yuicompressor-2.4.2.jar build/dip3.js > build/$revision.js
 java -jar yuicompressor-2.4.2.jar build/dip3.css > build/$revision.css
+java -jar yuicompressor-2.4.2.jar build/mobile.css > build/m-$revision.css
 sed -i -e "s|;}|}|g" build/$revision.css
 
 # put CSS inline
 css=`cat build/$revision.css`
 sed -i -e "s|<link rel=stylesheet type=text/css href=dip3.css>|<style>${css}</style>|g" -e "s|</style><style>||g" build/*.html
+sed -i -e "s|href=mobile.css|href=http://wearehugh.com/dip3/m-${revision}.css|g" build/*.html
 
 # JS will be served from a separate domain
 sed -i -e "s|dip3\.js|http://wearehugh.com/dip3/${revision}.js|g" build/*.html
 sed -i -e "s|html5\.js|http://wearehugh.com/dip3/html5.js|g" build/*.html
 
 # images will be served from a separate domain
-sed -i -e "s|bsb.png|http://wearehugh.com/dip3/bsb.png|g" build/*.html
+#sed -i -e "s|bsb.png|http://wearehugh.com/dip3/bsb.png|g" build/*.html
 
 # minimize URLs
 sed -i -e "s|=http:|=|g" build/*.html
 sed -i -e "s|href=index.html|href=/|g" build/*.html
 
 # set file permissions (hg resets these, don't know why)
-chmod 644 build/*.html build/*.css build/*.js build/examples/*.py build/examples/*.txt build/*.txt build/*.png
+chmod 644 build/*.html build/*.css build/*.js build/examples/*.py build/examples/*.txt build/*.txt
 
 # ship it!
-rsync -essh -avzP build/$revision.js build/html5.js build/*.png diveintomark.org:~/web/wearehugh.com/dip3/
+rsync -essh -avzP build/$revision.js build/html5.js build/m-$revision.css diveintomark.org:~/web/wearehugh.com/dip3/
 rsync -essh -avzP build/*.html build/examples build/*.txt diveintomark.org:~/web/diveintopython3.org/