Our application JS is bloated with minified libraries, while our actual
application Javascript barely amounts to more than two hundred lines.
I propose removing these libraries from our sass file, and instead
load them as separate resources in `<link>` and `<script>` tags.
This has several advantages:
- By using common CDNs, users are likely to have many of these libraries
cached already.
- Even if the files aren't cached, the CDN is likely to deliver them
faster.
- We can use the HTML5 'async' attribute to load these libraries
asynchronously, so users aren't held up while they download.
- Our fully compiled application JS is much, much smaller, which
reduces the load on our host.
Also, on the topic of load times, I realized that in #152 that one of the
images was a PNG, not a JPG. I had tried optimizing the image, but I didn't
realize that it wasn't a JPG like the others. Here, I converted it to a JPG,
and it is significantly smaller, and it is visually unchanged.
I'm having some difficulty testing on my local machine, so I would appreciate
some additional manual testing before merging this.
Also adjust pixel dimensions very slightly so that all
images are the exact same dimensions. We're talkin'
one- or two-pixel changes, but the misalignment is
noticeable if you look closely.
Finally, the pixel density of the images are adjusted
as well. The change is not noticeable, but results in
much smaller file sizes.
These changes result in a visual improvement. Not only
does it fix the aforementioned aspect ratio mismatches,
it improves the quality of the scaled-down images.
I guess the browser did a poor job scaling the images
down, because more detail is visible in the scaled-down
versions.
