Happy new year, Don't Be Dumb by A$AP Rocky is finally released after 8 years!!
Improvement are never have the limit. That's how 11ty Beer actively maintained.
FontsPermanent link
The current approach for fonts is using the native fonts, which is doesn't consistent in all devices, and mostly just doesn't looks pretty blanded with another style. Considering that the Google's properiaty Google Sans font is become open sourced and available for all users, I considering to use it. And it's looks better with the Material Design guidelines. The code font is also switched into Google Sans Code.
But, there's no simple way to installing the fonts with package manager, so for now, I just downloading the zip at the Google Fonts website, put the folders into src/public/fonts, and importing them manually with @font-face property in style.css.
If there's an issue with the fonts, or maybe there's a version update to the fonts, you can make an issue or simply do an Pull Request!
Cover imagePermanent link
The post layout is inspired by Material Design Blog (e.g.). If used for overall, it would be used for Opengraph image. In the post, the image will be shown at the header. If you didn't use it, the Opengraph image will be using the 11ty webpage screenshot, and in the header, the image will be an noisy mesh gradient.
You can add cover with img and alt inside to the frontmatter, the image should be under the website and not an external image, as in the Opengraph meta, it's use site.url cover.img. You can add the images to src/public/img, and use them as /img/....
---
cover:
img: /img/getting-started.png
alt: Terminal screenshot with homepage screenshot
---Other changesPermanent link
- Resorting the selectors and make it more readable in
style.css. - Seperate the author as "Posted by" below the header.
- Hmm, the last version is should be
1.3, I didn't noticed that1.2has been applied before, but not an big problem, so this minor changes also fix the versioning :P
Before:
After:
Made with 💔🥀 by W3Teal (dumb dumb dumb)