zachleat.com is powered by Eleventy and WebC.
Home Page: http://www.zachleat.com/
Prerequisites: Node 12+
npm installnpm starthttp://localhost:8080/To install new local npm packages, use npm install PACKAGE_NAME --save-dev
WEBMENTION_IO_TOKENGOOGLE_AUTH_CLIENT_EMAIL (for popular posts from Google Analytics)GOOGLE_AUTH_PRIVATE_KEY (for popular posts from Google Analytics)/history/volc/zachleat.com-build-extras
Also on Opera/Window 7
@zachleat I referred back to an article on Add Lighthouse to footer and noticed all of the multi-line code blocks that are highlighted with Prism don't have any content within the <code> tags even though they indeed have content inside Markdown.
I suspect something with {% highlight %} is for some reason ignoring the text inside and not displaying any content within the <code> tags. Here is an example on Line 36.
{% highlight bash %}npm install @11ty/eleventy-cache-assets --save-dev{% endhighlight %}
This issue is happening for all posts on your website at the current time (11:05pm PST). Just wanted to let you know!
During most page views, I see the social icons flash with a large size and high vibrancy. After a split second or so, they shrink and the content below it pulls up along with it (the tag navigation).
Example:
Filed here https://brignell.co/@ben/100595344952324737
1.Vanilla MD with permalink into _site
2. Comment headers for various places to inject personal stuff.
3. a shell script containing:
#!/bin/bash
# Ask the user for new custom htaccess line
echo Section to ammend?
read append
echo Command to append?
read line
sed '/$append/a $line' ~/_site/.htaccessI'm sure someone else might be able to construct the bash command to read a file to append multiple lines when section matches. This makes your repo better suited for a template; removes custom redirects, etc.
Source: https://ryanstutorials.net/bash-scripting-tutorial/bash-input.php
No stable browser support. Only Chrome Platform Status has a status page for it. It isn’t documented on Firefox Platform Status or Edge Platform Status.
Yet it's not stable, Firefox appears to support it since Firefox 46 https://bugzilla.mozilla.org/show_bug.cgi?id=1157064
package.json has
"engines": {
"node": "14"
}I'm practicing on replit.com. The template version is 14.17.1. Can you switch that to
"engines": {
"node": ">= 14.17.1"
}Might make it future-proof? Source: https://www.marcusoft.net/2015/03/packagejson-and-engines-and-enginestrict.html
A place to collate feedback for version 2 of this post.
I stumbled upon this small spacing typo within the second ordered list element on Line 127 of Eleventy Tutorial Level 1.
Fix: Change "threeor more" to "three or more"
I didn't want to submit a PR for such a small change, so I created this issue to consult with you first. Thanks! @zachleat
Had to rename .css files to .scss (still missing I live in Omaha css file) for use with @import. Is there a better solution here? Alternatively just move to use grunt-contrib-concat and do it after sass. I think I like this option better.
via https://shoelace.style/From 2024-01-31-good-bad-web-components.md:
- Smashing Conference Freiburg (September 2023) (video not yet available)
It seems like it is. It has been released 2 months ago.
Looks like the default Wordpress migration brings over posts in HTML format; but I see yours are in Markdown. How'd you do that?
Reported by @robhruska
Also, the title font on your blog text looks a little funky, the letters have some weird hangies and horns (image attached). (Chrome: Version 26.0.1410.64 m)
On blog post https://www.zachleat.com/web/build-benchmark/ one of the values continues to overflow vertically above the page. This is caused by #markdown-bench-chart svg { overflow: visible; } on Line 55.
Recommend to adjust or even remove.
Hej,
trying to figure out why a webmention didn't make it so I decided to post ist manually using the Webmention input form from your site:
<input type="hidden" name="target" value="https://www.zachleat.com/web/web/own-your-content/">This results in form data with a doubled /web in path and can never be found on the source url resulting in a rejection of the Webmention by your endpoint.
Example result:
source: https://beko.famkos.net/2020/01/06/fun-introductions-to-indieweb/
target: https://www.zachleat.com/web/web/own-your-content/
When I fixed the target manually it went into processing (may still not make it - problems with ActivityPub plugin providing JSON instead on my site are known).
Hi, Zach. While reading through 11ty-lighthouse, I encountered an anchor element with broken linkage (404) inside Step 2 Fetch The Data.
The problematic link is the second anchor element with href="https://github.com/11ty/11ty-website/blob/master/_data/speedlify.js" and value "Eleventy data request to fetch and cache the API data at build time".
Currently the bad URL opens this page which shows a 404 error page on Github, where speedlify.js is the unavailable file.
I tried to track down the correct reference for the speedlify instance and arrived at two possible URLs.
I was going to submit a PR fixing the broken URL by using one of the two links above, but I thought I'd let you know first as I wasn't sure which link you wanted to use. Thanks! @zachleat
See attached. The arrow points to a broken link from https://www.zachleat.com/web/zachleat-is-dead/.
Possibly show comment counts instead.
More of an FYI but I did:
git clone https://github.com/zachleat/zachleat.com.gitnpm i && npm startGot Cannot GET / in browser and no errors on the command line.
(Node 18.5.0 btw)
React
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
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
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.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.