jandw / wildpeaches Goto Github PK
View Code? Open in Web Editor NEWMind-sized STEM ideas and experiments blog, beyond the textbook.
Home Page: https://wildpeaches.xyz
Mind-sized STEM ideas and experiments blog, beyond the textbook.
Home Page: https://wildpeaches.xyz
Figure out how to pass down markdown-it (markdownLib) to require() so all shortcodes can be in external files.
#44
Spacing between h2 and abutting elements is not always ideal. Figure out more versatile spacing system.
It may be dead, but I still like it.
Time to create order out of chaos:
Taking inspiration from these sources:
https://heydonworks.com/article/design-tokens-in-eleventy/
https://github.com/paulrobertlloyd/paulrobertlloyd-v4
https://piccalil.li/blog/cube-css/
https://every-layout.dev/
https://inclusive-components.design/
https://www.smashingmagazine.com/printed-books/inclusive-front-end-design-patterns/
https://csswizardry.com/2015/03/more-transparent-ui-code-with-namespaces/
https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/#comments-css-custom-properties-strategy-guide
Allow people to subscribe via e-mail and feed.
Started working with mailchimp but think I’d much prefer https://css-tricks.com/using-netlify-forms-and-netlify-functions-to-build-an-email-sign-up-widget/
Load Inter fonts via https://github.com/fontsource/fontsource.
Only load variable font and use sans-serif fallback for browsers that do not support it.
We talked a while ago about creating a page that would allow the user to browse the archive based on the software packages used.
@XerxesZorgon I remember you had created a document. Would you mind attaching it to this issue and elaborate on what you have in mind?
Codeblocks are not preformatted and are wrappin + unsure whether highlighting is happening.
Using a pull quote in Marylin and the Goats. I don't want to pollute the markdown with too much HTML, and a reusable solution would be nicer, so maybe... web components?
I've looked at web components in 2014/15/??, but things have changed. (bye HTML imports). So time to research a little bit.
Why I don't use web components
Why I use web components
Bought Getting Started with Web Components from Packt publishing (Apple Books)
CSS-Tricks: An introduction to web components
MDN using custom elements
https://www.webcomponents.org/introduction
Progressive enhancement
in f40d014 I added a blurry background to the hero image. It's a nice enough effect, but the blur filter (that for some reason doesn't kick in unless I apply it on both elements), has a performance cost. When I scroll the page, it's noticeably more janky, and the looking at the frame-rate when I profile in the devtools confirms the issue.
I could mitigate the performa could create a low-res blurred image during the build instead. I could probably use jimp to create this image.
I came across this library in this article
Likely not worth encoding blurry background image as base64 and inlining it, but maybe?
Add step to buildprocess to check all anchors resolve.
https://www.npmjs.com/package/broken-link-checker
https://www.npmjs.com/package/link-check
Make sure to specify canonical url
Started in Bear notes under #wildpeaches
tag
Includes webmentions, PWA, darkmode toggle...
The idea is to allow people to explore the site though the lens of software used.
@XerxesZorgon suggested a page listing of the software, from where you drill on a detail page showing the posts where this software is being used (keep track in frontmatter YAML) as well find a link to the website.
Maybe the buildprocess should check the URLs resolve?
I put together a software tools page that I was thinking we could post as a general page and then link to our posts, and include links to installation instructions, tutorials and similar software. I’m thinking that this could be the main page for software, and then each one would get its own page with a format something like:
[Link to software]
Installation
Tutorials
Associated packages
Similar tools
Links to our posts that reference the software.
Reduce to about .85em. However wait for Typographic scale in #3.
I'm experimenting with adding hero images to the blogposts.
I figured unsplash.com would be the best source of images, so I started thinking about integrating with it. I want to specify the image ID in the blog post's front matter. When Eleventy builds the site it should look up the image on unsplash API GET /photos/:id
srcset
in the rendered HTML<img alt="">
attributeOf course, the image will always be the same, so I don't want Eleventy to call the API for each and every build. To that end, I'm using @11ty/eleventy-cache-assets to cache the API calls.
Somewhat related to #60.
Experiment with showing excerpt(s) of article(s) on homepage.
HTTP error code page
Parent: #44
Consider a design tokens approach? How to combine with eleventy, tailwindCSS...
That way they are grouped and can be easily found again by the user.
overflow-x: scroll;
tabindex=0
, but only when it actually overflows: scrollWidth
exceeds clientWidth
for the containerWork is done is katex-overflow branch.
Created [email protected] and set up forwarding from [email protected] and *@wildpeaches.xyz using https://improvmx.com/
[email protected] redirects to my personal account
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.