Skip to content

Commit

Permalink
Tweak spacing in presenter mode.
Browse files Browse the repository at this point in the history
  • Loading branch information
@gnab
gnab committed Jul 3, 2013
1 parent 624deed commit 61e5614
Show file tree
Hide file tree
Showing 4 changed files with 87 additions and 85 deletions.
158 changes: 79 additions & 79 deletions remark.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2201,7 +2201,7 @@ module.exports = {
/* Automatically generated */

module.exports = {
documentStyles: "html.remark-container,body.remark-container{height:100%;}.remark-container{background:#d7d8d2;margin:0;overflow:hidden;}.remark-container:focus{outline-style:solid;outline-width:1px;}.remark-slideshow-area{position:absolute;height:100%;width:100%;}.remark-slideshow{background:#fff;overflow:hidden;position:absolute;-webkit-transform-origin:top left;-moz-transform-origin:top left;transform-origin:top-left;-moz-box-shadow:0 0 30px #888;-webkit-box-shadow:0 0 30px #888;box-shadow:0 0 30px #888;}.remark-slide{height:100%;width:100%;}.remark-slide>.left{text-align:left;}.remark-slide>.center{text-align:center;}.remark-slide>.right{text-align:right;}.remark-slide>.top{vertical-align:top;}.remark-slide>.middle{vertical-align:middle;}.remark-slide>.bottom{vertical-align:bottom;}.remark-slide .remark-slide-content{background-position:center;background-repeat:no-repeat;display:table-cell;padding:1em 4em 1em 4em;}.remark-slide .remark-slide-content .left{display:block;text-align:left;}.remark-slide .remark-slide-content .center{display:block;text-align:center;}.remark-slide .remark-slide-content .right{display:block;text-align:right;}.remark-overlay{bottom:0;top:0;right:0;left:0;opacity:0.95;background:#000;display:none;position:absolute;z-index:1000;}.remark-overlay .remark-overlay-content{color:white;font-family:Helvetica,arial,freesans,clean,sans-serif;font-size:12pt;position:absolute;top:10%;bottom:10%;left:10%;height:10%;}.remark-overlay .remark-overlay-content td{color:white;font-size:12pt;padding:10px;}.remark-overlay .remark-overlay-content td:first-child{padding-left:0;}.remark-overlay .remark-overlay-content .key{background:white;color:black;min-width:1em;display:inline-block;padding:3px 6px;text-align:center;border-radius:4px;}.remark-overlay .dismiss{top:85%;}.remark-position{bottom:12px;opacity:0.5;position:absolute;right:20px;}.remark-preview-area{bottom:2%;display:none;opacity:0.5;position:absolute;height:47.25%;width:50%;}.remark-preview-area .remark-slideshow:empty{display:none;}.remark-notes{background:#e7e8e2;bottom:0;display:none;left:50.5%;overflow:hidden;padding:1.5em;position:absolute;right:0;top:0;}.remark-container.remark-presenter-mode .remark-slideshow-area{top:2%;height:47.25%;width:50%;}.remark-container.remark-presenter-mode .remark-preview-area{display:block;}.remark-container.remark-presenter-mode .remark-notes{display:block;}",
documentStyles: "html.remark-container,body.remark-container{height:100%;}.remark-container{background:#d7d8d2;margin:0;overflow:hidden;}.remark-container:focus{outline-style:solid;outline-width:1px;}.remark-slideshow-area{position:absolute;height:100%;width:100%;}.remark-slideshow{background:#fff;overflow:hidden;position:absolute;-webkit-transform-origin:top left;-moz-transform-origin:top left;transform-origin:top-left;-moz-box-shadow:0 0 30px #888;-webkit-box-shadow:0 0 30px #888;box-shadow:0 0 30px #888;}.remark-slide{height:100%;width:100%;}.remark-slide>.left{text-align:left;}.remark-slide>.center{text-align:center;}.remark-slide>.right{text-align:right;}.remark-slide>.top{vertical-align:top;}.remark-slide>.middle{vertical-align:middle;}.remark-slide>.bottom{vertical-align:bottom;}.remark-slide .remark-slide-content{background-position:center;background-repeat:no-repeat;display:table-cell;padding:1em 4em 1em 4em;}.remark-slide .remark-slide-content .left{display:block;text-align:left;}.remark-slide .remark-slide-content .center{display:block;text-align:center;}.remark-slide .remark-slide-content .right{display:block;text-align:right;}.remark-overlay{bottom:0;top:0;right:0;left:0;opacity:0.95;background:#000;display:none;position:absolute;z-index:1000;}.remark-overlay .remark-overlay-content{color:white;font-family:Helvetica,arial,freesans,clean,sans-serif;font-size:12pt;position:absolute;top:10%;bottom:10%;left:10%;height:10%;}.remark-overlay .remark-overlay-content td{color:white;font-size:12pt;padding:10px;}.remark-overlay .remark-overlay-content td:first-child{padding-left:0;}.remark-overlay .remark-overlay-content .key{background:white;color:black;min-width:1em;display:inline-block;padding:3px 6px;text-align:center;border-radius:4px;}.remark-overlay .dismiss{top:85%;}.remark-position{bottom:12px;opacity:0.5;position:absolute;right:20px;}.remark-preview-area{bottom:2%;left:2%;display:none;opacity:0.5;position:absolute;height:47.25%;width:48%;}.remark-preview-area .remark-slideshow:empty{display:none;}.remark-notes{background:#e7e8e2;bottom:0;display:none;left:52%;overflow:hidden;padding:1.5em;position:absolute;right:0;top:0;}.remark-container.remark-presenter-mode .remark-slideshow-area{top:2%;left:2%;height:47.25%;width:48%;}.remark-container.remark-presenter-mode .remark-preview-area{display:block;}.remark-container.remark-presenter-mode .remark-notes{display:block;}",
overlay: "<div class=\"remark-overlay-content\">\n <h1>Help</h1>\n <p><b>Keyboard shortcuts</b></p>\n <table class=\"light-keys\">\n <tr>\n <td>\n <span class=\"key\"><b>&uarr;</b></span>,\n <span class=\"key\"><b>&larr;</b></span>,\n <span class=\"key\">Pg Up</span>,\n <span class=\"key\">K</span>\n </td>\n <td>Go to previous slide</td>\n </tr>\n <tr>\n <td>\n <span class=\"key\"><b>&darr;</b></span>,\n <span class=\"key\"><b>&rarr;</b></span>,\n <span class=\"key\">Pg Dn</span>,\n <span class=\"key\">Space</span>,\n <span class=\"key\">J</span>\n </td>\n <td>Go to next slide</td>\n </tr>\n <tr>\n <td>\n <span class=\"key\">Home</span>\n </td>\n <td>Go to first slide</td>\n </tr>\n <tr>\n <td>\n <span class=\"key\">End</span>\n </td>\n <td>Go to last slide</td>\n </tr>\n <tr>\n <td>\n <span class=\"key\">C</span>\n </td>\n <td>Clone slideshow</td>\n </tr>\n <tr>\n <td>\n <span class=\"key\">N</span>\n </td>\n <td>Toggle notes</td>\n </tr>\n <tr>\n <td>\n <span class=\"key\">?</span>\n </td>\n <td>Show help</td>\n </tr>\n </table>\n</div>\n<div class=\"content dismiss\">\n <table class=\"light-keys\">\n <tr>\n <td>\n <span class=\"key\">Esc</span>\n </td>\n <td>Back to slideshow</td>\n </tr>\n </table>\n</div>\n"
};

Expand Down Expand Up @@ -2497,7 +2497,7 @@ function applyDefaults (options) {
return options;
}

},{"events":6,"./highlighter":3,"./models/slideshow":7,"./views/slideshowView":8,"./controller":9}],9:[function(require,module,exports){
},{"events":6,"./models/slideshow":7,"./views/slideshowView":8,"./highlighter":3,"./controller":9}],9:[function(require,module,exports){
module.exports = Controller;

function Controller (events, slideshowView) {
Expand Down Expand Up @@ -2575,8 +2575,8 @@ function addKeyboardEventListeners (events) {
case 'c':
events.emit('createClone');
break;
case 'n':
events.emit('toggleNotes');
case 'p':
events.emit('togglePresenterMode');
break;
case '?':
events.emit('toggleHelp');
Expand Down Expand Up @@ -2764,7 +2764,7 @@ function expandVariables (slides) {
});
}

},{"events":6,"./slideshow/navigation":10,"./slide":11,"../utils":12,"../parser":13}],8:[function(require,module,exports){
},{"events":6,"./slideshow/navigation":10,"../utils":11,"./slide":12,"../parser":13}],8:[function(require,module,exports){
var SlideView = require('./slideView')
, OverlayView = require('./overlayView')
, addClass = require('../utils').addClass
Expand Down Expand Up @@ -2806,7 +2806,7 @@ function SlideshowView (events, containerElement, slideshow) {
self.showSlide(slideIndex);
});

events.on('toggleNotes', function () {
events.on('togglePresenterMode', function () {
toggleClass(self.containerElement, 'remark-presenter-mode');

self.presenterMode = !!!self.presenterMode;
Expand Down Expand Up @@ -3068,7 +3068,7 @@ function getDimensions (ratio) {
};
}

},{"./slideView":14,"./overlayView":15,"../utils":12}],10:[function(require,module,exports){
},{"./slideView":14,"./overlayView":15,"../utils":11}],10:[function(require,module,exports){
module.exports = Navigation;

function Navigation (events) {
Expand Down Expand Up @@ -3173,6 +3173,77 @@ function Navigation (events) {
}

},{}],11:[function(require,module,exports){
exports.addClass = function (element, className) {
element.className = exports.getClasses(element)
.concat([className])
.join(' ');
};

exports.toggleClass = function (element, className) {
var classes = exports.getClasses(element),
index = classes.indexOf(className);

if (index !== -1) {
classes.splice(index, 1);
}
else {
classes.push(className);
}

element.className = classes.join(' ');
};

exports.getClasses = function (element) {
return element.className
.split(' ')
.filter(function (s) { return s !== ''; });
};

forEach([Array, window.NodeList, window.HTMLCollection], extend);

function extend (object) {
var prototype = object && object.prototype;

if (!prototype) {
return;
}

prototype.forEach = prototype.forEach || function (f) {
forEach(this, f);
};

prototype.filter = prototype.filter || function (f) {
var result = [];

this.forEach(function (element) {
if (f(element, result.length)) {
result.push(element);
}
});

return result;
};

prototype.map = prototype.map || function (f) {
var result = [];

this.forEach(function (element) {
result.push(f(element, result.length));
});

return result;
};
}

function forEach (list, f) {
var i;

for (i = 0; i < list.length; ++i) {
f(list[i], i);
}
}

},{}],12:[function(require,module,exports){
module.exports = Slide;

function Slide (slideNo, slide, template) {
Expand Down Expand Up @@ -3269,77 +3340,6 @@ Slide.prototype.expandVariables = function (contentOnly) {
return expandResult;
};

},{}],12:[function(require,module,exports){
exports.addClass = function (element, className) {
element.className = exports.getClasses(element)
.concat([className])
.join(' ');
};

exports.toggleClass = function (element, className) {
var classes = exports.getClasses(element),
index = classes.indexOf(className);

if (index !== -1) {
classes.splice(index, 1);
}
else {
classes.push(className);
}

element.className = classes.join(' ');
};

exports.getClasses = function (element) {
return element.className
.split(' ')
.filter(function (s) { return s !== ''; });
};

forEach([Array, window.NodeList, window.HTMLCollection], extend);

function extend (object) {
var prototype = object && object.prototype;

if (!prototype) {
return;
}

prototype.forEach = prototype.forEach || function (f) {
forEach(this, f);
};

prototype.filter = prototype.filter || function (f) {
var result = [];

this.forEach(function (element) {
if (f(element, result.length)) {
result.push(element);
}
});

return result;
};

prototype.map = prototype.map || function (f) {
var result = [];

this.forEach(function (element) {
result.push(f(element, result.length));
});

return result;
};
}

function forEach (list, f) {
var i;

for (i = 0; i < list.length; ++i) {
f(list[i], i);
}
}

},{}],13:[function(require,module,exports){
var Lexer = require('./lexer'),
converter = require('./converter');
Expand Down Expand Up @@ -3575,7 +3575,7 @@ function highlightCodeBlocks (content, slideshow) {
});
}

},{"../converter":17,"../highlighter":3,"../utils":12}],15:[function(require,module,exports){
},{"../converter":17,"../highlighter":3,"../utils":11}],15:[function(require,module,exports){
var resources = require('../resources');

module.exports = OverlayView;
Expand Down
4 changes: 2 additions & 2 deletions remark.min.js
View file

Large diffs are not rendered by default.

8 changes: 5 additions & 3 deletions src/remark.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,11 +163,12 @@ html.remark-container, body.remark-container {

.remark-preview-area {
bottom: 2%;
left: 2%;
display: none;
opacity: 0.5;
position: absolute;
height: 47.25%;
width: 50%;
width: 48%;

.remark-slideshow:empty {
display: none;
Expand All @@ -178,7 +179,7 @@ html.remark-container, body.remark-container {
background: #e7e8e2;
bottom: 0;
display: none;
left: 50.5%;
left: 52%;
overflow: hidden;
padding: 1.5em;
position: absolute;
Expand All @@ -189,8 +190,9 @@ html.remark-container, body.remark-container {
.remark-container.remark-presenter-mode {
.remark-slideshow-area {
top: 2%;
left: 2%;
height: 47.25%;
width: 50%;
width: 48%;
}
.remark-preview-area {
display: block;
Expand Down
2 changes: 1 addition & 1 deletion src/remark/resources.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 61e5614

Please sign in to comment.