I hereby claim:
- I am jonburger on github.
- I am jonburger (https://keybase.io/jonburger) on keybase.
- I have a public key ASCrtI_Xefi5vKs9heP0_aCwXqWK5-zw0W7LaFQKByf5dAo
To claim this, I am signing this object:
| Epoch time - get it here https://www.epochconverter.com/ | |
| <t:1624855717> short date time: June 27, 2021 9:48 PM | |
| <t:1624855717:f> short date time June 27, 2021 9:48 PM | |
| <t:1624855717:F> long date time: Sunday, June 27, 2021 9:48 PM | |
| <t:1624855717:d> short date: 06/27/2021 | |
| <t:1624855717:D> long date: June 27, 2021 | |
| <t:1624855717:t> short time: 9:48 PM | |
| <t:1624855717:T> long time: 9:48:37 PM | |
| <t:1624855717:R> relative time: 2 days ago |
I hereby claim:
To claim this, I am signing this object:
| $ preact build --no-prerender | |
| /usr/local/lib/~/preact-cli/lib/lib/entry.js | |
| Module not found: Error: Can't resolve 'preact' in '/usr/local/lib/node_modules/preact-cli/lib/lib' | |
| resolve 'preact' in '/usr/local/lib/node_modules/preact-cli/lib/lib' | |
| Parsed request is a module | |
| using description file: /usr/local/lib/node_modules/preact-cli/package.json (relative path: ./lib/lib) | |
| Field 'browser' doesn't contain a valid alias configuration | |
| aliased with mapping 'preact': 'preact/dist/preact.min.js' to 'preact/dist/preact.min.js' | |
| Parsed request is a module | |
| using description file: /usr/local/lib/node_modules/preact-cli/package.json (relative path: ./lib/lib) |
| gulp.task('surge', ['build'], function() { | |
| var domain = fs.readFileSync('CNAME', 'utf8'); | |
| return surge({ | |
| project: './dist', | |
| domain: domain | |
| }); | |
| }); | |
| gulp.task('deploy', ['surge'], function() { |
| connect.server({ | |
| port: 8080, | |
| root: './dist', | |
| middleware: function(connect, opt) { | |
| return [ | |
| function(req, res, next){ | |
| // treat POST request like GET during dev | |
| req.method = 'GET'; | |
| return next(); | |
| } |
| /* | |
| See: https://www.smashingmagazine.com/2016/05/fluid-typography/ | |
| 1. without support for anything, the font size will be the minimum font-size (14px) so nothing will break. | |
| 2. with support for mediaqueries and not vw or calc or both then the font will jump up a pixel size at every appropriate breakpoint (I'm using http://include-media.com for syntactic-sugar, but you could rewrite without this) | |
| 3. with support for mediaqueries and calc and vw it will work as the article describes, with the fixes for older Safari and IE too | |
| Ain't it pretty!? Haha - works well tho :) | |
| */ |
| /* | |
| * Easing Functions - inspired from http://gizma.com/easing/ | |
| * only considering the t value for the range [0, 1] => [0, 1] | |
| */ | |
| var easing = { | |
| // no easing, no acceleration | |
| linear: function (t) { return t }, | |
| // accelerating from zero velocity | |
| easeInQuad: function (t) { return t*t }, | |
| // decelerating to zero velocity |