spudly / stephensorensen.com Goto Github PK

setup greenkeeper

Disable x-powered-by header added by express

Need a service worker to make this a PWA.

Navigation is hidden by default and made visible when clicked on via JavaScript, so when JavaScript is disabled, there's no way to show it.

Configure website to work as a Progressive Web Application.

Goal should be to get a 100% score from Lighthouse

The service worker should gracefully handle requests when offline. This means that if the page wants an image or a document or something, the service worker should provide stub images / documents so that it doesn't just break the app.

I had to disable cssnano so I could build the project in "Bash on Ubuntu on Windows".

If possible, get cssnano working on that platform and reenable it.

It's not rezising vertically when it sets the width to 100%

Create an SVG icon and use it as the favicon.

This same icon will also be used as the application icon for our PWA, so it will need to be in SVG so we can create multiple sizes w/ issues.

• ramda
• eslint-loader
• gzip-size
• path-exists
• recursive-readdir
• strip-ansi
• webpack-manifest-plugin

Implement CSP and be as strict as possible.

Hi Stephen!

I couldn't figure out how to get hold of you (your site isn't loading) - do you happen to have the duotone-dark-space-muted-syntax source lying around somewhere? I might have it on a Time Machine backup somewhere - but I see it's vanished off your github profile.

Ta!

P

• Static assets should get new URLs with every build
• Use immutable caching headers https://hacks.mozilla.org/2017/01/using-immutable-caching-to-speed-up-the-web/

• cleanup build script
• fixup & start using dev script for faster development

Koa is built for async/await functions and doesn't have all the extra stuff that express has (stuff we don't need, like templating support).

I'll have to write my own React clone, but it'll be a good learning experience.

Create PWA Manifest File

Github repos now let you publish pages from the docs/ folder.

Do that instead of the dev branch weirdness.

Every quality piece of software has a little easter egg built-in.

Not all devices have "Comic Sans MS" and they currently fallback to cursive, which doesn't look 90s enough.

Use Comic Neue instead as a fallback.

http://comicneue.com/

Create a Resume Page

• babel-preset-react
• babel-preset-stage-2
• babel-preset-env
• babel-plugin-transform-define
• babel-cli
• babel-loader

Show a banner at the top of the screen if the user is offline.

enable CSP

https://zeit.co/blog/easy-aliasing

To get async functions working I had to manually add the regenerator runtime. This is concerning, as (i think) it means that babel-preset-env didn't add the polyfills to the service worker file, only the index.client.js file.

• figure out why it doesnt put the regenerator runtime on there automagically
• fix it

Remove console.log statements from service worker