1. 4

    I connect to #sr.ht on libera using hexchat. Is this just a web frontend for that?

    1. 10

      This is a combination two things

      • an IRC bouncer for sr.ht customers that keeps you online in the network 24/7
      • a web interface for IRC that connects to this bouncer

      It is possible to use either of them, or both.

    1. 1

      I understand your frustrations in your other post. Hugo is certainly complicated. Just the previous week, I experimented to create a bare Hugo blog without any theme to get a list of posts on the home page and gave up. Zola was pretty easy to do this with, though a bit early. Thanks for persisting. I will try your approach.

      1. 2

        Huh, that seems like a failure of docs. As an experience Hugo user creating a blank homepage with just a list of links to other pages is pretty trivial:

        <!-- layouts/index.html -->
        {{ range site.RegularPages }}
           <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
        {{ end }}
        

        If docs don’t make it clear how to do this, the docs need to be rewritten.

        1. 1

          I finally got to there in my blog post, but it required someone else’s tutorial blog post for me to get there. That little “trivial” thing contains a whole lot of magic the Hugo docs don’t explain well. Like the role layouts/index.html plays in a Hugo site. Or what that range function does. Also you didn’t do this but you really want to define that whole snippet inside a “main” block so the templating works like you’d expect. These are all complicated ideas to figure out if you’ve never used Hugo before and the docs don’t do a great job getting you there.

          I think it’d be a big help if the “new theme” wizard included boilerplate like yours. It’s the bare minimum you expect from a blog engine.

          1. 1

            I think you mistakenly believe there is something special about the name “main”. I believed and did a quick experiment to prove to myself that Hugo just looks for baseof.html and then applies it if the page template (index/list/single.html) has a define directive.

            Eg. This inherits baseof.html and renders the list of pages:

            -- layouts/baseof.html --
            <!DOCTYPE html>
            <html>
                <body>
                    I am baseof.html
                    <div>
                    {{ block "blorp" . }}
                            Default content.
                    {{ end }}
                    </div>
                </body>
            </html>
            -- layouts/index.html --
            {{ define "blorp" }}
               {{ range site.RegularPages }}
                  <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
               {{ end }}
            {{ end }}
            

            And this renders “Default content”:

            -- layouts/baseof.html --
            <!DOCTYPE html>
            <html>
                <body>
                    I am baseof.html
                    <div>
                    {{ block "blorp" . }}
                            Default content.
                    {{ end }}
                    </div>
                </body>
            </html>
            -- layouts/index.html --
            {{ define "zorp" }}
              I am not shown because baseof.html does not refer to "zorp".
            {{ end }}
            

            And this renders index.html without using baseof.html:

            -- layouts/baseof.html --
            <!DOCTYPE html>
            <html>
                <body>
                    I am baseof.html
                    <div>
                    {{ block "blorp" . }}
                            Default content.
                    {{ end }}
                    </div>
                </body>
            </html>
            -- layouts/index.html --
            I don't use baseof.html because there is no "define" directive.
            
            1. 2

              The special thing about the block named “main” is the baseof.html that “hugo new theme” generates has boilerplate to include it. I’m sure you can change it.

              Thanks for explaining more about how the presence of a define directive may be what changes Hugo’s behavior to include baseof.

      1. 2

        I have a second hand X220 I bought in 2016. I have been using it unmodified since then, but I love these kind of articles. It just shows how much fun it is to tinker with hardware. It also gives me confidence that this is still possible.

        1. 1

          Writing a draft of part 2 of a 3-part fresh Debian install with bspwm on X220.

          1. 3

            My cognitive dissonance is off the charts these days with Microsoft. Are they the goodies?

            1. 24

              They are a big company doing many different things. It saves a lot of heartache to ditch the goodie/baddie scale and consider each activity on its merits. And in this case I think they’re onto something good. I for one would sacrifice 10-50% JS speed to rule out an entire class of common security bugs.

              1. 2

                ditch the goodie/baddie scale and consider each activity on its merits.

                I gradually changed to this thinking approach after I crossed 33-34, however I struggle to communicate this thinking approach to people. Is there a name for this mental model?

                1. 3

                  People are complex, organizations change over time. Initial impressions matter a large amount, but people who are interested update their opinions on the basis of new information, while retaining history.

                  One way to do this is bayesian estimation. The two primary problems with bayesian estimation are that people are no good at keeping track of their priors and are no good at estimating new probabilities.

                  It is reasonable to assume that Microsoft, at any time, is doing something clever, something stupid, and a lot of things that they think will make them money in a medium-term future.

                  1. 1

                    Right tool for the job. It almost always redirects the conversation to the technical merits than moral policing. That does not mean moral and ethical considerations are useless, it just helps better calibrate the discussion.

              2. 17

                They are:

                • Giving schools free copies of their office package in order to maintain their OS and productivity software dominance on the desktop.
                • Lobbying public sector heavily to get locked into Azure.
                • Using their dominant position to get the whole public sector as well as kids and students onto Teams and O365 with a recurring subscription.
                • Cross selling One Drive heavily on their non-enterprise Windows editions.
                • Showing ads and install bloatware in their non-enterprise Windows editions.

                They want nothing else than total platform dominance and they don’t care about the little people, obviously. The question is, do you consider total dependence of our administrations and of the less-well-off on them a goodie?

                1. 4
                  • Microsoft fights to get big Pentagon contracts. GitHub can’t even drop a small ICE contract, because Microsoft doesn’t want to offend the military-industrial complex.
                  1. 3

                    Thank you.

                    1. 6

                      No problem.

                      They also care about developers and fund some important research, so it’s not all black & white. Just to be fair.

                    2. 1

                      Google, Amazon, Apple, etc do things too, it’s not like MS is alone in their, MY PLATFORM ONLY perspective.

                      1. 1

                        True, but I have yet to see GAA employees to write local laws.

                        I am pretty sure their lobbyist are real busy in Brussels and Washington, though.

                    3. 8

                      I think, very approximately, corporations which sell platforms tend to act like arseholes when they have the upper hand (in terms of network effects and lock-in) and saintly when they don’t.

                      e.g. 10-14 years ago, with win32 being the juggernaut of “we already sunk cost into desktop apps on this platform” and the iPhone only just being released, Microsoft were barely even bothering to disguise their efforts to extinguish open protocols. Meanwhile Apple were pushing html5 hard as the big thing that would allow software to work beautifully on all platforms.

                      Whereas now we have Microsoft very much less dominant and Apple have a near monopoly on phones purchased by the subset of users who spend money on their phones. So Microsoft are promoting open everything, and Apple are doing things like strategically dragging their feet on html5 features, adding horrendous bugs to iOS Safari and not fixing them for months to years.

                      1. 5

                        Nope. I think they’re doing a great job of “embrace” though.

                        http://www.catb.org/~esr/halloween/

                        1. 5

                          No such thing–these companies look out for themselves, period. But you are better off with more than one company duking it out, because to compete they will (sometimes) do things that are pro-consumer or pro-developer or whatever.

                          Microsoft on top of the world tried to keep the Web stagnant once they’d killed Netscape, and undermined the growth of Linux and GPL software every way they could. Microsoft as a bit more of an underdog likes Web standards, runs GitHub, and builds the favorite open-source dev environment of a bunch of new coders.

                          Same with, for example, AMD and Intel. AMD got competitive and prices of high-core-count chips plummeted–great! Now with a chip shortage and a solid follow-up product, AMD is in a position to start raising prices, and they are. Intel getting its manufacturing improvements on track would probably give us more of a price war in certain segments, not less!

                          I’m old enough to remember when AWS was exciting to smaller devs because you didn’t have to shell out upfront for servers or provision far in advance for spiky loads. 🤣 Now it’s a huge profit center for Amazon and there are plenty of justifiable complaints about pricing (notably for egress) and undermining open-source-centric companies by using their market position to compete with the product developer’s own managed offerings.

                          Tactically, I guess I want underdogs to reach competitiveness, and for companies to see some benefit to doing good things (e.g. open sourcing things) and cost to bad ones (e.g. pushing out little companies) even when the immediate economic incentives point the wrong way. But in the long run all these companies respond to their economic situation and none of them are your friend.

                          1. 4

                            It doesn’t really make much sense to blame the moral character of individual actors when there’s a system of incentives and punishments driving things. If a big company were all saints and angels, they’d be out competed by another company that was willing to play the cutthroat game to maximum advantage. (And sometimes it is worth noting playing the cutthroat game to maximum advantage means doing good things, and sometimes good things come out of bad actions too, but if the market+political winds shift, they’ll (eventually) shift with it or go out of business.)

                            They’re doing what they think will make them money without getting another nasty visit from the government regulators. So is Google and Apple and Mozilla. None are good or bad per se, they’re all just navigating the same sea.

                            1. 3

                              I’ll add to mordae that they were using legal muscle to extract billions in patent royalties from Android. I saw one article claim that stopped. I haven’t followed it in a while. You could check to see if they still patent troll others in general. I mean, that’s clearly evil.

                              On showing ads, the traditional logic for desktop software, games, etc is that people who pay don’t see ads. Microsoft started putting ads in paid products, including the Xbox. After gamers protested, they expanded how many were on the screen instead of reduced it.

                              One might also count the integration between single-player games with Xbox Live. I shouldn’t have to login to an online service to play an offline game. If I am offline, I shouldn’t lose access to my progress, items, etc. I recall having to deal with stuff like that on Xbox. The nature of online service is they eventually discontinue it for some products and services. Then, they’ll stop working at all or not work as well. All of this is done to maximize sales of new products using Microsoft’s and their suppliers’ platforms.

                            1. 2

                              Personal learning - I will start and skim through an architecture book as my work subscription is coming to an end this month.

                              Digital minimalism - Finalized on using a feature phone for the next three years, so I will continue my virtual window shopping.

                              HDD to NVMe SSD clone - Reattempt this again if I have some time left. Last time I jumped into this without much planning and the SSD is sitting there as a D drive for weeks without use. Ouch.

                              Other - Build a plan to space out my tech purchases toward designing my personal office workspace.

                              1. 1

                                I enabled beta and feel Spaces is a much polished version of Communities. On the Spaces Beta discussion on the orange site @Arathorn said that the Discord style communities is the boring obvious bit.

                                For what it’s worth, the thing I find most exciting about Spaces is that they provide a decentralised hierarchical namespace with decentralised access controls for every room (ie pubsub topic) in Matrix. So it’s like we’ve sprouted an openly federated global hierarchical filing system for freeform realtime data streams of all flavours - where people can go crazy defining their own trees, applying their own curation ideals; perhaps we’ll even see a single global tree emerge (although the implementation may need some more optimisation first).

                                It’s like a multiplayer hybrid of DMOZ and USENET and the read/write Web all rolled together. Once we start storing more interesting data streams than instant messages in it (eg forums, email, bulletin boards, DOMs, scene graphs, ticker data, IOT sensor data…) it really gets interesting :)

                                “wow we accidentally created the realtime read/write web”

                                What is the non-obvious and interesting part? His rest of comment went over my head.

                                1. 2

                                  I was trying to explain that while we wrote spaces to let users group their rooms together, in practice you can create hierarchies of spaces to group all the rooms together. For instance, I could create a space called #root:matrix.org and then a space within it called #opensource:matrix.org and then a space within that called #linux:matrix.org and then fill the space in that with all the linux chatrooms I know about. I could then give ops to other linux experts in the #linux space, and they could delegate ops onwards… until you’ve built a hierarchy that contains all the best chatrooms anyone knows about. It’s a multiplayer way to curate and categorise all the conversations of the world, including those bridged in from other networks and platforms.

                                  Hope that makes more sense!

                                  1. 1

                                    That makes more sense, thank you for taking the time.

                                1. 2

                                  Non-fiction:

                                  1. The Effective Manager - Mark Horstman
                                  2. The Manager’s Path - Camille Fournier (next up)

                                  Last year I bought 5 amazing non-fiction books, but couldn’t sit for few minutes to even begin reading a single page. Recently I was reading an infrastructure blog post by https://chown.me (sorry, couldn’t recollect the username). In their blog I found a reference to reading list for engineering managers and bought the first two on a whim.

                                  For some deep seated reason, I started reading The Effective Manager. As a classic INTP and a person with IC mindset, this book is opposite of my values. Yet, I kept reading on. I was intrigued by how the author speaks to me directly through the text. Though I have never been a manager, I did have the same thought processes he presents, in the exact manner he suggests, when he introduces the first concepts. By the time I finish the book, I will have turned myself into the often reviled “manager”. Just kidding, title or no title, the book is more about managing people while also achieving results.

                                  1. 1

                                    On the contrary, I want a low budget low res cam for chatting with my developer friends. I bet there is a good market for this, but zero supply for this in my region.

                                      1. 2

                                        Show me webcam from this link looks interesting. Will try next year hopefully.

                                        1. 1

                                          Nice, I had missed that link. Thanks.

                                      2. 2

                                        Many years back I bought a webcam based purely on it being advertised as ‘UVC’ and in theory therefore operable without third party drivers. It was extremely cheap and always worked perfectly - though of course the picture was only really adequate.

                                        Maybe cheap UVC cams still exist and might be an option if you’re looking for something useable but cheap.

                                        1. 2

                                          They might be sold as ‘USB security cameras’ :)

                                        1. 5

                                          Good advice, although I think it can be done simpler. I would keep the SPF just as they suggest like “v=spf1 -all”, but the DMARC I have set on all my non-mailing domains is “v=DMARC1; p=reject”. If you want to monitor if it’s being used as the sender domain by spammers add a rua tag, i.e. “v=DMARC1; p=reject; rua=mailto:postmaster+dmarc@yourdomain.com.

                                          All the other options they suggest are optional or defaults. Furthermore, this avoids abuse of DKIM by any receiver that checks DMARC.

                                          1. 1

                                            rua=mailto:postmaster+dmarc@yourdomain.com

                                            This is quite a late reply, so please don’t mind my question, as I am quite curious about this part. If we don’t intend to receive email on this mydomain.com, how would be able to monitor an email to postmaster+dmarc@yourdomain.com?

                                            1. 2

                                              If we don’t intend to receive email on this mydomain.com

                                              DMARC, SPF and DKIM are all services for the person you are sending mail to, i.e. your outbound flow. It doesn’t mean you won’t accept incoming mail. I always setup hostmaster@ and postmaster@ aliases on my mailserver for all domains that I’m running DNS for, including the ones with an SPF -all and DMARC reject policy.

                                              1. 1

                                                Thank you for the clarification.

                                                hostmaster@ and postmaster@ aliases on my mailserver

                                                By this, do you mean to setup email aliases in your postfix configuration? So that, I don’t have to explicitly setup any mailbox for the forensic reporting, but instead just depend on postfix to send me the forensic reports.

                                                1. 2

                                                  Exactly! See RFC 2142 for some recommended mailboxes.

                                                  1. 2

                                                    That is so awesome that this is possible. Thanks for the tip!

                                          1. 2

                                            My friend asks me how I have time to do the things I do. I have the same question for people on this amazing site. This Sunday I will think about how to get to that next level. So yeah.

                                            1. 2

                                              https://www.amoradi.org

                                              It feels abandoned, but I’m planning to add some backlog content to it soon. Next item is to showcase the photos in a nice gallery. Looking at other sites now, I feel like I have to add a half-paragraph about myself :S

                                              1. 2

                                                It’s clean, but a little “about me” like you say certainly wouldn’t hurt. It makes a personal site feel more “human”. For the photo gallery, I agree a custom page displaying them that fit more with the rest of the site would be welcome.

                                                1. 1

                                                  Thanks <3

                                                2. 2

                                                  Such a simple thing but those border bottoms on headers are a good idea! Represents clear separation.

                                                1. 1

                                                  Recently did a design overhaul. Almost afraid to share it, but here it goes: https://animesh.blog

                                                  1. 4

                                                    Two points that strike me:

                                                    1. The proportions between various elements of the page seem off. There’s almost no space between the top of the page and it’s first line, while further down (and towards the left and right edge) there seems to be more blank space.
                                                    2. “Posts” is renderd too lighly, at least on my machine. Removing the “font-weight” property made it look better.
                                                    1. 1
                                                      1. Agree about the spacing and sizing of the various elements. Spacing, I can see how to fix it. Sizing is where I am struggling, but I will spend some time on it in the next milestone.
                                                      2. Posts heading was definitely supposed to resized to be a bit smaller, but I couldn’t reach a conclusion during the redesign and left it. Will think about it too in the next milestone. The font-weight I have deliberately made it to be this way. I am now understanding that it might be bad on different browsers and devices. Will fix.

                                                      Thanks for the honest feedback.

                                                      1. 2

                                                        For the sake of compleness, this is how the light text renders on my end: https://0x0.st/ikBD.png

                                                        1. 1

                                                          Wow, that’s indeed bad. Is this on a Mac/Chrome or Mac/Safari?

                                                          The other thing that stands out is the post dates and post titles don’t align, while they do for me. Firefox on Windows/Linux here.

                                                          1. 1

                                                            No, Fedora and Chrome. Apparently the font is Cantarell.

                                                            1. 1

                                                              Cantarell

                                                              Yeah, Cantarell is a font in my system fonts list. I will remove it and evaluate more Linux system fonts. Thanks for the feedback.

                                                    2. 2

                                                      I like it.

                                                      But a few nit picks: I would try to make the spaces between dates and links consistent, and, if it were up to me, would remove the “next article” and “previous article” links, as your articles doesn’t seem to go in parts.

                                                      1. 1

                                                        Could you please clarify what exactly you mean by doesn’t seem to go in parts? Do you mean in sub posts or something else?

                                                      2. 2

                                                        What @zge said, but otherwise, really nice and clean!

                                                        1. 1

                                                          Thank you very much, it means a lot. Tried a bunch to come up with design design, then I decided the minimalistic route and worked on it.

                                                        2. 2

                                                          It loads very fast. I love this.

                                                          I suggest working on typography and spacing.

                                                          Varying type size and style can help emphasize importance and guide the eye across the page.

                                                          I would add more left/right margin to the content body to help make it easier to read.

                                                          1. 1

                                                            Agree on all points, thanks for the feedback. I planned to implement a lightweight TOC widget, that stays fixed and expands sub headings as we scroll on posts. Just to make it easier to navigate posts, especially long ones. It is a long pending and in-progress feature.

                                                            Also, I experimented a lot with putting post meta information on the left column, but somehow remained with a single column layout. Again good points. Thank you.

                                                            Edit: /s/posts/headings

                                                            1. 2

                                                              I’ve toyed with where to put post Metadata.

                                                              I settled on putting in below the main post content. I figure if someone makes it through the post then they are more likely to surf to other pages. And it moves the clutter from before the content that might distract them.

                                                              1. 1

                                                                I have just gone through your blog and your comment now makes lot of sense to me. Will try to think of it in this way about metadata.

                                                                1. 1

                                                                  I really struggled with what to do with the metadata. I wanted it to be useful but also not distracting. I’m mostly happy with the way it is, but the footer still feels a little cluttered to me.

                                                        1. 2

                                                          https://ukiahsmith.com/

                                                          I’m pretty happy with what I’ve built. I’d love to hear your thoughts.

                                                          It is built on Hugo and basic html/css

                                                          1. 1

                                                            The text is very pleasant to read. But the code maybe might be better. Inline code has: pink color, grey background, thin border. Seems a bit too much, and doesn’t flow with the text. Not a fan of how full code blocks look too. I think I would want a gentler background for those, and a bit more padding on top and bottom.

                                                            Also in the article “Bash: Check for Duplicates” - there is a section “Related Posts”, but it’s empty. Maybe deleting it in this case would be a good idea.

                                                            1. 1

                                                              Love the way /blog is built and organized - most recent posts and then grouped by year. This is something I wanted to do with Lektor, but couldn’t without a lot of tweaking.

                                                              Even with some amount of JS, the site manages to be quite fast.

                                                              Excellent typography. Ex 1, Ex 2. This is the kind of typography I aspired to go for, but failed due to analysis paralysis, and eventually text heavy design ;)

                                                              1. 2

                                                                Thank you your kind words. I’ve put in a lot of time working and re-working the layout, and I’m really pleased with how it turned out.

                                                                When you tweak your typography let me know and I will help you get it looking the way you want.

                                                                1. 1

                                                                  Definitely, will reach out. Thank you for the time and effort you put.

                                                            1. 1

                                                              https://sgolem.com

                                                              It’s minimal. I have plans to put a few more things in there. Thinking also about making it completely static with https://getblades.org, no JS. 🤷‍♂️

                                                              1. 2

                                                                It’s quite good.

                                                                Few nitpicks: not clear where “follow me” leads to; the code background seems too dark to me (both inline and block code). In “Halite III Bot Development Kit in Rust” table of contents has big margins between different entries. Some code blocks have horizontal scroll bars. IMO if you are planning to display lots of code in the posts, a slightly wider width would be better.

                                                                1. 1

                                                                  Thanks! There are some good points there. I haven’t styled the TOC at all, after plugging it in I didn’t have time, now I’m lazy.

                                                                  That protocol code snippet in the post has a reaaally long line in it, that’s why it’s a mile wide. I’ve come across considerable evidence that the things are much more readable when the lines are short (here limited to ~50ch).

                                                                  Also, scrolling horizontally is very ergonomic on trackpads, but you’ve now made me think about mouse users. I’ll reconsider.

                                                                  Btw I like your site, a little bit too wide for my taste, but very nice and clean! I’m a fan of those simple charts.

                                                                2. 2

                                                                  Your site is like my site, but better :)

                                                                  no JS

                                                                  Do it, you will thank yourself.

                                                                  1. 1

                                                                    Thank you! Your site is also very pleasing to the eye! I’m investigating my options atm, not really happy with any solution. I’m amusing myself with the idea of writing yet another SSG.

                                                                1. 7

                                                                  My site is at https://leonardschuetz.ch

                                                                  I rebuilt it a couple weeks ago because my old one got roasted on here :)

                                                                  1. 4

                                                                    Your site has a personality. I don’t know how else to put it. It is quite pleasing.

                                                                    Post design has a few things I could steal. ;)

                                                                    1. 3

                                                                      Thank you!

                                                                      Feel free to steal as much as you want :P The source is at: https://github.com/KCreate/leonardschuetz.ch

                                                                    2. 2

                                                                      It’s nice, the design leaves a “soft” feeling.

                                                                      However, I don’t think you will be getting a lot of messages with a sentence like this:

                                                                      You can send me an email if that makes you happy.

                                                                      1. 2

                                                                        Thanks! I tried to go for a simplistic yet modern look.

                                                                        Not a native speaker, does it come across as rude? If so that wasn’t the intent.

                                                                        1. 2

                                                                          It comes across as very passive, and possibly saying you will notice emails randomly possibly years after they arrive.

                                                                          Or that you are saying “I don’t really want to get any email” but that interpretation comes more from the reader’s current mental state.

                                                                      2. 2

                                                                        I love the colors, reminds me of Textpattern (and its old admin backend)

                                                                      1. 32

                                                                        My site is at https://bernsteinbear.com. I get very polarized responses :)

                                                                        1. 12

                                                                          I think your site’s chill and classic!

                                                                          1. 2

                                                                            Thanks ^_^

                                                                          2. 6

                                                                            I love this! Its theme is very similar to the Oil shell site. Super clean.

                                                                            1. 3

                                                                              There’s a little comment in the CSS that says that the navbar was heavily “inspired” by oilshell :)

                                                                            2. 3

                                                                              Linux/Desktop (1920x1080, 16:9)/Chromium with uBlock

                                                                              I really like this one. After reading a few of the “Compiling a Lisp” articles, I also copied a few design cues to my personal site. I’m sorry I cannot say more, it’s just easy to read and easy to navigate. If I had to try to say something it would be that the entire site is a bit too narrow, and that it might be better to use more semantic HTML5 tags instead of custom div classes?

                                                                              1. 1

                                                                                Is your current website the one everyone is complaining about? I think it’s great.

                                                                                1. 2

                                                                                  Everybody is exaggerated, it was just one comment that caught my attention. But other than that, I don’t think it’s to surprising considering it’s inspiration ^^.

                                                                                2. 1

                                                                                  Hm, interesting. Do you have any reading on this that you recommend? My HTML knowledge is at least 10, if not more, years out of date.

                                                                                  1. 2

                                                                                    I’m not expert either, I just check if I can use a semantic tag, when applicable. AFAIK the main advantage is that web readers /scrapers can properly parse what’s the site and what’s is just the header/footer (if you enable lobste.rs “article preview” feature, you’ll notice the difference).

                                                                                    1. 1

                                                                                      Oh, neat – thank you. I have some open graph data and some other metadata, but this might help.

                                                                                3. 3

                                                                                  Your site has no bells or whistles. It is a site. It has text. The text is the main focus. There is no fluff. It loads instantly. It is glorious.

                                                                                  1. 1

                                                                                    Glad you like it :)

                                                                                  2. 2

                                                                                    I like the nav bar, the contrast, and the no-frills aesthetic, and the style choice of serif font works.

                                                                                    Despite broadly agreeing with high-contrast text, I think the background could be a touch lighter (maybe just going from lobste.rs to your site is hard, especially since I’m in a light environment right now).

                                                                                    Mostly, though, some breathing room would really help, especially with the bullet points; the line spacing between one single-line bullet point to the next is identical to the line-spacing between lines in a single multi-line bullet point. Everything just blurs together and only a small dot on the side helps me distinguish between bullets.

                                                                                    Increasing the font size could also be a big help for people with impaired vision.

                                                                                    1. 2

                                                                                      I added some list item spacing. Thanks for the tip off.

                                                                                      I also reduced the text contrast a little bit with some not-quite-black and not-quite-white.

                                                                                      1. 2

                                                                                        Nice one. The bullet points are a lot easier to read now.

                                                                                        The lightening of the background does help, too, but I’m also in a dark environment now (albeit with the same bright screen).

                                                                                        I wasn’t even saying about darkening the text, but the muting there does help as well. I think overall you’ve struck a good balance between high contrast (light clashing with dark) and low contrast (words blending into the background).

                                                                                    2. 2

                                                                                      I love it! Looks great on both my desktop and phone, and it isn’t weighed down by big images or fonts.

                                                                                      1. 1

                                                                                        Oh, that is good to hear. I do not regularly check up on how it looks on a phone, despite half my visitors using phones.

                                                                                      2. 2

                                                                                        For me it’s missing only one thing, which is to support dark mode via a CSS media query. I’d love to see just how brief a dark mode implementation can be, and your site is the perfect test subject.

                                                                                        1. 2

                                                                                          I brought back dark mode, new and improved. Can you let me know what you think?

                                                                                          Re: brevity: the longest part is the syntax highlighting.

                                                                                          1. 2

                                                                                            Functionally it looks nice and readable, and should be pleasant in a dark room. Warm fireplace colors were a good choice for syntax.

                                                                                            You could stop there; it’s a nice upgrade! If you want more critique:

                                                                                            If any of the colors are off, it’s the links in dark mode. In light mode visited links stand out a little less than unvisited, which is desirable. In dark mode, the unvisited links are diminished against black and the visited stand out. I might try brightening the blue and dimming the purple a bit.

                                                                                            Finally, check the link colors on the same dark screen as the syntax colors. The syntax colors give a cozy character to the site, but the link colors establish a different kind of environment, such that when you first reach a syntax block, the warmth is a surprise. I think the link colors would need more saturation to fit in.

                                                                                            1. 1

                                                                                              Thanks for the in depth reply! When I next find the energy to CSS I’ll take a look.

                                                                                          2. 1

                                                                                            Someone made one but there was something slightly wrong about pre tags in headers that weren’t legible (?), so I reverted it. It was pretty simple so if you’re interested you’re welcome to revive that patch.

                                                                                          3. 2

                                                                                            Academic style - I like it. Loads in 106ms from Frankfurt which is pretty nice :)

                                                                                            1. 1

                                                                                              Grüße aus den Staaten!

                                                                                              1. 2

                                                                                                I don’t really live in Germany (or understand german for that matter), but when I run https://tools.pingdom.com/ , I use Frankfurt since it has the best ping to Norway :)

                                                                                                1. 1

                                                                                                  Oh, lol. That’s “greetings from the US”

                                                                                                  1. 2

                                                                                                    Greetings from Norway :D Or rather; Beste hilsener fra Norge :)

                                                                                            2. 2

                                                                                              Nothing wrong with your site. It is a perfect example of what the web was originally created for: Sharing information.

                                                                                              1. 2

                                                                                                I really like it. Text-heavy instead of the modern white peace overload with big images that everything leans towards now.

                                                                                                1. 2

                                                                                                  Kinda like your website, eh? And you are a cyclist too! :D

                                                                                                2. 2

                                                                                                  Clean, elegant styling, simple design, focus on the content (text). Clear links to different parts and an rss feed. Couldn’t make me happier.

                                                                                                  1. 1

                                                                                                    Glad you enjoy!

                                                                                                  2. 2

                                                                                                    The way you separated the series on the /blog is something I want to steal.

                                                                                                    1. 2

                                                                                                      Oh man the implementation is such a hack. If you use Jekyll, please don’t look! :P

                                                                                                      1. 2

                                                                                                        I am in Python land, so I could not get it even if I looked. :)

                                                                                                        1. 1

                                                                                                          What do you use to generate your blog? I am considering moving off Jekyll.

                                                                                                          1. 2

                                                                                                            I use Lektor. It is based on python, so slower to generate the pages locally, but my reasons are listed in this post - why I chose Lektor. See the Why Lektor section.

                                                                                                    2. 2
                                                                                                      1. 2

                                                                                                        The bulleted list under “I like making things” is a little crowded, but otherwise, I love it!

                                                                                                        1. 2

                                                                                                          And to think I just removed some things :P Do you mean the length? Or the density of links? Or…?

                                                                                                          1. 2

                                                                                                            I should have mentioned that I’m on mobile. The density of the links is part of it. I think inserting an empty line between list entries would make a world of difference. You could take it further by increasing font size and line spacing. The bullets also make it look like the text is being physically squished into the right side of the screen so it may help to replace them with faux bullets (e.g. asterisks)?

                                                                                                            I don’t know, this feels like such a small point, and it’s all about highly personal preferences. Your site is great!

                                                                                                        2. 2

                                                                                                          I really like this one; it’s clean and simple, and it works great with me.

                                                                                                          1. 1

                                                                                                            Glad you like it!

                                                                                                        1. 2

                                                                                                          https://artagnon.com

                                                                                                          The SSG that powers it is over 7 years old, and some of the content is even older, and ported from another hand-written SSG; preserving backward compatibility while extending it is a big pain. The SSG doesn’t process markdown: it’s a custom syntax, that has evolved with time. The design is essentially hand-written CSS. Fighting with CSS is a real pain, and I wish there were an easier way to design webpages.

                                                                                                          1. 2

                                                                                                            I would do more organisation. It’s hard to understand the different indexes at the top. Some of them are abbreviations, others are cryptic. The pages themselves do not have that many entries within them, why not put all of them under one page, and separate your categories with headers?

                                                                                                            1. 2

                                                                                                              I really enjoy the personality of this site; the background gives it a warmth and friendliness. I found the top nav mysterious (less charitably: confusing). I think the loading progress / MathJax rendering thing is cute.

                                                                                                              1. 2

                                                                                                                There are a few things to fix in your design, but the first things I would look at IMHO in no particular order

                                                                                                                1. Max width for articles will affect the readability
                                                                                                                2. Nav links could use some reorganization to improve discoverability
                                                                                                                3. Articles from different links (ex: HOTT, at, etc.) need to reorganized with the use of tags if possible with your SSG

                                                                                                                It takes a lot of time to do these kinds of changes, but is a great pleasure (read: sweet sweet torture) to do so. I would recommend doing this step with a new SSG (jekyll, hugo zola) and go for some minimal brutalistic design. Regarding design I couldn’t say as I suck at design myself, so I would say to start with a themes for these SSGs. Your site and articles seem very math and compsci oriented and IMHO deserve some thought into this.

                                                                                                              1. 4

                                                                                                                Cool thread :)

                                                                                                                https://rubenvannieuwpoort.nl is my site – or maybe more a collection of articles. I tried to keep the styling minimalistic, use no javascript (math is statically rendered).

                                                                                                                Things I’m especially wondering about:

                                                                                                                • What do you think of the layout on mobile? I like the style but feel that the text is maybe too tiny to read comfortably. I have spend some time trying to fix this but haven’t succeeded so far (it can’t be very hard, but web dev is not my niche).
                                                                                                                • Would you prefer dynamically rendered math?

                                                                                                                It is made with a static site generator I wrote myself (the source can be found on https://github.com/rubenvannieuwpoort/static-site-generator). Ironically, it uses node.js (and bash) and renders markdown to html.

                                                                                                                I deliberately removed the dates from the blog posts since I tend to make large numbers of minor adjustments.

                                                                                                                1. 4

                                                                                                                  Looks very simple, loads fast and pleasing to the eye. The equations look really cool and well rendered on my machine.

                                                                                                                  Few things:

                                                                                                                  1. It doesn’t seem responsive on the mobile. Needs the meta content viewport tag.

                                                                                                                  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>

                                                                                                                  to turn it into this: https://i.ibb.co/Cbn90jC/Screen-Shot-2020-10-26-at-01-16-34.png

                                                                                                                  1. The blog post layout led me to believe that it is a PDF file because of the article being inside a box surrounded by a sea of gray. It could be a deliberate design decision, but that’s what it felt.
                                                                                                                  1. 1
                                                                                                                    1. Thank you, this is exactly what I wanted but didn’t know how to!
                                                                                                                    2. Indeed the design is based on how PDF’s are displayed. However, it’s not meant to be confusing. Maybe I’ll just get rid of the gray background.
                                                                                                                  2. 3

                                                                                                                    Out of the ones I saw so far I like yours the most.

                                                                                                                    One question - I noticed that you do not link back to your home from within the articles. Curious if you simply didn’t find an elegant way of doing it, or is there another reason?

                                                                                                                    1. 1

                                                                                                                      Thanks for the kind words. I basically wanted the layout to match that of a printed article as close as possible. This also inspired the PDF-viewer-like look.

                                                                                                                    2. 3

                                                                                                                      This I’m struggling to read. The font is too thin, and even scaling up a lot it stays too thin for me to read. I had switch to Safari and activate Reader mode to read this. (I normally use Firefox but for some reason I can’t activate reader mode on Firefox for this website!)

                                                                                                                      1. 1

                                                                                                                        I’ve got the same issue, iPhone se 2020, with large letters (accessibility) turned on, when I zoom in, I have to scroll right and left, no word breaks. Except for that, cool minimal style and interesting content!

                                                                                                                        1. 1

                                                                                                                          Thanks for mentioning the problem and the kind words!

                                                                                                                      2. 3

                                                                                                                        I really like the layout and style of the blog as it is, looks similar to the aethetic of Tufte’s work. My opinion is kind of the opposite to that of animesh in that I think the color surrounding the article works well.

                                                                                                                        The statically rendered math is amazing, I would love a solution like that for myself. Without any experience in web development I’ve not had success with it, but your blog works really well!

                                                                                                                        1. 3

                                                                                                                          You could consider putting a “published date” and a “last updated date”. I use that approach personally.

                                                                                                                          1. 2

                                                                                                                            The thin font and low contrast colour (?) make this quite hard for me to read on my phone (Firefox, android).

                                                                                                                            1. 1

                                                                                                                              I assume that this is just for the overview page, not for the articles themselves?

                                                                                                                              1. 1

                                                                                                                                Yes. I didn’t click on the articles at the time. Trying now, the text is very small on mobile. It might be that you can’t fix that while maintaining the mathematical article presentation style.

                                                                                                                            2. 2

                                                                                                                              I like the design and the content. I’d subscribe if there was an Atom/RSS feed.

                                                                                                                              1. 1

                                                                                                                                Thank you! Your words make me really enthusiastic to write something :) I might consider making a feed, but I don’t feel like I will have time for it anytime soon.

                                                                                                                              2. 2

                                                                                                                                It’s absolutely beautiful but there’s something wrong in the CSS. On my phone (Safari on iOS) it’s all “zoomed in” (I can’t see the full width of the page even) at certain zoom levels (for instance when I set 115% at the left of the address bar with the “aA” button).

                                                                                                                                Edit: I think one of the main issues comes from here:

                                                                                                                                	article {
                                                                                                                                		…
                                                                                                                                		width: 715px;
                                                                                                                                		…
                                                                                                                                	}
                                                                                                                                

                                                                                                                                I would use max-width instead of width. max-width makes the width flexible for small displays.

                                                                                                                                1. 1

                                                                                                                                  Thank you! I will look into this :)

                                                                                                                                2. 2

                                                                                                                                  Like the simple layout, and overall clean feel. Saw someone already suggested adding the meta tag to make it responsive. Also, I feel the contrast of the articles description text on the homepage is low: light gray + light font = hard to read

                                                                                                                                1. 18

                                                                                                                                  Here’s the aforementioned “worst website ever”: https://ruzkuku.com/

                                                                                                                                  I try to keep the styling minimal, and generate the site using pandoc and a few scripts (was thinking of re-writing it in Scheme some day). My explicit intention is to strike a balance between readability on different platforms (anything from mobile, to desktop over to obsure web browsers), while keeping the code simple enough and respecting web standards. I have experimented with increasing the line-height and changing the default text color, but I usually tend to just let the users browser decide what’s best.

                                                                                                                                  1. 12

                                                                                                                                    I expect they decided it was the “worst website ever” because it didn’t have anything horrible and flashy going on, and was instead as boring, functional and useful as reference book’s table of contents.

                                                                                                                                    I like it.

                                                                                                                                    1. 4

                                                                                                                                      It loads instantly and I can read it on mobile just fine. People are used to modern over-engineered and over-designed websites, so they might find yours odd. But the thing is it does what it’s supposed to do quite well.

                                                                                                                                      1. 2

                                                                                                                                        Definitely not something I would put in a “worst” category.

                                                                                                                                        Font size and line-height could be slightly increased, IMHO

                                                                                                                                        1. 1

                                                                                                                                          Can you recommend any values? I know that it’s small, but I can’t manage to find the right proportion that doesn’t make the site look too empty.

                                                                                                                                          1. 3

                                                                                                                                            In print, the optimal point size for body text is 10–12 point. On the web, the optimal size is 15–25 pixels.

                                                                                                                                            Check out Matthew Butterick’s Practical Typography . Matthew’s writing is super clear and thorough, so your answers around optimal text sizing should be answered from a ~10 minute read.

                                                                                                                                            (It helps that he’s designed an extremely robust screen-first serif typeface, so he knows what he’s talking about.)

                                                                                                                                            Relevant links:

                                                                                                                                            1. 2

                                                                                                                                              Consider the values on my site: https://peter.bourgon.org

                                                                                                                                              1. 1

                                                                                                                                                It looks good on your site, but I I can’t manage to get it work for me :/

                                                                                                                                          2. 2

                                                                                                                                            I think your website has excellent design.

                                                                                                                                            My presumption is that whoever said that was just put off because your website doesn’t look like the stereotypical modern website but personal sites never do (and I think shouldn’t). I don’t know that I can think of a way to improve your website except that perhaps the “Index” link the navbar should instead be a link on the name of your site in the top left. This seems to be more intuitive to people and while I know what “Index” probably refers to I also thought it might be a traditional (HTML) sitemap.

                                                                                                                                            1. 1

                                                                                                                                              I used to do that, but then I only had two elements on the right side, which didn’t seem like enough. Maybe if I add another section like “About”, I could re-locate the “Index” link. Then again, I use index.html as my sitemap.

                                                                                                                                              1. 1

                                                                                                                                                An about section might be a nice section to have anyway. I feel like it can help people understand who the website author is (but I’m much too shy to put anything actually personal on my own website’s about page so not one to talk).

                                                                                                                                                1. 1

                                                                                                                                                  but I’m much too shy to put anything actually personal on my own website’s about page so not one to talk

                                                                                                                                                  I can relate to that, I never know what to write without sounding arogant.

                                                                                                                                            2. 1

                                                                                                                                              The design is fine and works well on this mobile browser (Firefox, android), but you have quite a few grammar mistakes and places where you have picked a word you didn’t mean to (e.g. and Vs an). You could add a grammar and spellchecker to your build scripts or writing flow, perhaps.

                                                                                                                                              1. 1

                                                                                                                                                Can you recommend any good (free/libre) software? I’ve tried looking into Languagetool, but building it seems to be a mess.

                                                                                                                                                1. 1

                                                                                                                                                  I wouldn’t bother with languagetool. I just tried that, proselint, diction, and hunspell on a sentence from your site and none of them found the error. They were all fairly easy to install with Nix, tho.

                                                                                                                                                  The sample was:

                                                                                                                                                  If you want to send my an email, send it to philipk on the mail server posteo.net.

                                                                                                                                                  The error is that “my” should be “me”.

                                                                                                                                                  It’s not a huge deal but it stuck out to me. Maybe you could just ask a friend to proof-read your stuff?

                                                                                                                                              2. 1

                                                                                                                                                I don’t like the color of the header, but that’s a personal impression. It’s not garish, mismatched, or anything - it’s fine.

                                                                                                                                                It’s basic, maybe a bit bland. But there is nothing “bad” about it, and surely not worst. (Designers might disagree, but I’m just a software developer.)

                                                                                                                                                1. 1

                                                                                                                                                  Its not terrible, but for me the white is blinding. I would maybe soften the background color for the Body, and maybe add left and right border to the body in some other color

                                                                                                                                                  1. 11

                                                                                                                                                    I would suggest you lower your screen’s brightness. No amount of white in your screen should appear blinding.

                                                                                                                                                    1. 1

                                                                                                                                                      Do you use dark-mode? I’m used to black-on-white software (terminal, editor, this page, etc.), so I it doesn’t irritate me, but I can imagine that if someone is used to a darker color-scheme, that the contrast can be straining.

                                                                                                                                                    2. 1

                                                                                                                                                      Load time: 127 ms, page size: 5.2 KB, requests: 3, performance grade: A99! Nice ;)

                                                                                                                                                      1. 1

                                                                                                                                                        It’s brutalist. I like brutalism. 10/10 would website again.

                                                                                                                                                        1. 1

                                                                                                                                                          That is far from the worst website ever. In fact, I find it to be fantastic.

                                                                                                                                                          Reminds me of this.

                                                                                                                                                          1. 1

                                                                                                                                                            To me it’s definitely not the worst. But some of the text looks a bit messy. In particular (talking about “On our Abusive Relationship with Mozilla’s Firefox”) - I think that too many things are somehow emphasised: 3 different indentation levels, italic text, hyperlinks are both underlined and colored (some are also in italic) yellow box, bold list elements. I would decide on what is really important and pick one style of emphasis. Also a lot of short paragraphs that might be better merged into one.

                                                                                                                                                            1. 1

                                                                                                                                                              I get what you mean with indentation and italics, but what is the issue with hyperlinks that are both underlined and colored? That’s just how browsers render links, underline to indicate that it’s not regular text and color to indicate if it has been visited yet.

                                                                                                                                                              1. 1

                                                                                                                                                                Yeah we can cross that one out… I was thinking about the principle of “picking one way to distinguish elements”. I think I read it on “Practical Typography”.

                                                                                                                                                                I know it’s the default, but for example here on lobste.rs only underline is used. If you want to separate visited from unvisited - color is enough for both. I also don’t think visited vs unvisited is that meaningful, many people clear cookies and history, use different machines, read things both on desktop and on mobile.

                                                                                                                                                                Just an opinion thou.