paulcpederson / blog Goto Github PK

This is possible even if I don't migrate away from Wintersmith.

Hi Paul - found your repo from the Wintersmith showcase. The design of your blog is wonderful! Was this your own design? I'd like to use it as a beginning point to extend on my own site but didn't want to assume, just because it's available on github, that it was freely available. Thanks in advance....

Currently this is pretty verbose. Should style this page more like: https://glyph.pro/helloglyph

Currently there is an rss feed at paulcpederson.com/feed.xml but no link to the feed. I still subscribe to rss feeds, maybe other people do too?

A little house cleaning is in order:

• Move away from Wintersmith
• Drop grunt for npm
• Set up continuous deployment to Dokku with Travis
• Node-Sass
• Remove all Jade templates because they are a nightmare.

Pasting another library's code into your own project, come on what are you an animal?
Seriously use a package manager or something, ass.

Enable node-like js, also helps with #12

To be semantic, the HTML5 time element should be used to add the date of a post:

<time datetime="2015-04-08" class="time">4.8.2015</time>

In lab, have many diff libraries. Right now these are bundled via a fairly ancient browserify task. Would be great to not even have these "built", but rather to link to them over the wire with ESM.

• https://docs.skypack.dev/ is a CDN for all the libraries
• https://github.com/lukejacksonn/servor is a nice static servor

Eliminating just the JavaScript build would really be a nice improvement.

Currently using v0.2.3 current version is v0.3.21 there is some added functionality. I think that static buildpacks were actually removed though...

At some point it might be interesting to just push everything to cloudfront and use a cdn to host the site. There isn't anything dynamic, so it wouldn't really matter.

try to figure out asset bundling and loading without all the weird xargs stuff.

Nitti is now available as a web font for €59.00 (Max 50,000 visitors per month).

https://www.boldmonday.com/typeface/nitti/

Thinking about using Nitti for everything on the blog. I'd probably need to buy the italic and medium for bold so they don't look terrible when the browser tries to use them.

Played around in the browser with this:

vs:

I'd sort of like to use something that did a bit less for you? Acetate is one option when that is ready. Maybe metalsmith? Something custom?

Should just redo this layout a bit anyways.

Previous version of blog had an rss feed at /feed.xml
Got lost in rewrite.

Looks like there is now a setup for dokku that needs a .env and .static file pointing to a static buildpack with the most recent version of dokku.

I should update the article on this for people like this guy: https://twitter.com/mxstbr/status/623030717342216192

There is a static example in the dokku tests here: https://github.com/progrium/dokku/tree/master/tests/apps/static

Run through the process again on a new droplet and update anything that has changed.

need an xml sitemap

Use Google's woff2 tool and add woff2 version of fonts to type stylesheet

One line title next to it isn't full height now.

http://docs.travis-ci.com/user/deployment/custom/

with http://docs.travis-ci.com/user/encrypting-files/#Automated-Encryption of the pem?

Add meta tag for author

Should probably create some awesome 404 just for giggles.

• Current page does not respond with a 200 when offline
• Does not register a service worker that controls page and start_url
• No usable web app manifest found on page.
• Is not configured for a custom splash screen
• Does not set an address-bar theme color
• Does not provide a valid apple-touch-icon

Images are like 90% of load time currently and it's ridiculous. At least minify...

HTTPS is now a search engine ranking factor. Multiple browsers mark http as insecure.

Current homepage should be at /articles/. Home page should be more of an introduction to who I am.

At some point this got broken. Use the teitter card validator to troubleshoot.

Code should act the same as a full width image, extending past the article. Especially on mobile, this will make code blocks more readable.

tags for facebook and twitter in the head just in case somebody someday shares an article.

• move to inline-block-grid
• move to scss utils
• eliminate extra sass
• try to abstract common styles
• remove unused sass

This logic is way too much for the template.