From 38a701d082ae6307ccae48e6ad9b876e069c0356 Mon Sep 17 00:00:00 2001
From: Jeff Parsons <jeff@pcjs.org>
Date: Thu, 1 Dec 2016 21:57:43 -0800
Subject: [PATCH] Some Jekyll layout improvements

---
 docs/pcx86/examples/components.css      | 11 ++++++++---
 docs/pcx86/examples/pcx86-dbg.js        |  2 +-
 docs/pcx86/examples/pcx86.js            |  2 +-
 modules/shared/templates/common.css     |  2 +-
 modules/shared/templates/components.css | 11 ++++++++---
 versions/pc8080/1.30.5/components.css   | 11 ++++++++---
 versions/pcx86/1.30.5/components.css    | 11 ++++++++---
 versions/pcx86/1.30.5/pcx86-dbg.js      |  2 +-
 versions/pcx86/1.30.5/pcx86.js          |  2 +-
 versions/pdpjs/1.30.5/components.css    | 11 ++++++++---
 10 files changed, 45 insertions(+), 20 deletions(-)

diff --git a/docs/pcx86/examples/components.css b/docs/pcx86/examples/components.css
index 4129f382c..929ab5987 100644
--- a/docs/pcx86/examples/components.css
+++ b/docs/pcx86/examples/components.css
@@ -243,11 +243,16 @@
     }
 }
 
-@media screen and (min-width: 1400px) {
-    .machine-left, .machine-right {
-        max-width: 45%;
+@media screen and (min-width: 1200px) {
+    .machine-left {
+        max-width: 48%;
         float: left;
     }
+    .machine-right {
+        max-width: 48%;
+        float: left;
+        margin-left: 30px;
+    }
     .machine-right + * {
         clear: both;
     }
diff --git a/docs/pcx86/examples/pcx86-dbg.js b/docs/pcx86/examples/pcx86-dbg.js
index 8ee862f1b..4f0d9caf1 100644
--- a/docs/pcx86/examples/pcx86-dbg.js
+++ b/docs/pcx86/examples/pcx86-dbg.js
@@ -869,4 +869,4 @@ a):f("transformToFragment failed")):f("unable to transform XML: unsupported brow
 function zs(a,b,c,d){if(!c&&b){d.push(b);a=lb[d[0]];b=null;for(var e in a)if(ma(e,"components.xsl")){b=e.replace(".xsl",".css");break}b?Aa(b,null,!0,function(a,b){As(b,d)}):As(null,d)}else w("Error ("+c+") requesting "+a)}
 function As(a,b){var c,d,e,f=b[0],g=b[1];c=b[4];c=c.match(/^(\s*\(function\(\)\{)([\s\S]*)(}\)\(\);\s*)$/);var h=lb[f],k={},m;for(m in h){var n=h[m],t=ka(m);if("xml"==t){for(t=/[ \t]*<disk [^>]*path=(['"])(.*?)\1.*?<\/disk>\n?/g;d=t.exec(h[m]);){var q=d[2];q&&(h[q]||(n=n.replace(d[0],"")))}d=m=ja(m)}else"xsl"==t&&(e=m=ja(m));k[m]=n}a&&(k[m="css"]=a);b[2]&&(k[m="parms"]=b[2]);b[3]&&(k[m="state"]=b[3]);d&&e?(a=JSON.stringify(k),g+=".js",c=c[1]+"var resources="+a+";"+c[2]+c[3],c=c.replace(/\u00A9/g,
 "&#xA9;"),a=Na(c,"javascript",!1,g),a=a+(', copy it to your web server as "'+g+'", and then add the following to your web page:\n\n')+('<div id="'+f+'"></div>\n')+"...\n",a=a+('<script type="text/javascript" src="'+g+'">\x3c/script>\n')+('<script type="text/javascript">embedPC("'+f+'","'+d+'","'+e+'");\x3c/script>\n\n')+"The machine should appear where the <div> is located.",w(a)):w("Missing XML/XSL resources")}
-window.savePC=function(a,b,c){var d=pb("Computer",a),e=pb("Debugger",a);if(d){var f=Tr(d,!0),g=d.U?JSON.stringify(d.U):null;b||(b="/versions/pcjs/1.30.5/pc"+(e?"-dbg":"")+".js");if(c&&c({state:f,Ok:g}))return!0;Aa(b,null,!0,function(c,d,e){zs(c,d,e,[a,ja(b,!0),g,f])});return!0}w("Unable to identify machine '"+a+"'");return!1};})();
+window.savePC=function(a,b,c){var d=pb("Computer",a),e=pb("Debugger",a);if(d){var f=Tr(d,!0),g=d.U?JSON.stringify(d.U):null;b||(b="/versions/pcx86/1.30.5/pcx86"+(e?"-dbg":"")+".js");if(c&&c({state:f,Ok:g}))return!0;Aa(b,null,!0,function(c,d,e){zs(c,d,e,[a,ja(b,!0),g,f])});return!0}w("Unable to identify machine '"+a+"'");return!1};})();
diff --git a/docs/pcx86/examples/pcx86.js b/docs/pcx86/examples/pcx86.js
index c895ee2a2..c036927bf 100644
--- a/docs/pcx86/examples/pcx86.js
+++ b/docs/pcx86/examples/pcx86.js
@@ -687,4 +687,4 @@ a):f("transformToFragment failed")):f("unable to transform XML: unsupported brow
 function Mn(a,b,c,d){if(!c&&b){d.push(b);a=Ua[d[0]];b=null;for(var e in a)if(ia(e,"components.xsl")){b=e.replace(".xsl",".css");break}b?sa(b,null,!0,function(a,b){Nn(b,d)}):Nn(null,d)}else r("Error ("+c+") requesting "+a)}
 function Nn(a,b){var c,d,e,f=b[0],g=b[1];c=b[4];c=c.match(/^(\s*\(function\(\)\{)([\s\S]*)(}\)\(\);\s*)$/);var h=Ua[f],k={},m;for(m in h){var q=h[m],y=ha(m);if("xml"==y){for(y=/[ \t]*<disk [^>]*path=(['"])(.*?)\1.*?<\/disk>\n?/g;d=y.exec(h[m]);){var w=d[2];w&&(h[w]||(q=q.replace(d[0],"")))}d=m=ga(m)}else"xsl"==y&&(e=m=ga(m));k[m]=q}a&&(k[m="css"]=a);b[2]&&(k[m="parms"]=b[2]);b[3]&&(k[m="state"]=b[3]);d&&e?(a=JSON.stringify(k),g+=".js",c=c[1]+"var resources="+a+";"+c[2]+c[3],c=c.replace(/\u00A9/g,
 "&#xA9;"),a=Aa(c,"javascript",!1,g),a=a+(', copy it to your web server as "'+g+'", and then add the following to your web page:\n\n')+('<div id="'+f+'"></div>\n')+"...\n",a=a+('<script type="text/javascript" src="'+g+'">\x3c/script>\n')+('<script type="text/javascript">embedPC("'+f+'","'+d+'","'+e+'");\x3c/script>\n\n')+"The machine should appear where the <div> is located.",r(a)):r("Missing XML/XSL resources")}
-window.savePC=function(a,b,c){var d=Ya("Computer",a),e=Ya("Debugger",a);if(d){var f=Cn(d,!0),g=d.L?JSON.stringify(d.L):null;b||(b="/versions/pcjs/1.30.5/pc"+(e?"-dbg":"")+".js");if(c&&c({state:f,Gj:g}))return!0;sa(b,null,!0,function(c,d,e){Mn(c,d,e,[a,ga(b,!0),g,f])});return!0}r("Unable to identify machine '"+a+"'");return!1};})();
+window.savePC=function(a,b,c){var d=Ya("Computer",a),e=Ya("Debugger",a);if(d){var f=Cn(d,!0),g=d.L?JSON.stringify(d.L):null;b||(b="/versions/pcx86/1.30.5/pcx86"+(e?"-dbg":"")+".js");if(c&&c({state:f,Gj:g}))return!0;sa(b,null,!0,function(c,d,e){Mn(c,d,e,[a,ga(b,!0),g,f])});return!0}r("Unable to identify machine '"+a+"'");return!1};})();
diff --git a/modules/shared/templates/common.css b/modules/shared/templates/common.css
index 5406b328b..67204f2b9 100644
--- a/modules/shared/templates/common.css
+++ b/modules/shared/templates/common.css
@@ -73,7 +73,7 @@ pre a, code a {
     font-size: 15px;
 }
 .machine {
-    margin: 15px;
+  /*margin: 15px;*/
     overflow: hidden;
 }
 .c1pjs {
diff --git a/modules/shared/templates/components.css b/modules/shared/templates/components.css
index 756e89c40..409d32848 100644
--- a/modules/shared/templates/components.css
+++ b/modules/shared/templates/components.css
@@ -248,11 +248,16 @@
     }
 }
 
-@media screen and (min-width: 1400px) {
-    .machine-left, .machine-right {
-        max-width: 45%;
+@media screen and (min-width: 1200px) {
+    .machine-left {
+        max-width: 48%;
         float: left;
     }
+    .machine-right {
+        max-width: 48%;
+        float: left;
+        margin-left: 30px;
+    }
     .machine-right + * {
         clear: both;
     }
diff --git a/versions/pc8080/1.30.5/components.css b/versions/pc8080/1.30.5/components.css
index 4129f382c..929ab5987 100644
--- a/versions/pc8080/1.30.5/components.css
+++ b/versions/pc8080/1.30.5/components.css
@@ -243,11 +243,16 @@
     }
 }
 
-@media screen and (min-width: 1400px) {
-    .machine-left, .machine-right {
-        max-width: 45%;
+@media screen and (min-width: 1200px) {
+    .machine-left {
+        max-width: 48%;
         float: left;
     }
+    .machine-right {
+        max-width: 48%;
+        float: left;
+        margin-left: 30px;
+    }
     .machine-right + * {
         clear: both;
     }
diff --git a/versions/pcx86/1.30.5/components.css b/versions/pcx86/1.30.5/components.css
index 4129f382c..929ab5987 100644
--- a/versions/pcx86/1.30.5/components.css
+++ b/versions/pcx86/1.30.5/components.css
@@ -243,11 +243,16 @@
     }
 }
 
-@media screen and (min-width: 1400px) {
-    .machine-left, .machine-right {
-        max-width: 45%;
+@media screen and (min-width: 1200px) {
+    .machine-left {
+        max-width: 48%;
         float: left;
     }
+    .machine-right {
+        max-width: 48%;
+        float: left;
+        margin-left: 30px;
+    }
     .machine-right + * {
         clear: both;
     }
diff --git a/versions/pcx86/1.30.5/pcx86-dbg.js b/versions/pcx86/1.30.5/pcx86-dbg.js
index 8ee862f1b..4f0d9caf1 100644
--- a/versions/pcx86/1.30.5/pcx86-dbg.js
+++ b/versions/pcx86/1.30.5/pcx86-dbg.js
@@ -869,4 +869,4 @@ a):f("transformToFragment failed")):f("unable to transform XML: unsupported brow
 function zs(a,b,c,d){if(!c&&b){d.push(b);a=lb[d[0]];b=null;for(var e in a)if(ma(e,"components.xsl")){b=e.replace(".xsl",".css");break}b?Aa(b,null,!0,function(a,b){As(b,d)}):As(null,d)}else w("Error ("+c+") requesting "+a)}
 function As(a,b){var c,d,e,f=b[0],g=b[1];c=b[4];c=c.match(/^(\s*\(function\(\)\{)([\s\S]*)(}\)\(\);\s*)$/);var h=lb[f],k={},m;for(m in h){var n=h[m],t=ka(m);if("xml"==t){for(t=/[ \t]*<disk [^>]*path=(['"])(.*?)\1.*?<\/disk>\n?/g;d=t.exec(h[m]);){var q=d[2];q&&(h[q]||(n=n.replace(d[0],"")))}d=m=ja(m)}else"xsl"==t&&(e=m=ja(m));k[m]=n}a&&(k[m="css"]=a);b[2]&&(k[m="parms"]=b[2]);b[3]&&(k[m="state"]=b[3]);d&&e?(a=JSON.stringify(k),g+=".js",c=c[1]+"var resources="+a+";"+c[2]+c[3],c=c.replace(/\u00A9/g,
 "&#xA9;"),a=Na(c,"javascript",!1,g),a=a+(', copy it to your web server as "'+g+'", and then add the following to your web page:\n\n')+('<div id="'+f+'"></div>\n')+"...\n",a=a+('<script type="text/javascript" src="'+g+'">\x3c/script>\n')+('<script type="text/javascript">embedPC("'+f+'","'+d+'","'+e+'");\x3c/script>\n\n')+"The machine should appear where the <div> is located.",w(a)):w("Missing XML/XSL resources")}
-window.savePC=function(a,b,c){var d=pb("Computer",a),e=pb("Debugger",a);if(d){var f=Tr(d,!0),g=d.U?JSON.stringify(d.U):null;b||(b="/versions/pcjs/1.30.5/pc"+(e?"-dbg":"")+".js");if(c&&c({state:f,Ok:g}))return!0;Aa(b,null,!0,function(c,d,e){zs(c,d,e,[a,ja(b,!0),g,f])});return!0}w("Unable to identify machine '"+a+"'");return!1};})();
+window.savePC=function(a,b,c){var d=pb("Computer",a),e=pb("Debugger",a);if(d){var f=Tr(d,!0),g=d.U?JSON.stringify(d.U):null;b||(b="/versions/pcx86/1.30.5/pcx86"+(e?"-dbg":"")+".js");if(c&&c({state:f,Ok:g}))return!0;Aa(b,null,!0,function(c,d,e){zs(c,d,e,[a,ja(b,!0),g,f])});return!0}w("Unable to identify machine '"+a+"'");return!1};})();
diff --git a/versions/pcx86/1.30.5/pcx86.js b/versions/pcx86/1.30.5/pcx86.js
index c895ee2a2..c036927bf 100644
--- a/versions/pcx86/1.30.5/pcx86.js
+++ b/versions/pcx86/1.30.5/pcx86.js
@@ -687,4 +687,4 @@ a):f("transformToFragment failed")):f("unable to transform XML: unsupported brow
 function Mn(a,b,c,d){if(!c&&b){d.push(b);a=Ua[d[0]];b=null;for(var e in a)if(ia(e,"components.xsl")){b=e.replace(".xsl",".css");break}b?sa(b,null,!0,function(a,b){Nn(b,d)}):Nn(null,d)}else r("Error ("+c+") requesting "+a)}
 function Nn(a,b){var c,d,e,f=b[0],g=b[1];c=b[4];c=c.match(/^(\s*\(function\(\)\{)([\s\S]*)(}\)\(\);\s*)$/);var h=Ua[f],k={},m;for(m in h){var q=h[m],y=ha(m);if("xml"==y){for(y=/[ \t]*<disk [^>]*path=(['"])(.*?)\1.*?<\/disk>\n?/g;d=y.exec(h[m]);){var w=d[2];w&&(h[w]||(q=q.replace(d[0],"")))}d=m=ga(m)}else"xsl"==y&&(e=m=ga(m));k[m]=q}a&&(k[m="css"]=a);b[2]&&(k[m="parms"]=b[2]);b[3]&&(k[m="state"]=b[3]);d&&e?(a=JSON.stringify(k),g+=".js",c=c[1]+"var resources="+a+";"+c[2]+c[3],c=c.replace(/\u00A9/g,
 "&#xA9;"),a=Aa(c,"javascript",!1,g),a=a+(', copy it to your web server as "'+g+'", and then add the following to your web page:\n\n')+('<div id="'+f+'"></div>\n')+"...\n",a=a+('<script type="text/javascript" src="'+g+'">\x3c/script>\n')+('<script type="text/javascript">embedPC("'+f+'","'+d+'","'+e+'");\x3c/script>\n\n')+"The machine should appear where the <div> is located.",r(a)):r("Missing XML/XSL resources")}
-window.savePC=function(a,b,c){var d=Ya("Computer",a),e=Ya("Debugger",a);if(d){var f=Cn(d,!0),g=d.L?JSON.stringify(d.L):null;b||(b="/versions/pcjs/1.30.5/pc"+(e?"-dbg":"")+".js");if(c&&c({state:f,Gj:g}))return!0;sa(b,null,!0,function(c,d,e){Mn(c,d,e,[a,ga(b,!0),g,f])});return!0}r("Unable to identify machine '"+a+"'");return!1};})();
+window.savePC=function(a,b,c){var d=Ya("Computer",a),e=Ya("Debugger",a);if(d){var f=Cn(d,!0),g=d.L?JSON.stringify(d.L):null;b||(b="/versions/pcx86/1.30.5/pcx86"+(e?"-dbg":"")+".js");if(c&&c({state:f,Gj:g}))return!0;sa(b,null,!0,function(c,d,e){Mn(c,d,e,[a,ga(b,!0),g,f])});return!0}r("Unable to identify machine '"+a+"'");return!1};})();
diff --git a/versions/pdpjs/1.30.5/components.css b/versions/pdpjs/1.30.5/components.css
index 4129f382c..929ab5987 100644
--- a/versions/pdpjs/1.30.5/components.css
+++ b/versions/pdpjs/1.30.5/components.css
@@ -243,11 +243,16 @@
     }
 }
 
-@media screen and (min-width: 1400px) {
-    .machine-left, .machine-right {
-        max-width: 45%;
+@media screen and (min-width: 1200px) {
+    .machine-left {
+        max-width: 48%;
         float: left;
     }
+    .machine-right {
+        max-width: 48%;
+        float: left;
+        margin-left: 30px;
+    }
     .machine-right + * {
         clear: both;
     }