- \n\n \n\n
- \n
\n \n \n\n\n\n \n\n - \n \n \n Fork\n 36\n\n\n \n\n
- \n \n \n\n
Unstar this repository?
\n\n\n\n\n\n This will remove {{ repoNameWithOwner }} from the {{ listsWithCount }} that it's been added to.\n
\n\n\n\n \n \n\n\n\n\n
\n\n \n\n \n \n\n \n\n \n\n
\n
\n \n
\n\n \n| \n | /** | \n
| \n | * a simple zoom in/out/reset for remark.js | \n
| \n | * | \n
| \n | * Hot key: | \n
| \n | * + : zoom in | \n
| \n | * - : zoom out | \n
| \n | * 0 : reset zoom | \n
| \n | * | \n
| \n | * CAVEAT: when switching between full screen and normal screen, | \n
| \n | * the zoom factor may not function correctly. | \n
| \n | * RELOAD the page, if necessary. | \n
| \n | * | \n
| \n | * | \n
| \n | * @author William Yeh <william.pjyeh@gmail.com> | \n
| \n | * @date 2015-01-15 | \n
| \n | * | \n
| \n | * @license Apache License, Version 2.0. | \n
| \n | * Copyright © 2015 William Yeh. | \n
| \n | */ | \n
| \n | \n | \n
| \n | var ZOOM_TEXT_SELECTOR = | \n
| \n | ".remark-slide-content p" | \n
| \n | + "," + ".remark-slide-content .remark-code-line" | \n
| \n | + "," + ".remark-slide-content li" | \n
| \n | + "," + ".remark-slide-content blockquote" | \n
| \n | ; | \n
| \n | \n | \n
| \n | var ZOOM_IMG_SELECTOR = | \n
| \n | ".remark-slide-content img:hover" | \n
| \n | ; | \n
| \n | \n | \n
| \n | /* // works for Chrome, but not for Firefox | \n
| \n | var ZOOM_TEXT_SELECTOR = | \n
| \n | ".remark-visible .remark-slide-content p" | \n
| \n | + "," + ".remark-visible .remark-slide-content .remark-code-line" | \n
| \n | ; | \n
| \n | \n |
| \n | var ZOOM_IMG_SELECTOR = | \n
| \n | ".remark-visible .remark-slide-content img:hover" | \n
| \n | ; | \n
| \n | */ | \n
| \n | \n | \n
| \n | \n | \n
| \n | var ZOOM_IMG_RULE; | \n
| \n | \n | \n
| \n | var zoom_factor = 100.0; | \n
| \n | document.body.style.zoom = "100%" | \n
| \n | \n | \n
| \n | \n | \n
| \n | function init_zoom_rule() { | \n
| \n | // @see http://davidwalsh.name/add-rules-stylesheets | \n
| \n | var styles = document.styleSheets[0]; | \n
| \n | var index = styles.insertRule( | \n
| \n | ZOOM_IMG_SELECTOR + ' { transform:scale(1); }', | \n
| \n | styles.cssRules.length | \n
| \n | ); | \n
| \n | \n | \n
| \n | ZOOM_IMG_RULE = styles.cssRules.item(index); | \n
| \n | } | \n
| \n | \n | \n
| \n | \n | \n
| \n | function apply_zoom() { | \n
| \n | var elements = document.querySelectorAll(ZOOM_TEXT_SELECTOR); | \n
| \n | //console.log('length:', elements.length); | \n
| \n | for (var i = 0; i < elements.length; ++i) { | \n
| \n | var item = elements[i]; | \n
| \n | item.style.fontSize = zoom_factor.toString() + '%'; | \n
| \n | } | \n
| \n | \n | \n
| \n | ZOOM_IMG_RULE.style.transform = 'scale(' + (zoom_factor / 100) + ')'; | \n
| \n | } | \n
| \n | \n | \n
| \n | function zoom_in() { | \n
| \n | zoom_factor += 10; | \n
| \n | if (zoom_factor >= 200.0) zoom_factor = 200.0; | \n
| \n | apply_zoom(); | \n
| \n | } | \n
| \n | \n | \n
| \n | function zoom_out() { | \n
| \n | zoom_factor -= 10; | \n
| \n | if (zoom_factor <= 50.0) zoom_factor = 50.0; | \n
| \n | apply_zoom(); | \n
| \n | } | \n
| \n | \n | \n
| \n | function zoom_reset() { | \n
| \n | zoom_factor = 100.0; | \n
| \n | apply_zoom(); | \n
| \n | } | \n
| \n | \n | \n
| \n | \n | \n
| \n | init_zoom_rule(); | \n
| \n | window.addEventListener("keydown", function(event) { | \n
| \n | //console.log(event.keyCode); | \n
| \n | switch (event.keyCode) { | \n
| \n | case 187: // '+': 187 in Chrome & Safari, 61 in FF | \n
| \n | case 61: // '+': 187 in Chrome, 61 in FF | \n
| \n | zoom_in(); | \n
| \n | break; | \n
| \n | \n | \n
| \n | case 189: // '-': 189 in Chrome & Safari, 173 in FF | \n
| \n | case 173: // '-': 189 in Chrome, 173 in FF | \n
| \n | zoom_out(); | \n
| \n | break; | \n
| \n | \n | \n
| \n | case 48: // '0' | \n
| \n | zoom_reset(); | \n
| \n | break; | \n
| \n | } | \n
| \n | }, false); | \n