Spacetchi

I added a 5px margin on all sides of the screen as described here. Now I can't move windows over that margin, which is expected behaviour. Also when resizing windows, I can't drag them over the top and left margin, but I can resize them over the right and bottom margin. What can I do to prevent windows from being resized over the right and bottom margin? I want a 5px margin around the entire screen at all times.

Link: https://tchi.space/stories/avocado-thief/

I was once a young boy. I was isolated. I stole avocados. It was not miserable, and yet, I somehow lost everything.

My short story. It's separated into eight short sections. I don't necessarily want criticism. But if you do read it, (thank you!) I hope you tell me how you the story makes you feel.

Are there any pure CSS methods of placing images of unknown dimensions next to each other? The images must be the same height and width, but may be cropped. Ideally, there will be some padding between the images.

This is trivial for images of the same dimensions, but I can't figure out how to do it for images of different dimensions.

It is possible to set an arbitrary height and crop all images but this isn't optimal. We'll want to maximize the area of the image that can be shown.

I'm talking mostly about icon fonts, which are apparently super prevalent all over the web... Glyphs from other languages are rendered fine as they just default to another typeface installed on my computer.

I currently have this in my custom stylesheet, which applies to all websites.

* {
    font-family: typeface-name !important;
}

The !important is necessary because witohut it, many font style rules do not get overriden. However, this also makes it so that icon fonts are rendered as boxes because the icon font family is overriden.

Is there a way to make it so that the style only applies when the glyph exists, and if it doesn't, it will just default to the web font spec

I saw the new line of Kobo e-readers at a store and tried them out. Wow, they're really fast! is what I thought. They are much faster than the Kobo Aura HD that I have (on extended loan from a friend).

So I'm interested in buying my own, and the Kobo Aura H20 Edition 2, which I saw in store, is the one that would be the right size for me. However, I see that the Kobo Aura H20 (original) is still available for purchase on the Rakuten website, and it has more traits that I would like, such as its design, power button placement, and extendable storage. Yet the speed of the new e-readers was what attracted me to them in the first place.

I don't know of anywhere that has the original Aura H

Title, basically. I've looked at a lot of guides both in the wiki and on the web, and while I've found a lot of people who were able to do this successfully, I'm not able to follow their procedure at all. So far, I get that I need a microcontroller (probably the teensy) and to wire the keyboard to it with three wires, and a resistor is involved somehow. Unfortunately, many of the 'guides' say that I "just need to wire three things" but it's not really that simple to me.

The clearest guide I have found is this. I think it has given me a tentative understanding of what I'm supposed to do. Is this the best way to proceed? Does this modify the original ADB connecto

With my browser and monitor setup, this is what the new Profile Page look like. As you can see, the sidebar gets cutoff and there's a horizontal scrollbar. Yes, I know my viewport is rather small compared to normal and I don't expect web developers to accomodate every single possible user, but I would assume that there are many people who like to use smaller browser windows.

Additionally, the old profile page looks perfectly fine in smaller viewports. I'd think that as time goes on, webpages become more responsive, not less. Therefore, I request that the new Profile Page resize its content width just as the old one does.