Ask HN: Share your personal site

103 points by spacebuffer ↗ HN
A similar post was done a few months ago and it was pretty fun so why not do it again ? share you're personal sites below and let others critique you!

I'll start with mine https://www.yusuf.fyi/

256 comments

[ 4.4 ms ] story [ 264 ms ] thread
Hey Taylor! Good looking site- The minimal theming feels very clean. 2 suggestions jumped out:

1. The font size on homepage is small, especially for the two columns of dates. I can't really read them from across my desk (even on a big monitor). It's also not clear what the dates represent- maybe created and updated dates for each post?

2. The dates aren't present on the post pages themselves, so someone landing directly on a post won't know how old it is.

> 1. The font size on homepage is small, especially for the two columns of dates.

Thanks for the feedback! I just pushed up some changes. Let me know how it looks in ~10 minutes :)

Those dates are indeed created and updated dates. I haven't thought of pretty a way to visually indicate that haha. Let me know if you have any ideas!

> 2. The dates aren't present on the post pages themselves, so someone landing directly on a post won't know how old it is.

It would be very easy to add, but I didn't think people would care!

I'll add created/updated dates at the end of each page so it doesn't pollute the header. Thanks for the recommendations!

Yes, much more readable now!

Dates on posts is nice because knowing when a post was written (and/or updated) gives a lot of context. For instance, your timeline is super cool. Knowing where a given post fits into that is useful.

> would have something a bit more comprehensive but i've been engrossed in trying to set up servers over the last 24 hours.

Maybe a slightly smaller and lighter "C" and "U" preceding them?

I liked your 10 minutes post - clever.
Sure! Here's mine: https://www.justus.ws

I've had this one for a couple years now. I've had more polished-looking sites in the past, but this time I wanted to emphasize having fun with it and not being too precious - this allows me to update it without worrying about everything being perfect.

It's a static site built by Eleventy. I edit/build it locally, and then when I push up to Github it's rebuilt there by a Github action. Details here: https://www.justus.ws/how/

Edit: An interesting tidbit: my avatar in the upper-left corner blinks on a random timer thanks to a very simple bit of JS[0]. However, it exhibits a strange and unexpected behaviour: if you don't interact with the webpage for a while, my avatar "goes to sleep"; e.g. the eyes close until you interact with it again.

I love this, but I don't know why it happens! I get that the browser probably pauses scripts after a time, but why would it always end up with its eyes closed, especially when the eyes are only supposed to close for 150ms at a time?

[0]:

  async function blinktimer() {
    async function blink() {
      var src = $(" .avatar ").attr('src');
      console.log("BLINK!");
      $(" .avatar ").attr('src','/images/dadi-avatar_blink.png');
      await sleep(150);
      $(" .avatar ").attr('src',src);
    }
    while (true) {
      var delay = Math.floor((Math.random() * 11000) + 0);
      await sleep(delay);
      blink();
    }
  };
- https://www.justus.ws/js/scripts.js
I found the center font hard to read.
Thanks for the feedback - maybe your browser isn't loading my font? This is what it should look like: https://0x0.st/oR5C.png

I should specify a better fallback font though.

As an aside, for some reason all of your comments are showing up as dead (including a comment you made on another post 29 days ago). I vouched for your two comments here to bring them back. I'm not sure why that is, but you might want to reach out to hn@ycombinator.com

I really like this design!
I'd guess there's a race condition that causes the eyes to end up closed, because the 'delay' can sometimes be less than 150 and `blink` gets called while it's already executing (so `src` ends up being the blink version). A simple fix would be adding `await` to `blink()` if that's the case!

BTW, I made a vanilla JS version for fun, without jQuery or promises (untested)

  function blinktimer() {
      var avatar = document.querySelector(" .avatar ");
      var srcBlink = '/images/dadi-avatar_blink.png';
      var blink = function() {
        console.log("BLINK!");
        var srcOpen = avatar.src;
        avatar.src = srcBlink;
        setTimeout(function() {
                avatar.src = srcOpen;
                var delay = (Math.random() * 11000) | 0;
                setTimeout(blink, delay);
        }, 150);
      }
      var delay = (Math.random() * 11000) | 0;
      setTimeout(blink, delay);
  }
Ah! That makes sense, thank you! I'd say it's more of an unintended feature than a bug :)
Https://sonnet.io

(And potato.horse for meeting notes)

Loving all these funny URLs with their funny TLDs. No .com TLDs yet!
(comment deleted)
I had mine at http://danielvz.cl/ but I wanted to create it again, got sidetracked and built a new project instead (https://app.pressnt.net).

The story is that I was going to make my own blogging platform from scratch with vanilla Django for personal use, but then I thought about making it available to anyone for use, but then I noticed that there are already plenty of those, so I made one with a twist.

Actually the name “Pressn’t” comes from making blogs without Wordpress and a wordplay with present.

Here's mine: bcmullins.github.io

I mostly write about research and reading. Here are some recent posts:

Interesting books from 2022: https://bcmullins.github.io/interesting-books-2022/

Interesting articles from 2022: https://bcmullins.github.io/interesting-articles-2022/

Foreign Affairs at 100: https://bcmullins.github.io/foreign-affairs-100/

I like your layout, it's very clean!

I also read Jekyll and Hyde in the past few years, but I felt like it didn't grip me because its "big twist" is so well known today; I can imagine it was different at the time.

Also, instead of Project Gutenberg, it may be worth mentioning that the book is available at Standard Ebooks. They're a open source operation that makes high-quality modern ebooks out of public domain works. Here's J&H: https://standardebooks.org/ebooks/robert-louis-stevenson/the...

Oh wow, thanks for pointing me to Standard Ebooks! I wasn't familiar with them.
Of course! They're an awesome project for people who enjoy high quality ebooks. I also like that I can submit typo fixes. :D
I have https://l3m.in . That's a small php website where I have a blog and a project list page. All made using vanilla php/mysql/html/css website. Very fast, very frustrating to update since I'm mostly doing Python/Django stuff now.

Aaaand https://links.l3m.in ! That's a Shaarli-like website made using Django, it helps me store my links.

http://t3x.org

LISP, compilers, array programming, science fiction models, statistics, meditation, programming languages, etc...

Here's me: https://transistor-man.com

I've been using it as a mixed place for documenting engineering projects and hosting piles of images from various reverse engineering efforts & excursions throughout the states.

I've been slowly working on it becoming more mobile friendly. As a static site its incredibly time consuming to cleanup, but also fun. It's like restoring up rusty cookware, similar functionality but way prettier after a lot of scrubbing.

I'm proud of a lot of things about my site, but maybe the domain most of all: https://xavd.id

It's written with Gatsby and hosted on Netlify (which handles the build step without configuration). I picked Gatsby because I wanted to use react/preprocessors, but also wanted to be able to "just write" (and MDX lets me do both of those). It also has a vibrant plugin ecosystem and is JS based (vs Ruby, which my previous site used; I don't write Ruby any longer).

I blog a few times a year, a mix of technical topics and media reviews. The blog is meant to be mostly text, but it being in React means I can drop in rich things, like support for hide-able spoilers and nice code blocks. I've optimized the layout for reading text (good font size, max-width, line-height), so hopefully it works!

Some favorite posts are:

- Python Dataclasses from Scratch: https://xavd.id/blog/post/python-dataclasses-from-scratch/

- My yearly media review. Here's 2021; 2022 should be up in the next few days: https://xavd.id/blog/post/favorite-media-2021/

Thanks for looking!

Interesting that you also track reading speed. My speed differential between different types of of books always surprises me a bit. Usually it's something like, "Wait, I'm only 20% through this book and I've been reading it for two months?"
That reading speed (in words / day) is mostly a byproduct of wanting to track start/end dates and a word count, so I get speed "for free". I don't actually look at it much, but it's an interesting proxy for "rough interest level".

It is funny how much variation there is between books/genres though! The sentence complexity and variety definitely comes into play here.

also curious how you track your reading speed? any tools or process that works for you?
Great site. Would be cool to pull your Airtable data into Gatsby and render it on your site!
Thank you!

I've thought about it. Honestly the most likely thing is that I'll make a standalone site for media reviews and consolidate everything. That's what I did for this (https://github.com/xavdid/kerfuffle; currently offline) and I was very pleased with the result. ".review" is a TLD, so I spin it up under something there. :)

Hey I love your reading tracking, care to share your tracking / reading process? Any reason you use airtable over, say, Goodreads?
Thank you for the kind words!

I find the Goodreads UI _incredibly_ busy. Here's what I saw when I logged in just now: https://cdn.zappy.app/76d7cba6b409f0aa9310214401d11db9.png

It's nice to see what my friends are reading, but it's always trying to recommend me books, sell me things, etc. It makes sense (it's why Amazon bought them) but it I found it mostly got in the way of what I wanted out of it- a spreadsheet with pre-filled information. Also it's dumb, but I wanted to rate books on a 4-point scale, and theirs is out of 5.

I used to use a gSheet for this (with columns for title, author, day start/end, and review), but I wanted a way to source rich info. So I combined Zapier, the google books API, and an npm package I wrote to count the words in an epub (https://github.com/xavdid/epub-wordcount/) and fed all that info into Airtable. It sounds like a lot of work, but I set it up years ago and it's been happily humming along.

Now I have exactly the tracking system I want, and it's not at the whim of decisions on any product roadmaps.

https://tomverbeure.github.io/

All very nerdy electronics stuff: connecting GDB over JTAG, logic design, playing with FPGAs, repair of old test equipment, LED projects

Very cool! Very clean and I love the level of technical detail in the posts.
My blog portfolio is edwarddeaver.me.

It used to be a Jekyll site but after just getting frustrated with markdown and Jekyll I moved to Ghost. Ideally, I'd like to delete all social media and just have a newsletter via it.

Small blog I started because I was forgetting details about projects I made in the past.

Was featured many times on HN and it seems the community really liked some of my posts

https://blog.haschek.at/

My personal blog: https://boring-guy.sh/

I don't publish frequently, but when I do, I aim to cover underrepresented topics.

I really dig your portrait.
Thank you, this is a self-portrait of me during a moment of boredom during the lockdown in 2020.
Hello, I write about software, tech lead and other random things!

https://on-systems.tech/

I just published a post 2 days ago about 2022 Self Published Book earnings! I was kind of hoping hn would find it interesting but no luck so far!

https://on-systems.tech/blog/130-2022-self-published-book-ea...