dotproto

 Copyright 2020 Google LLC

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

     https://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,

dotproto

// Copyright 2020 Google LLC.
// SPDX-License-Identifier: Apache-2.0

// Start synchronizaiton on browser action click
chrome.browserAction.onClicked.addListener(function(tab) {
  console.log('Handshake initiated: BG sending SYN');
  chrome.tabs.sendMessage(tab.id, { type: 'bg-syn' });
});

chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {

dotproto

 Copyright 2019 Google LLC

 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

     https://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,

dotproto

javascript:(function(){
  var log = (...a) => console.log(...a);
  const url = new URL(document.location.href);
  if (url.hostname.endsWith('youtube.com')) {
    const id = url.searchParams.get('v');
    window.location = `https://www.youtube.com/timedtext_video?v=${id}`;
  }
})()

dotproto

Copyright 2019 Google LLC

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,

dotproto

//----------------------------------*\
// TRIGONOMETRY FUNCTIONS
//----------------------------------*/

// # Trigonometry in CSS
// 
// - Through Taylor/Maclaurin polynomial representation: http://people.math.sc.edu/girardi/m142/handouts/10sTaylorPolySeries.pdf
// - Useful if you don't want to use JS.
// - With CSS Variables.
// - `calc()` can't do power (x ^ y) so I used multiplication instead.

dotproto

(async function() {
  console.clear();

  class Deferred {
    constructor() {
      this.promise = new Promise((resolve, reject) => {
        this.resolve = resolve;
        this.reject = reject;
      });
    }

dotproto

On Dec 3, 2017 [I asked Marcin Wichary][request] for advice on "font design" and he suggested I check out [Zach Leatherman's thread][zach_thread] where he asked a very similar question.

Books

1. [How to create typefaces: from sketch to screen][book1]
2. [Counterpunch][book2]
3. [Designing Type][book3] by Karen Cheng
4. [While You're Reading][book4] by Gerard Unger
5. [Essential Type: An Illustrated Guide to Understand and Using Fonts][book5] by Tony Seddon
6. [Lettering for Reproduction][boo6] by David Gates

dotproto

function assignProps(source, dest, props) {
    const descriptors = {};
    props.forEach(name => {
        let desc = Object.getOwnPropertyDescriptor(source, name);
        if (desc && desc.enumerable) {
          descriptors[name] = desc;
        }
    });
    Object.defineProperties(dest, descriptors);
}

dotproto

// Static defaults

function fn({a = 1, b = 2} = {}) {
  return `${a}, ${b}`
}

fn()            // 1, 2
fn({b: 'beta'}) // 1, beta

/**