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!

I think the answer is probably yes, but I wanted to double check. Does anyone here have experience with them? For clarity, this is the home modems that you can buy for stationary 5g internet. This is not those pocket, battery powered personal hotspots.

I just moved into a new studio in France. Despite literally every other building on the street having fiber, my studio does not have it. So I am stuck with DSL, since France doesn’t use cable for internet service. My dsl gets 2-10 Mbps down and 0.25-1 up. This is abysmal, especially the upload.

The other problem is the building is such a good shield against radio waves. With Orange, supposedly the best mobile carrier in France, I get exactly zero service, even sticking my phone out the window.

There is a carrier called Free, that does offer a 5g home internet box. To test it out, I got a Free (but not free) SIM card for my phone. Sticking it out the window, I get about the same speeds as my DSL box provides.

So there is the impetuous for my question. Should I expect their 5g home internet box to be about the same speeds as my iPhone, or can I expect them to be faster and more reliable, since it isn’t battery powered and can me larger?

As the years go by, I’ve become increasingly annoyed (I choose that word intentionally) at the thought that there’s some “record” of my activity on the Internet somewhere, which was probably put together by my ISP. I “don’t have anything to hide” (other than perhaps the one or other ROM or movie that I download), but I also don’t want to randomly get fined or put in prison if, in a few years, our governments decide to retroactively criminalize certain activities (I’m thinking mostly about piracy).

I’m not tech savvy though. That’s not because I haven’t tried. I have. I spent countless hours reading about how one can keep one’s activity on the Internet “private”. To my knowledge, it isn’t actually possible. I mean, even if I didn’t use my real name anywhere, or didn’t have any social media accounts (thankfully, I don’t), just the fact that I have to use an ISP to surf the web means that at least they are “spying” on me.

So, I’m approaching all of you wonderful, tech savvy people (rather than ChatGPT or a search engine) to ask you if there’s something that I’m missing, and if there is a way (preferably a fool-proof one) to stop my ISP (or “anyone” for that matter) from collecting data on my activity on the Internet (particularly when I download ROMs or movies, which is the only “illegal” thing that I ever do).