Skip to content

Google Slides

Created: 2017-09-14 13:04:30 -0700 Modified: 2020-06-08 13:08:10 -0700

I used draw.io, which connects to Google Drive.

https://pixabay.com/

https://unsplash.com

I just copy/paste from Visual Studio Code, make the background color transparent, and pick a monospaced font.

You can’t just drag and drop the image onto Slides; you have to use Insert —> Image and it’ll work.

Just disable hardware acceleration (settings —> advanced) and relaunch Chrome.

If you want something to fade in automatically with a delay of 2 seconds and an animation time of 0.5 seconds, you can sort of achieve this with two animations:

  • Appear (After previous) - set animation time to 2 seconds
  • Fade in (After previous) - set animation time to 0.5 seconds

I just added two rectangles over the parts I wanted to obscure with a custom hex color of #000000d8, then I animated them fading in.

Note that for text like this, I do have a border on those rectangles to sort of highlight the text.

I wrote this snippet to do this automatically, that way I can keep closing/reopening the presentation and it’ll keep hiding the presentation bar:

setInterval(() => {
const iframe = document.querySelector('.punch-present-iframe');
if (!iframe) return;
const innerDoc = iframe.contentDocument ? iframe.contentDocument : iframe.contentWindow.document;
const nav = innerDoc.querySelector('.punch-viewer-nav-v2');
if (nav) nav.style.display = 'none';
}, 1000);
setInterval(() => {
const iframe = document.querySelector('.punch-present-iframe');
if (!iframe) return;
const innerDoc = iframe.contentDocument ? iframe.contentDocument : iframe.contentWindow.document;
const nav = innerDoc.querySelector('.punch-viewer-nav');
if (nav) nav.style.left= '-5000px';
}, 1000);

After doing this, press “L” to access the laser pointer.

First, draw the line, then select the drawn line; you can’t seem to change the color before drawing the line.

This is fixed by putting the cursor on the line with “THIS” written and choosing Format → Line spacing → Remove space after list item:

Then, if the lines are too close together, put the cursor on the line with “THIS” again and choose Format → Line spacing → 1.15 (or whatever the others are set to)