6

Ask HN: Share your personal site

 3 years ago
source link: https://news.ycombinator.com/item?id=30934529
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Ask HN: Share your personal site

https://dustinbrett.com/

I've spent the last 16 months working on this app/site. It's my passion side project to build a functional desktop environment in the browser.

Here is the source code: https://github.com/DustinBrett/daedalOS

s.gif
For some reason I keep seeing people on HN showing their sites that recreate desktop environments—almost always in the style of Windows, and frequently in the 90s ‘concrete slabs’ look.

It's gonna be hard to beat https://www.windows93.net, though.

P.S. BTW, using PCjs one can actually run Windows 1 to 95 in the browser (and a bunch of other OSes). Alternatively, there's Dosbox—which Archive.org uses for emulation in the browser, and which likewise can run some versions of Windows. So one could really make their site as proper files in the virtual computer, though loading is gonna be a bit rough.

s.gif
Agreed that Windows 93 is a hard one to beat. My plan is to try and beat them all eventually, but I am patient and enjoy making the app. I've had this idea for quite a while but only in the last few years felt confident enough in my skills to attempt it.

As for more sites recreating the web desktop idea, here is a great list:

https://github.com/syxanash/awesome-web-desktops

s.gif
I've just tried to play minesweeper on this windows93 and it is very hard to say the least...
s.gif
10 years ago i did this classic-mac-a-like. But actually... I sorta liked most of the Win98 UI. Sure, there were weird corners like trying to confuse printers and control panels as files, but it was the beginning if msft paying attention to UX concepts an A11Y.

Call me a weirdo, but I thought the color-reduxed / high-contrast theme for Win2k was the apex of MSFT UIs.

https://github.com/OhMeadhbh/disco

s.gif
Just FYi, McAfee says there a is a GenericRXHB Trojan included in the code... I think it fired when i opened the ski game. Possibly just a false positive from the emulator?
s.gif
That is one of the most impressive sites I have seen in the last few years. I am just blown away by what is technically possible.

Thanks for showing me that we live in the future.

s.gif
Me: This is cheesy as fu...fires up Ski32.exe, then Doom, then Duke Nukem...holy shit!

lol nice work!

s.gif
Haha thanks! I'm glad I was able to win you over with some nostalgia.
s.gif
I love this! This is the kind of interesting stuff I thought I'd be working on before I became a software developer and got disappointed by the day to day CRUD, JS framework nonsense, Agile cesspool it turned into.
s.gif
So your in browser OS has a web browser I can use to reach your website and open a web browser... I love this project
s.gif
Haha yup, thanks! I wanted to try and be add a little bit of inception.
s.gif
I love things like this. Reminds me of the old FlyakiteOSX site or Gooey.
s.gif
Just wow. It's so fast, haven't seen a bug either.
s.gif
Thanks! If you find one feel free to report it. I am always looking to squash them and keep improving the code.
s.gif
And we can checkout the code to play with it :). Thanks , awsome work
s.gif
This is amazing! I wasn’t able to play the llama song using winamp though. Winamp would open and no matter what buttons I pressed, the song never played. Running iOS - Safari.
s.gif
Thanks! Interesting bug, appreciate the report. Thanks to https://www.browserstack.com/open-source I have access to iOS Safari, so I will look into fixing this.
s.gif
the winamp llama song was a nice core memory dopamine jolt
s.gif
winamp is missing the "nullsoft" easter egg
s.gif
this is really cool do you have any videos documenting how you went about building this?
s.gif
Thanks! Yes I streamed a great many nights of my work on this site and have recently been doing some posts going over it's features.

https://youtube.com/playlist?list=PLM88opVjBuU7xSRoHhs3hZBz3...

s.gif
I hope that passport scan is fake. Great job on the website.
s.gif
Thanks! That is my old passport from a decade ago when I traveled the world.
s.gif
*Koala, not Kaola

Great work on the site, it's so smooth and responsive.

s.gif
Thanks! I hope to keep building it. Every time I have an idea I try and integrate it into my site.
s.gif
Could you please clarify which thing? Also if you are interested in how something on it is done, all the code is here https://github.com/DustinBrett/daedalOS
s.gif
this is cool. i see that you can play games, which is nice.

what other use cases do are there for using your site?

s.gif
I also host my blog on there and all my pictures. As for things it can do, quite a bit actually, but many of them are proof of concept as the underlying tech is not yet at desktop speeds. I have a decent list in the https://github.com/DustinBrett/daedalOS/blob/main/README.md.
I intend to make a proper write-up tomorrow, but as of now:
    total: 713 links found (top comments only, one link per comment), 35 failed 
    Has Javascript: 549
    Is Github Pages: 139
    Is Cloudflare: 138
    Is Nginx: 106
    Is Netlify: 82
    Is Apache: 72
    Is Vercel: 58
    Is Nextjs: 32
    Is Served From S3: 30
    Is Wordpress: 27
    Is Gatsby: 19
    Is Express: 17
    Is Cloudfront: 16
    Is Php: 11
    Is Open Resty: 9
    Is Litespeed: 4
    Is Microsoft IIS: 4
    Is Fly Io: 3
    Is Asp Net: 2
    Uses Phusion: 1
Note that these are non-exclusive; sites can be valid for multiple categories.
s.gif
Would you be so kind to also share the raw data? (Especially the links that you've collected?)

Also it would be nice to also assess the following:

* how many require JavaScript to actually display something; (i.e. opening them without JavaScript yields an empty page, or just an "enable JS to work" message;)

* how many have an RSS feed;

* how many are readable in a console browser such as `lynx`;

s.gif
curious about how many support auto light/dark via
    @media (prefers-color-scheme: light|dark)
s.gif
Are you counting S3 and Cloudfront as the same? Otherwise I'm surprised no one is using Cloudfront.
s.gif
I wasn't counting for cloudfront at all. Fixed now. But every cloudfront site will also count as an S3 site.
https://erwinvrolijk.nl Static site hosted on gitlab pages. Build with the zola static site generator using gitlab cicd.
https://wooo.sh/

Recently rewrote my old site after feeling limited by markdown and decided to start from a clean slate and write a blog engine in TCL.

Though I don't have a post up yet that uses any new features, it supports LaTeX without requiring client side JS, as well as collapsible elements.

It's also easy to add new types of content (such as a graphviz element), since an article is just a TCL script, for example:

https://github.com/wooosh/blog/blob/master/pages/articles/fr...

I intend to replace utteranc.es for comments with a self-hosted solution, as I'm not super happy with relying on an external resource without subresource-integrity, especially for something that requires login (making it a great target for phishing).

s.gif
omg, you're 17! I am as well, see my comment [0].

the only thing I know about Tcl is that git uses the tcl language to generate the git gui and gitk programs.

[0] https://news.ycombinator.com/item?id=30939560

s.gif
Probably the most common way people interact with Tcl is through python, ironically. Tcl has a GUI library called Tk, through tkinter, available as part of the python standard library.

Outside of Tk, Tcl pops up in a couple of odd places, usually as part of some testing system (expect(1) and SQLite use it) or build system, though use has fallen off quite a bit since the 1990s.

Placing somewhere between a lisp and shell, it's incredibly effective as a language for gluing things together and creating DSLs, and is fairly easy to embed in a manner similar to Lua.

Definitely not a perfect language, but one that I find extremely comfortable to work in and iterate quickly for certain projects.

Antirez's blog has a pretty concise explanation of Tcl's features and what makes it special:

http://antirez.com/articoli/tclmisunderstood.html

s.gif
I used to work at a place whose webserver was in TCL (AOLServer). Once I figured out some of the gotchas, I learned to really like TCL.

Like you mention, it's used as glue in lots of places, for instance in my Electrical Engineering classes to glue together VHDL/Verilog and program FGPAs.

s.gif
I have a friend who worked as a principal developer on an EDA product from Synopsys. It was amusing how he converted all of the product and product acquisitions into TCL and whatever compiled language + a c lib so he could invoke the feature from TCL.
https://langworth.com

It’s a retro experience with a text adventure game. I wrote it to prove to myself that I kinda knew WebGL after shutting down our browser gaming startup.

Only one person has beaten the game. Most don’t make it inside the building. Guess I’m not a great game designer ;)

s.gif
"xyzzy: nothing happens, nice try!"

Drats!

Nice little tie-ins with memorabilia as well.

I started writing a similar thing myself based on the Amstrad CPC look-n-feel. I should go back and finish it.

s.gif
Thanks! The game here is written in Inform7, and it was so difficult to make progress that it took me three years on and off to finish the game. So if you do it that way, beware :)

Abridged story: https://github.com/statico/the-archive-public/blob/master/Th...

Backend server: https://github.com/statico/glulxe-httpd

s.gif
I guess most peoplw don't even try. It was almost trivial to get inside! :)

I'm curious if I skipped something or did as intented... Are you supposed to find the complete keypad number? (i.e. all 4 digits?)

s.gif
Lots of people try, but the clue you find wasn't obvious enough. I fixed that and also made the keypad a lot more intuitive. But, no, the entire keypad code isn't shown.
s.gif
I admit I had to open the github page to find clues :P Oops should I said it here?
s.gif
I'm kind of disappointed it didn't respond to "brute force it" when I got to the keypad.
s.gif
Cool idea. I'll add some parsing for that, but you might be the first to use "brute force" as a verb in the game.
s.gif
The game begins after you enter the building. I think you're supposed to "activate Ian's memories" using a port in the control room.
s.gif
I really enjoyed the text game and the design, thanks for sharing!
s.gif
Oh this is sooo nice!! Finally a break from templated internet and ads. Love how clean, simple, fast it is.

Game - I am bad at text adventure games so obviously gave up after a few tries

s.gif
Yeah, I get it. A lot of times it's all about guessing the right verb. There is a "help" command which has pointers on how to play (thanks to a handy "extended help" library for Inform7)
s.gif
Awesome! I just ran out of time chatting to the cyborg! I wanna come back later. Thank you for this!
s.gif
This is excellent! I never really played any text games before but reminds me a bit of MoTaS and some other mystery online clicking riddle game I can't remember.

Also like the difference between mobile and desktop!

s.gif
Oh damn I think I may have died. Didn't think that was possible! I am hooked!! All I'll say is Qball
s.gif
Hmm actually seems like the first time I died (and the most recent) was actually not intended, the game just kind of hung after some repeated actions and dropped me outside the game (needing to type "game" again) but in between these I actually did properly die.
s.gif
Weird! I'd love to know how you got in that state. Please email me :)
s.gif
Thank you. You can get the full dose of nostalgia by using floppy disks...
s.gif
Loving the game so far!

Very similar feel to The Room, but in text adventure style.

s.gif
Too late to edit, but realized I should specify that I meant The-Room-the-game-by-fireproof-studios, not The-Room-the-movie.
s.gif
This is amazing and very well made!

> Most don’t make it inside the building.

I just got into the building!

s.gif
This was a lot of fun. I appreciate `ls` being handled.
s.gif
Thanks. There are a bunch of things like that that people try thinking, or at least hoping, that it's a real prompt somehow.
s.gif
Never did I think I would hate the phrase “Violence isn’t the answer”
s.gif
Stuck after opening the port, anyone any hints?
s.gif
Definitely try reading through the help commands. Use the page up and page down keys if you need to scroll. Hope that helps :)
https://andregarzia.com

Mostly my blog. I post about books, creative writing, and also about programming.

s.gif
Warning to others: you will spend hours exploring Niki’s wiki. It is a nerd paradise.
s.gif
The wiki is fantastic, I think I landed on the gitbook version somehow earlier this year. Love seeing long term projects like this full of interesting content. Well done.
s.gif
I remember finding your wiki in 2018/2019. I must have lost a week exploring it!
s.gif
The best personal wiki I've ever seen. Amazing work.
I love getting in after 1,000 comments, let's do this:

https://pinkpigeon.co.uk

Built with my own site-builder and advertising my own site-builder!

Turns out nobody registers for a free account or just signs up. All my business comes from building websites for people and word of mouth.

I optimised the thing for speed of building websites above all else, which helps, seeing as I'm a one-person operation.

I'm a Philosophy student, and I keep a blog where I post essays on Philosophy and Computer Science- as well as the fun that results in their intersection.

https://shen.hong.io/

Lately, I've been playing around with the NixOS operating system, and I wrote a guide on Building a Philosophy Workstation with NixOS. In it, I document the process of setting up a computer for the use and practice of Philosophy:

https://shen.hong.io/nixos-for-philosophy-installing-firefox...

Although I wrote the guide with Philosophy students in mind, it has a surprising amount of overlap with software development and programming-- which will make it useful for Computer Science students as well.

For an example of a more straightforward work on philosophy, I wrote a dialogue on the metaphysics of being, using an analogy with chess and cryptography:

https://shen.hong.io/dialogue-on-the-questions-of-being/

s.gif
Really nice site. It (and this thread in general) is motivating me to start writing again.

I used LaTeX a lot in college, and I use a similar program now called Lilypond which is the same idea but for sheet music.

s.gif
Thank you! I'm glad that my work was useful to you. I'm familiar with Lilypond, I've used it in the past to typeset musical notation, which I later exported for use in LaTeX as well.
https://www.bramadams.dev/

My goals with my site were:

- a site that is the HOME of all of my work as my interests evolve over time as a creative technologist

- have it be fast

- have it be minimal for writing with markdown + react (mdx)

- have it be maximum in fun (if you are on desktop check out https://www.bramadams.dev/projects/akuma-no-ko or https://www.bramadams.dev/projects/kh if you are on mobile check out https://www.bramadams.dev/stories)

- self host images and videos (cloudflare images + stream)

- a running dev log (https://www.bramadams.dev/projects/dev-log)

I wrote a 100 lines very simple script to generate mine, so that I don’t need to learn Hugo or anything else.

https://alexxx.co/static-site-generator.html

Features: partial templates - markdown/html - mustache variables - html prettified - bugs

PS.: please give me ideas to reduce LOC.

s.gif
Nice, I did the same, but in 280 characters :-) https://blog.nyman.re/2020/10/11/introducing-piss-a.html

I like your write-up of yours, re-reading my post I realise it’s severely lacking examples. Going to take som inspiration from you and update my post so it’s a bit clearer.

s.gif
Nice! I’m looking for ideas to reduce LOC, but I’m resistant to learn template systems: either too complicated or don’t support markdown.
Mine is very simple: https://eduar.do But I really like its domain hack that matches my first name. It took me a long while and journey to get this domain, which was previously owned by another Eduardo.
Nothing special for mine[0], serves more as an online business card with some links. The domain contains my full name and I also have a very similar e-mail address (replace the first dot with @). It's just plain HTML with some JS to switch the hello message. Source is available and I have a job that gets triggered for every commit, deploying it to Gitlab Pages. I just update it directly on Gitlab[1] every time I need to and it's up.

[0] https://rafael.keramid.as/

[1] https://gitlab.com/keraf/personal-site

http://egypt.urnash.com

I draw stuff.

(Perhaps someday I will feel like making my site work better with phones. I last did major work on it before that was a concern. If there is something you would like to see me draw then perhaps we can make a deal that fixes this, whether by you getting hip-deep in Wordpress, or by paying me a couple thousand bucks for something I can knock out in a week so I can finally bother getting my local dev copy working and fix it myself.)

s.gif
decrypting Rita! I just acquired a copy of this for the Haslam Polyamory & Non-monogamy Collection at the Kinsey Institute. brilliant job with the work, love that I get to archive it!
s.gif
The scrolling on Decrypting Rita is awesome. The art flowing as I’m swiping to scroll is a awesome way to experience the work. I’m digging the art!
s.gif
Thanks! I keep on thinking I should take a couple copies of the book and hang it up as one super-long scroll somewhere. I don’t think my entire apartment is actually big enough for this.
https://jonathanalland.com

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.)

s.gif
This one hit a soft spot with me. I’ve been in a similar situation and I know a lot of people who have. It’s so well written.
s.gif
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.

s.gif
I like it! One note though, you may want to disable/lessen the animations when reduced motion is enabled
s.gif
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).
s.gif
I have to agree with OP, I wish more sites respected that setting. I know not many people are afflicted by motion sickness in that kind though.
s.gif
Yes, to be clear, I want this to work! I just need to figure out how to make it play nice with ancient Safari.
s.gif
Thank you so much!

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...

s.gif
You could write under a pseudonym for less polished posts.
https://kevincox.ca

Definitely minimal. The goal was to share content and contact info. JS is used, but not critical. Trackers exist, but aren't loaded if you set Do-Not-Track. (or if you have JS disabled, but that is just a static site limitation)

I write stories to teach Japanese without relying on translation (like the lingua latina per se illustrata). I have been working on it almost every day for the past 3 years. I am so proud of the result. Every page solves the tiny problem of introducing a few new words in context. That's not hard per se but the accumulation of these makes the result unique.

https://drdru.github.io/

s.gif
I'm a big fan! Such a fun way to approach a new language! Would make it absolutely perfect (in my mind) if you could click the hiragana to hear the sounds, but I understand that that would require a lot of storage.

(For my self, I'd made this one-word-a-day tool https://dugas.ch/word_of_the_day/)

s.gif
Thanks for the kind word. It's not the first time I have been suggested to add some audio. I am not against the idea but I'd rather focus my time on creating content. Also I believe some browser extensions such as this one can do it https://chrome.google.com/webstore/detail/rikaikun/jipdnfibh...

I might suggest using it in the intro.

I made https://will.institute/ as a place to post my stuff (mostly photos) after having bailed on most social media. The existing content was migrated over from my old Instagram account, plus some newer photos that I went back and picked out from between when I stopped using IG and when I built the site a few months ago.

It’s a static site built in Swift with Publish and a custom theme: https://github.com/JohnSundell/Publish

Since I got out of the habit of posting anything on Instagram for a couple years I haven’t really gotten back into it for my own site, but one of these days I’ll put some new pictures up!

s.gif
Upvote for cats.

Are they yours? They make me miss mine.

https://cookie.engineer

Built my website as a fun project over the holidays and experimented a little with fun to use UI/UX elements while trying to preserve as much backwards compatibility as possible.

Copy/paste uses markdown, which is used to generate the static site, print stylesheets, responsive layout, an interactive avatar, a crypto scavenger hunt, konami code, zerg rush, and works without javascript or even in old browsers like links/lynx. CV uses web crypto api to preserve secrecy etc.

Wanted to maybe build a little OWASP CTF for it at some point, too...

s.gif
Was startled by the voice after a few minutes. Lol.
s.gif
Definitely would like to of seen a "Manage Cookies" popup! Nice work
s.gif
> Definitely would like to of seen a "Manage Cookies" popup! Nice work

Haha, you gave me an idea: Am building a cookie-tower-defense-space-shooter-game now when you click the "Do Not Consent" button. This is definitely happening.

Wow. What a great list. I really loved it.

Here my two (German) sites:

- https://schriftrolle.de (personal site)

- https://moorwald.com (freelance side-gig)

https://www.thran.uk - blog/personal website, where I give opinions on literature, music, software, random happenings. Style inspired by old newspapers and desktop icons

https://wmw.thran.uk - gallery of high-effort, long lasting or otherwise distinctive websites I've encountered. Includes screenshots. Currently at 38 entries. Built using my own Perl static website builder (RSRU)

https://soft.thran.uk - software development site, includes downloads and user guide of said static website builder

Hope I'm not too late to share these.

My current project is https://neonarcade.games, a collection of silly casual games. 90% of the motivation to make these games is to have fun in the process, so the focus is on funny ideas and DX over UX and good game design. The canvas api is excellent for these kinds of projects, and you really don't need much more. Most games I make start as a single HTML file and a math.js, which I regularly start from scratch, and I often use emoji as a proxy for real sprites.

Though the focus is on making, I have been playing my own minesweeper clone almost every day. In some sense, that makes it my most successful side project to date.

https://qdice.wtf

A dicewars/kdice clone written in Elm. It's a turn-based multiplayer board game.

I have put quite some work into it over the years. Sadly, it (almost) never reached the point where humans would play each other, which is where the fun part happens. Alliances, backstabbing, etc.

People play steadily against the bots though, so at least I got something going.

https://www.ericzheng.org

I've enjoyed seeing everyone else's, so I figured I might as well post my own...

s.gif
I like the content! You should add an RSS (well Atom is actually better) feed so that people can subscribe.
I have made this small tool which coverts simple text to full database script with foreign keys, there are some limitations thought, its main purpose is to shorten time spend on remembering syntax and creating database. Currently MSSQL , MySQL and PostgreSQL are supported.

https://text2db.com/

My site is sciencemadness.org. I started it when I was still an undergraduate some 20 years ago now (!). It's mostly about chemistry and nuclear technology. My personal interests include chemistry, nuclear power, nuclear weapons, materials science, and post-fossil energy in general. I don't get to do much with those interests at my job, though. I'm a software engineer like many others here.

Content on my site has been linked from here a bunch of times [1] -- most often, my scan of the book Ignition! An Informal History of Liquid Rocket Propellants by John D. Clark:

https://library.sciencemadness.org/library/books/ignition.pd...

But I'd suggest checking out the whole library, not just that one book:

https://library.sciencemadness.org/library/

Also the forum:

https://www.sciencemadness.org/whisper/

It used to be very simple to register but I got tired of the endless cat-and-mouse games with link spammers. Now you'll need to email to get an account, and I deal with the registration requests at irregular intervals. But there's no gatekeeping. You don't need any particular qualifications or background to join.

I mostly participate here on HN under another account name that I don't want linked to this one. My real life identity is easily derived from my web site and I don't want that linked to everything else I say on HN.

[1] https://hn.algolia.com/?q=sciencemadness

https://blog.beginner.dev/

I've written a book titled Junior to Senior[0] that is soon to be published by Holloway. Now that I'm done with the majority of the writing for the book I'm shifting my focus to my blog to share all of my knowledge I've gained throughout my career. You can think of it as the advice I wish I had when I was working towards a promotion to a senior role.

I'll cover topics like:

1. Choosing a career path (IC vs. Manager, generalist vs. specialist)

2. Qualities of a senior engineer

3. How to deal with imposter feelings

4. Working with your manager

5. What to do when you make mistakes

6. How to ask good questions

7. How to read unfamiliar code

8. Adding value

9. Managing risk

10. Delivering results

11. How to communicate effectively

12. Work life balance

13. How to ask for a promotion to a senior role

[0]: https://www.holloway.com/b/junior-to-senior

s.gif
Your post about choosing a career path had a hard to read section - white text on a light background. Just an FYI. Looks like there was a link at the bottom of the text.
s.gif
Thanks for pointing that out! Looks like I missed a couple CSS styles for the dark theme. I’ll make sure to get that fixed.
To add to the pile: http://www.drusepth.com

It's a wordpress site with a few hundred short stories, serials, and poems that I go back to every time I try a new platform and ultimately decide no writing platform is actually good (yet). Maybe one day I'll build a good one and write there; until then, wordpress suffices.

Bonus poem about leaving Amazon: http://www.drusepth.com/poetry/thing-a-week-36-a-quest-for-r...

https://vishaltelangre.com

I write about general programming stuff (but not active for a year now).

A little zine book on Consul I had written last year (it's free, btw) - https://vishaltelangre.com/books/consul.

Also, the site lists some fun projects I have written in my spare time (in many languages such as Rust, Swift, Elm, Elixir, Go, Ruby and JavaScript). For e.g. https://old-version.vishaltelangre.com has a REPL like interactive interface written in Elm; GitHub link can be found using one of the commands.

https://twos.dev

Previously had a fancy schmancy Vue site with components and good practices and a good (for an engineer) design—the works. Then one day I was in the mountains with a bad connection and couldn’t even npm install the dang thing to work on it. Rage-rewrote the whole thing in raw HTML on the spot, haven’t looked back.

s.gif
I like the idea of remote pop-in, where everyone just sits in a voice chat during working hours, and any teammate can join (with as much consideration as you would expect from a person coming in your office IRL).

(By the way, it’d be nice if your website had an RSS feed so that it was followable via Fraidycat or similar.)

https://beepb00p.xyz I mostly write about data liberation, quantified self and knowledge management.

Some notable links:

https://beepb00p.xyz/myinfra.html -- map of my personal data infrastructure (usually people say I'm a bit mad after seeing this :) )

https://beepb00p.xyz/blog-graph.html -- a nice visual way to explore my posts

https://beepb00p.xyz/exobrain -- my "external brain", basically public notes/links dump

s.gif
have you shared your /myinfra on /r/selfhosted? that's awesome
Rather than bang on about my JS canvas library's site, I'll post a link to my personal poetry website - https://rikverse2020.rikweb.org.uk/

My aims for the site were: 1. Put the poems first (I hate poet sites that are all about the poet and only link to a handful of poems); 2. Get rid of the backend database; and 3. Make it easy to find poems using a bespoke tagging system.

I blogged about my experiences building the new site in a series of posts starting here: https://blog.rikworks.co.uk/2020/02/01/Recoding-the-RikVerse...

https://www.ivanmontilla.com

This is my personal blog, I claim is a tech blog, but it's mostly a career advice blog.

I went fancy and installed Grav on it instead of WordPress, I love the speed when it loads. I also use CloudFlare on top of it.

I recently started a blog about learning game development from scratch: https://dudezord.github.io/

I'll make one game a month, while trying to focus on learning the several disciplines required to properly make a game (art, modelling, audio, etc.)

https://egorfine.com/en/

Also my photo site: https://egorfine.com/photo/ with some pictures of the insides of Mriya, of the Baikonur cosmodrome, lots of Chernobyl pics from various years and others.

https://new.pythonforengineers.com/ --> Originally had just Python stuff, recently moving to more generally "programming things"
This is my personal site: https://tacosteemers.com

Occasionally I add a technical blogpost, notes for later reference or a little tool. Recently I made an online tool to display the color output of web color text notations in code listings. https://tacosteemers.com/files-static/tools/color_values.htm...

I just added two fields of changing colors. CSS only. I find them nice to look at from time to time. The changes are not fast or flashing, but I don't know if these are safe to look at for everyone.

https://tacosteemers.com/files-static/colours/colours.html https://tacosteemers.com/files-static/colours/colours2.html

s.gif
I liked your most recent most on personal publishing. subscribed.
https://adambennett.dev/

Mostly Android + Kotlin with a recent foray into interviewing, and I'd like to write about leadership/culture a bit more. I've gotten out of the habit of writing recently due to burnout but I'm starting to feel that motivation again.

It's a Hugo static site ontop of Firebase Hosting, and I just commit to GitHub and Actions builds and deploys the site for me. I recently started using http://forestry.io/ which is a nice GUI over the top for content management.

https://xenodium.com

All posts are written to a giant org file.

https://github.com/xenodium/xenodium.github.io/blob/master/i...

This wasn’t by design but more accidental. The file started as my notes, and eventually exported it to html as a single page (using built-in export). That page grew too large over time, so I wrote some custom elisp code to split into multiple html pages served by GitHub pages:

https://github.com/xenodium/xenodium.github.io

The custom elisp code I wrote isn’t particularly elegant, pretty, nor reusable but does the job for me.

In short, it’s a frankenstenian hack of sorts I’ll likely regret at some point, but at the moment fairly maintenance-free.

I also got these pages for apps I built, just plain 'ol html:

https://plainorg.com

https://flathabits.com

https://paulstamatiou.com/

Been around for almost 17 years now. Jekyll-based site, all custom designed myself, hosted on Netlify with media on S3/Cloudfront. One section in particular I'm fond of is my set of "stuff i use" pages, where the sections have icons I custom designed: https://paulstamatiou.com/stuff-i-use/

s.gif
I stumbled upon your site a long while back and really loved all the projects you did. It eventually inspired me to pursue a DIY NAS build.
s.gif
I've seen your website before, I don't know how I came across it. It's really good!
s.gif
Aesthetics. Speed. Utility.

That's a trifecta.

https://hardi.design

I've had some form of personal site for more than 15 years now, usually with a hand-coded theme. It's unremarkable technically, but as a UX designer, it certainly gives me more confidence that I know how the web works.

Made with Saber (Vue.js) using Vercel.

https://www.andrewmao.net

Academic turned startup founder (https://twitter.com/mizzao/status/1505529213612609536), so the content that was once academic self-promotion doesn't really know what it should do.

Perhaps the most interesting aspect of this site is the resume that I used to generate using CSS and Jekyll's build process (https://www.andrewmao.net/resume): when someone would ask me for a PDF I'd just do "save as PDF" in Chrome and twiddle the margins a bit. I got tired of using LaTeX.

(I say "used to" because as a founder the resume doesn't matter anymore)

https://domwillia.ms

I write about Rust side projects occasionally.

It uses a custom static site generator because I needed to procrastinate somehow before starting the first post... Now it's nicely stable and punishing new posts is quick and easy

https://thejamespaterson.com

I got a bit obsessed with CSS animations and a video about beautiful VHS tapes.

https://ajnasz.hu

A personal blog mostly in Hungarian, lately some English posts which is far from perfect, but some might find useful if a search engine honor the site.

It's 16 years old, started with drupal, then some years ago I changed to metalsmith [1], because the content isn't dynamic at all, and it was fun to try something new. I also started to move to hugo, but they didn't merge the pr [2] which would have helped in the transition. :(

The look is still similar to what it was in the beginning, in terms of colors at least.

[1] https://github.com/metalsmith/metalsmith [2] https://github.com/gohugoio/hugo/pull/7295

Its heartwarming to see these personal sites/blogs.

I really enjoy this kind of enthusiasm, interest and curiosity about tech things, and personally I feel like there's been continuously less of that in my peers at every day job.

Also, people (myself included) complain that "web 1.0 is gone" and so on, but here are the survivors of that era.

s.gif
Yeah, I feel similarly. I think one of the major issues is that niche forums seem to have disappeared almost entirely, and most people discover new pages through through a couple of fairly large, impersonal, content aggregators, so you see this sort of personal "web 1.0"-esque content much less often, even if they still exist.
s.gif
> so you see this sort of personal "web 1.0"

Reading this reminded me that we already have a distributed web that works really well. It’s been overshadowed by a bunch of massive sites for a while, but it’s still there.

https://leoncvlt.com/

Nothing special, it's basically a host for my (not exactly up to date) resume, a couple projects, and my github.

I do, however, take pride in its pleasant minimalism and the fact that it's blazing fast - mostly out of being html-only, with all "pages" actually embedded in a single file - it was generated from a single markdown file using https://github.com/leoncvlt/imml

https://samyaks.xyz/

I don't post much, but I really like how it turned out. It's not too fancy and probably violates a bunch of web dev best practices, but that's okay.

https://ulvgard.se

Reverse engineering algorithms and results from papers. I love the process of walking backwards from the results and figure out how they were achieved, uncovering what the authors glanced over or failed to mention at all.

Two mentions:

- Facebook Prophet: https://ulvgard.se/articles/trend_and_seasonality_decomposit...

- One-shot neural network training using hypercubes: https://ulvgard.se/articles/one_shot_training_neural_network...

s.gif
Very nice look-and-feel! It resembles perfectly reading a scientific paper (but without double columns and zig-zag scrolling through PDF)!

The text is perhaps a little bit too small by default, but nothing that can't be solved with some zooming.

The only downside is that formula rendering requires JavaScript. :(

(I would love to see a proper, and simple solution, to rendering mathematical formulas without JavaScript...)

s.gif
Thank you for the feedback!

- Text is now increased slightly, color darkened for improved readability.

Much appreciate you taking time to comment.

https://goodvibes.me/

I help good people doing good work make great impact. This is how I make a living and how I make a giving. If you need my services, I would be honored to help. I work with everyone on a case-to-case basis, I don't believe in one-size-fits-all.

I don't talk about myself here because this is about going beyond 'self'.

However, the long term vision is to build a company like Berkshire Hathaway that comprises of my personal creative projects, my global projects for human progress, and any other assets I own/acquire.

The Secret City create treasure hunt-style urban adventures through cities across the UK and internationally.

https://thesecret.city

We spend a lot of time creating write ups for the great places we find during our research stages, e.g. for London - https://thesecret.city/things-to-do/united-kingdom/england/l...

If anyone has a passion for creating narrative based stories/games and discovering interesting things around them then please get in touch :)

s.gif
This seems like it could be great to explore a new city, especially if you can randomize trips somewhat. Eg there's 4 options for a starting point, then 3 options for the next point, etc and when you get treasure-map, it's somewhat unique in that it randomly picked each spot.
s.gif
We've looked into this somewhat as you could make basically make it a path finding problem.

The difficulty is creating the paths from A to B that feel worthy of being chosen e.g. taking a path that goes through quirky (potentially unmarked) alleyways, rather than going along the main road to the crossroad and turn left etc.

A lot of thought goes into choosing paths and locations that really set the scene, especially in the narrative based games!

Would to hear more thoughts on this though as it could be a nice pre-process to do and then refine

s.gif
That's cool, just looks more like a business than a personal site?
s.gif
Blurred lines between business and personal for me, or it feels that way! :)

Apologies if I've jumped the gun posting it, happy to remove if deemed unfit!

https://yannev.es

Nothing fancy but may relieve others who experience imposter syndrome from seeing some flagship dev personal sites!

Serves as a directory out to where my musings exist on the internet, and the travel map is embedded from NomadList.

https://evilcookie.de/

As a low-level developer, I love to read man-pages and thus thought about making a "content-first", plain-text site. I also get distracted really fast and thought this would be the best way to get rid of all the noise and just show things as pure and down-boiled as they are.

https://notes.volution.ro/

This is my (new) personal blog (i.e. rants), notes, remarks, snippets, etc. It's doesn't (yet) hold too much content, mainly because publishing something requires time to polish the text, but I do keep adding to it...

Regarding the look-and-feel, I try to keep it as minimalist as possible, while also having some personal style; it even works in Netsurf. But, if one doesn't like that style, one can just use the `View -> Page Style -> No Style` option (at least in Firefox) and things should still look OK.

Also I've made sure that it looks acceptable even in console browsers such as `lynx`, `links`, `w3m`, etc.

https://www.maurits.ch

Everyday slice of life pictures, walking around with a small compact.

Badly needs a new backend, so open for suggestions. The self-hosted picture-a-day thing seems to be completely outdated with the rise of instagram.

https://kortlepel.com/

Have not updated the projects page in a while! It also lacks responsive design on mobile. It's all written from scratch in html, css, and js, by me and my fianceé :) I plan to update it, especially now

https://chimbosonic.com Simple CV site. Nothing fancy just what I needed to share info about me and a place for me to publish my CV. Recently started adding some of my projects I've been playing with. Another website I own is https://spiderfarmer.raphael.digital/ an music album website I built for my brother.

My day to day work is backend focused so it was interesting to try some frontend and design stuff.

I'm building https://theprojectmanagement.expert I'm seeking to shorten the timeframe that it takes for someone to get from the level of an Expert after they are certified. The site would also be useful for non project managers, as it provides bite sized chunks of information.
https://seirdy.one/

Seems like a really simple site that uses a mix of browser defaults with light CSS enhancements, but I put about 13k words of thought into it:

https://seirdy.one/2020/11/23/website-best-practices.html

It's really hard to get a site to work well on a <2-inch (<5cm) viewport with switch access for astigmatic colorblind users on a feature phone experiencing packet loss, but I think I pulled it off nicely. CSS-optional, no JS (blocked by CSP).

Also has mirrors to a Tor hidden Web service and a Gemini capsule, all hosted on the same VPS.

I like the "small web" and joined a few webrings (and Gemini orbits), and try to make this static site a member of the IndieWeb.

Bookmarks are generated from my bookmarks manager, WIP music ratings from MPD coming soon.

An incomplete list of use-cases I tried to accommodate:

- Screen readers

- Switch access

- Keyboard navigation, with the Tab key or caret navigation

- Navigating with hand-tremors

- Content extraction (e.g. “Reader Mode”)

- Low-bandwidth connections

- Unreliable, lossy connections

- Metered connections

- Hostile networks

- Downloading offline copies

- Very narrow viewports (much narrower than a phablet)

- Mobile devices in landscape mode

- Frequent window-resizers (e.g. users of tiled-window setups)

- Printouts, especially when paper and ink are rationed (common in schools)

- Textual browsers

- Uncommon graphical browsers

- the Tor Browser (separate from “uncommon browsers” because of how “safest” mode is often incompatible with progressive enhancement and graceful degradation)

- Disabling JavaScript (overlaps with the Tor Browser)

- Non-default color palettes

- Aggressive content blocking (e.g. blocking all third-party content, frames, images, and cookies)

- User-selected custom fonts

- Stylesheet removal, alteration, or replacement

- Machine translation to right-to-left languages

https://blog.kulman.sk

My programming blog in English, statically generated with Hugo, run on Netlify. Source code: https://github.com/igorkulman/coding-journal

I also run a personal non-programming blog in Slovak at https://www.kulman.sk

http://nibrahim.net.in

I used to run this on wordpress when it was first released. Built a few terrible looking themes for it too. This was a redesign from that time. It was doing using the YUI toolkit. Phones were not a thing then so I didn't consider that. Many of the ideas were taken from snippets of CSS Zen Garden. It's generated using Jekyll and has disqus for comments. I wrote an emacs mode https://github.com/nibrahim/Hyde to manage the blog. Much of the content is outdated. I don't actively blog anymore.

This is hosted on a shared hosting service called hcoop which I got onto in 2001 or so and have been on ever since. The domains were registered on an Indian registrar (net4) which went under and I migrated them to namecheap a month or two ago.

https://simone.computer

I wanted to refrain myself from shameless plugs, but oh well, hope any of ye will find all the 10 easter eggs hidden in this website.

I've gone no javascript for mine, focused on load time

Can be found at either:

http://csi.lk/ or https://xn--g5hx212o.ml/ ([emoji beard].ml)

s.gif
I like the Markdown-without-parsing-it style.
s.gif
Love everything I've read on this site. h is fantastic
https://johan-nordberg.com

I have random experiments on mine, currently AI generated "inspirational" quotes accompanied by ever changing background textures (don't miss the refresh button in the bottom corner, if you keep going you'll reach some more psychedelic patterns;)

The background is neural cellular automata (https://distill.pub/2020/growing-ca/) and the quotes is GPT-J (https://huggingface.co/EleutherAI/gpt-j-6B).

https://renatello.com

My best decision was starting a personal blog more than 10 years ago.

It brought me new clients and friends.

Also https://tapvise.com/ is my side project. Still wip.

https://goto.anardil.net/ My root dashboard, links to all other sites!

Some interesting sub-sites

https://www.anardil.net/ My blog on programming and CS projects

https://diving.anardil.net/ Scuba diving pictures + taxonomy + game

https://timelapse.anardil.net/ Raspberry Pi timelapse videos since 2019

https://sensors.anardil.net/ Raspberry Pi temperature sensor plotting

My 12+ years old website: http://www.stargrave.org/ Currently it is built as a Texinfo document. Previously I used reStructuted Text (Sphinx), Vimwiki, Gopher-compatible Perl scripts, FTP-viewable READMEs and static HTMLs. Contains much more data than even social networks will ask from people.
https://rolandog.com

I had taken it down, but — as I'm learning everything Emacs — I'm in the middle of recreating it with project.el and org-mode... comments be damned... So, there's very little of value at the moment.

However, I've been thinking about inviting people to add annotations with https://hypothes.is

https://ntietz.com/

Mostly just has my (tech-focused) blog, although there are aspirational placeholders for the important things in life, like coffee and homemade pizza.

It has been hard to make time to write personal blog posts since my second kid was born, but I have a couple of drafts in progress that I aim to work up soon, at least when I take time off work.

https://www.alexslade.com

Nothing special, just some information for folks who might look me up. (I'm CTO of a gaming startup, so whilst I'm always interested in advisory roles and part-time consulting, I'm not actively looking for work).

https://ertdfgcvb.xyz

It’s just a splash page but it uses the same engine of my ASCII playground:

Examples, demos, manual and link to the repo: https://play.ertdfgcvb.xyz

https://jeromepaulos.com

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.

s.gif
great stuff! I love your work (website and photography) :)
A lot of great personal sites here. Mine is just a simple GitHub Pages site which I recently set up. It contains some of my hobby projects and CTF writeups.

https://heinandre.no/

https://bret.io

Started as Jekyll, but then converted to just markdown in GitHub.

My CMS is just Github basically, you can basically read and navigate the files in Github with very little content loss:

https://github.com/bcomnes/bret.io/tree/master/src

The loose collection of build tools are wrapped up in this tool: https://github.com/bcomnes/siteup

Its deployed to Neocities with this custom action: https://github.com/bcomnes/deploy-to-neocities

My stylesheet base lives here https://github.com/bcomnes/mine.css

Some few articles on reinforcement learning with all the code and theory explaination: https://antonai.blog/
https://arjkb.gitlab.io

Just my blog. Nothing spectacular. Static site built with Hugo.

It's mostly devolved into a public notepad where I record things that I might want to refer later.

I wanted to update it more frequently, but blogworthy things don't seem to be happening (and as a rule I do not want to blog about work). Anyway, I do have plans to work on more interesting things, so it should get updated more frequently.

The theme for that site was also made by me, and it was available in the Hugo Themes showcase about 4 years ago. But I've left the theme stagnant, and I think it's now been removed from the showcase.

I was a student at the University of New Mexico and there's a secret post (you wouldn't find the link if you navigate the site the usual way) here at https://arjkb.gitlab.io/unm-guide/

People intending to go to UNM frequently asked me about how it's like over there, so I wrote this to distribute it to those people. It might be interesting to understand how things Americans take for granted might be not so obvious to foreigners.

https://jfelisaz.eu

Nothing fancy, just a static page with CV. But writing a crude org mode -> HTML generator in AWK was fun

Wow! ok .. https://petergarner.net

A semi-constantly evolving site, mainly tech, but also stuff for when you need a break from IT...

s.gif
I liked your clipboard weight post. subscribed.
https://blog.cyrusroshan.com

Recently redesigned my blog to show previews of the posts before you read them. Though I can't say I thought of the idea on my own--it's inspired by the way Dan Luu screenshots the beginning of his blog posts whenever he posts them on twitter (for example, https://twitter.com/danluu/status/1472142011918471170?s=20&t...)

s.gif
Something to fix: I click on an article but there's no way to go back to the homepage.
s.gif
Those previews are great! I like that I can start reading the article before clicking it.
s.gif
Thanks! At first they were rendered HTML of the entire article (because nextjs makes that easy), but that caused performance issues, especially on mobile Safari. So now they're auto-generated screenshots. Glad you like them!
https://karecha.com

I do not track traffic to the site. The site exists for me to believe that I am talking to the world. That feels good.

s.gif
My favourite style of minimalism, great readability.
s.gif815 more comments...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK