My current mouse is a Logitech Lightspeed G502, it works fine and aside from double click issue which I brought to a store to fix, no issues with it but it was my friend's prior mouse before he upgraded to a newer model.
As for why I want an ambidextrous mouse, on the rare occasions I want to use my left hand to navigate instead of right.
I used to use a chinese MMO mouse that honestly was not bad but its software was fairly garbage(Rebranded Red Dragon mouse iirc) so I don't mind Chinese mice as clearly being a brand name mouse doesn't mean much, just want something that is good and lasts a while, since I'm not that big on mice.

I want these qualities in a mouse.

• Works wired and with a 2.4GHz dongle
• Either rechargeable batteries or replaceable works
• High DPI
• Not a "lightweight" mouse
• Has a few programmable buttons
• On chip storage for programmed buttons/DPI/etc
• Available worldwide

Bluetooth as a 3rd option would be neat but not something I'm looking for in particular.

Rechargeable batteries are supposed to provide better longevity afaik, but the buttons or the mouse itself will probably die before the battery.

I use 8200 DPI on my current mouse pretty much in both games and in desktop... with mouse acceleration,

I only lower it on the rare occasions I use something like GIMP.

Not a fan of these perforated light mice or super light mice, I used to put weights in my previous wired Chinese mouse but I'm using the G502 without weights currently. I am willing to compromise on this if there are no options however.

On the G502 I only use 2 buttons regularly, and they are to switch to the left or right virtual desktop, the rest of the buttons have a function but they get rarely used (Except Windows+Tab to show all virtual desktops).

On chip storage is good when I switch platforms (e.g. PC/Windows, SteamDeck or Linux, Mac) and in case I want to completely drop Windows and not worry about needing software for the programmable buttons to work.

Worldwide availability because I don't live in the US or most parts of Europe.

Not aware if Logitech has a mouse that does all what I need, the free scrolling wheel is cool and gets used, but they got a history of switches that die too fast.

The blog is daviramos.com

It is more like a 2000s blog than whatever blog means today. Just things I wanna write sometimes. It is not commercial, no ads. I like fast things. Images are heavily optimized, not mandatory, and always inside posts.

Bearblog is reliable and minimal without being barebones. I wrote about it before, so there's no need to go over it again here.

I really want to know if the way I’ve organized my blog makes any sense. Please keep in mind that I’m not a developer, programmer, or anything like that. I chose Bearblog partly because I already liked the default theme and didn’t need to change much. I appreciate minimalism, understand Markdown, a little HTML, and can "decode" simple CSS using a mix of intuition, Google, and ChatGPT. I only changed stuff that was not very deep and would not be hard to maintain.

:root {
    --width: 720px;
    --font-main: Verdana, sans-serif;
    --font-secondary: Verdana, sans-serif;
    --font-scale: 1em;
    --background-color: #fff;
    --heading-color: #222;
    --text-color: #444;
    --link-color: #3273dc;
    --visited-color:  #8b6fcb;
    --code-background-color: #f2f2f2;
    --code-color: #222;
    --blockquote-color: #222;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #01242e;
        --heading-color: #eee;
        --text-color: #ddd;
        --link-color: #8cc2dd;
        --visited-color:  #8b6fcb;
        --code-background-color: #000;
        --code-color: #ddd;
        --blockquote-color: #ccc;
    }
}

body {
    font-family: var(--font-secondary);
    font-size: var(--font-scale);
    margin: auto;
    padding: 20px;
    max-width: var(--width);
    text-align: left;
    background-color: var(--background-color);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.5;
    color: var(--text-color);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-main);
    color: var(--heading-color);
}

a {
    color: var(--link-color);
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

nav a {
    margin-right: 8px;
}

strong, b {
    color: var(--heading-color);
}

button {
    margin: 0;
    cursor: pointer;
}

time {
    font-family: monospace;
    font-style: normal;
    font-size: 15px;
}

main {
    line-height: 1.6;
}

table {
    width: 100%;
}

hr {
    border: 0;
    border-top: 1px dashed;
}

img {
    max-width: 100%;
}

code {
    font-family: monospace;
    padding: 2px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
}

blockquote {
    border-left: 1px solid #999;
    color: var(--code-color);
    padding-left: 20px;
    font-style: italic;
}

footer {
    padding: 25px 0;
    text-align: center;
}

.title:hover {
    text-decoration: none;
}

.title h1 {
    font-size: 1.5em;
}

.inline {
    width: auto !important;
}

.highlight, .code {
    padding: 1px 15px;
    background-color: var(--code-background-color);
    color: var(--code-color);
    border-radius: 3px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    overflow-x: auto;
}

/* blog post list */
ul.blog-posts {
    list-style-type: none;
    padding: unset;
}

ul.blog-posts li {
    display: flex;
}

ul.blog-posts li span {
    flex: 0 0 130px;
}

ul.blog-posts li a:visited {
    color: var(--visited-color);
}

/* MY CHANGES */

/* That is an entirely new class for text */
/* that goes below an image as a subtitle */
.subtitle {
    text-align: center;
    font-style: italic;
    font-size: small;
    font-weight: bold;
}

.upvote-button {
    display: none !important; /* Hides button, overrides other settings */ 
        pointer-events: none; /* Disable mouseif it visible */
}

.title h1 {
    font-size: 1.2em;
}

nav a {
    font-size: 0.95em;
}

footer {
	font-size: 0.95em;  
}

.spaced-line {
	margin: 100px 0;
	text-align: center;
}

/* Keep images centered */
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

For comparison, see Herman's blog to see something closer to the default. He’s the creator of Bearblog.

Here’s what I’ve changed: the font size for the blog’s name, the navbar, and the footer that says Powered by Bear ʕ•ᴥ•ʔ is slightly smaller (0.95em instead of 1em). I added a guestbook and links to the English and Portuguese pages in the navbar. I also changed the favicon and the site's meta-image to different-sized images of Humphrey Bogart.

The English and Portuguese pages are in their respective languages and only list posts in those languages. I don’t know if it’s possible to customize the navbar further. EDIT: bearblog has a builtin voting feature which I removed with CSS. All pages and posts are configured with their appropriate language via Bearblog, which I assume browsers and search engines can detect. Does it make sense to make my blog bilingual this way?

Maybe this is a new feature, but Bearblog lets you organize posts into subfolders/subdomains. So I placed all Brazilian Portuguese posts under /br/, which feels logical and predictable. I haven’t shared them anywhere yet, so there’s no risk of broken links. On the other hand, I already have several English posts that have been shared elsewhere. If I move all English posts under /en/, I’d love to find a way to let the older links keep working gracefully. Is that possible somehow? Maybe that’s a question for Herman, but I have a follow-up: Other than my obsession with tiny details, is there any value in separating my posts under either /br/ or /en/? Titles and URLs are unlikely to conflict between languages, and if they do, I can always add a -pt or -en suffix like in example-post-pt.

Other than that, I’d welcome any advice on how to improve my blog—whether in big ways or subtle ones.

Thanks!