I'm at https://maxleiter.com, built with next.js for server-side generation but with javascript removed in the final bundle so it comes in at ~13KB cold cache. At risk of being mocked for my definition of minimalism, I tried to keep it fairly minimalist and simple while having a modern web aesthetic.
I was aiming for a simple and clean design, with fast loading. The whole homepage is 200KB transferred. Renders in about 0.7s on my desktop.
Main tricks: use SVG everywhere you can (the big screenshot is SVG) and consider inlining it, use minimal CSS and inline it, host fonts yourself, use CSS font swap, don't use JavaScript for content or at all if you can help it, minimise CSS/JS/HTML and use HTTP2.
Named after our cats. We're using Gatsby and it uses JavaScript for displaying a static website; both of those things I dislike. Nothing is special about it, except...
It's running on a laptop in my living room. There's a little Wireguard tunnel connecting it to a Hetzner server nearby. The packet routing should all be done in the kernel of both machines so it ought to be snappy.
I like the fact that that I'm sorta the one shaking hands with your HTTPS client when you connect. I like that the website goes down with a power outage. Maybe I'll get a Honda generator. I plan on getting redundancy once Google Fiber is done installing in our neighborhood.
I’m actually really proud of it—I love the way it looks and feels. I wanted the site to be playful but still professional, and to feel "modern" without being flat. Feel free to tell me how I did.
Everything is handwritten HTML + CSS + Javascript; I avoided even using a build system. I did use some tiny Javascript libraries, but I gave myself a limit: the site had to contain more bytes of my own code than other people's code.
The site also supports back to IE11 and Safari 6, as long as Javascript is turned on. (And it works without Javascript in modern browsers.)
I think it's really cool! I like how the buttons are like more modern versions of old MacOS buttons!
I wish modern design practices didn't make it so button-y buttons look out of place. We've really lost a lot of accessibility with everything using minimal styling for buttons.
I need to revisit reduced motion at some point. I took it out because it was causing problems in an ancient version of Safari (which I have to support because I want to and it's my website).
Exceptionally well-written! And even more heartbreaking. Something similar happened to me in high school. It didn’t get to me nearly as much as it did to this person, but i still wonder if maybe I’d kept in touch with…let’s call him “Brad”, whether i might have been able to keep him from putting that gun in his mouth at age 19.
But i was only 16 at the time, and hadn’t seen him in years because our dads had a major falling out (totally my dad’s fault). I had no idea anything was going on until my dad called his the morning he’d seen Brad’s obituary in the paper. First time they’d talked since they nearly came to blows 3 years prior.
That’s the trickiest thing about suicidal people: you never know they’re in enough pain to really do it until it’s too late.
My current problem is, the two pieces I have right now were so much work, and are so polished, that I can't bring myself to add any new writing, because it wouldn't live up to what I have. Some day...
Sadly, I don't think we're talking about the same place, the day camp in New Jersey where I worked closed at some point prior to 2014 (I can't remember the exact year right now).
You've requested a page on a website (potateaux.com) that is on the Cloudflare network. The host (potateaux.com) is configured as an Argo Tunnel, and Cloudflare is currently unable to resolve it."
I just remade it to move away from WordPress. The site is a single PHP file that generates the site based on folders, images, and markdown files. Also pretty proud of the slideshow, though it doesn’t seem to animate properly on all browsers.
You're an inspiration to me. I first started with "programming" at age 6 with code.org and have been learning since. I see your name and projects here a lot, and you show your projects with such elegance. I'm 16 and have a similar story to yours, and you inspire me to keep going. I love the way your site is laid out and the way you present your skills.
1,432 comments
[ 4.0 ms ] story [ 408 ms ] threadIt's supposed to be simple so everything about it is on a single page without Javascript or any third party dependencies
http://thiagocafe.com/
I was aiming for a simple and clean design, with fast loading. The whole homepage is 200KB transferred. Renders in about 0.7s on my desktop.
Main tricks: use SVG everywhere you can (the big screenshot is SVG) and consider inlining it, use minimal CSS and inline it, host fonts yourself, use CSS font swap, don't use JavaScript for content or at all if you can help it, minimise CSS/JS/HTML and use HTTP2.
- I had https://shahinrostami.com which grew into a collection of notebooks, now it's not so personal...
- Recently booted up https://polyra.com, which I'm keeping a little more personal
For my projects, I have https://plotapi.com and https://plotpanel.com
Not really much there, but I host personal projects on sub-domains like:
- https://hw.leftium.com/ Readable HN in chronological order
- https://uw.leftium.com/ UltraWeather forecast
- https://ph.leftium.com/ Password generator
- https://blog.leftium.com/ Blog
- https://ff.leftium.com/ Utility for FEH (game)
Named after our cats. We're using Gatsby and it uses JavaScript for displaying a static website; both of those things I dislike. Nothing is special about it, except...
It's running on a laptop in my living room. There's a little Wireguard tunnel connecting it to a Hetzner server nearby. The packet routing should all be done in the kernel of both machines so it ought to be snappy.
I like the fact that that I'm sorta the one shaking hands with your HTTPS client when you connect. I like that the website goes down with a power outage. Maybe I'll get a Honda generator. I plan on getting redundancy once Google Fiber is done installing in our neighborhood.
Couldn't help but scan your site, I hope your wife is doing well. Cheers.
I’m actually really proud of it—I love the way it looks and feels. I wanted the site to be playful but still professional, and to feel "modern" without being flat. Feel free to tell me how I did.
Everything is handwritten HTML + CSS + Javascript; I avoided even using a build system. I did use some tiny Javascript libraries, but I gave myself a limit: the site had to contain more bytes of my own code than other people's code.
The site also supports back to IE11 and Safari 6, as long as Javascript is turned on. (And it works without Javascript in modern browsers.)
I wish modern design practices didn't make it so button-y buttons look out of place. We've really lost a lot of accessibility with everything using minimal styling for buttons.
https://jonathanalland.com/caroline.html
But i was only 16 at the time, and hadn’t seen him in years because our dads had a major falling out (totally my dad’s fault). I had no idea anything was going on until my dad called his the morning he’d seen Brad’s obituary in the paper. First time they’d talked since they nearly came to blows 3 years prior.
That’s the trickiest thing about suicidal people: you never know they’re in enough pain to really do it until it’s too late.
My current problem is, the two pieces I have right now were so much work, and are so polished, that I can't bring myself to add any new writing, because it wouldn't live up to what I have. Some day...
Static site, handcrafted HTML/CSS/JS. A late-90's look because I want to keep everything simple, portable, able to use locally, and I'm no expert in UI or CSS. https://www.billdietrich.me/YourPersonalWebSite.html?expanda...
small static site pushed to s3, just to list projects and host the resume.
Be gentle, it's hosted over LTE on a Raspberry Pi. It's not meant to do anything, just sit there and look pretty, a bit like me :)
"What happened?
You've requested a page on a website (potateaux.com) that is on the Cloudflare network. The host (potateaux.com) is configured as an Argo Tunnel, and Cloudflare is currently unable to resolve it."
I write music reviews mostly, but there are a handful of blog posts in there.
Site is built on self-hosted WordPress with my own theme.
Personal site with blog posts on work, code, teams, orgs
I just remade it to move away from WordPress. The site is a single PHP file that generates the site based on folders, images, and markdown files. Also pretty proud of the slideshow, though it doesn’t seem to animate properly on all browsers.
My content is mainly about reverse engineering, network protocols, amateur radio stuff and cryptography.
Few other sites as well - but all linked from this site.
It's running nearly stock Ghost 4.0. Despite the pivot from what made Ghost 0.x great, I haven't sat down and migrated to something else.
Just random ramblings about life and work. Made with Hugo. I push new posts to a private repo, where CI builds and uploads to S3.