karlicoss / beepb00p Goto Github PK

Code overflows the container when the container is smaller than the code. Below is a picture in macOS Safari Responsive Design Mode where the browser is sized 800x1024. You can see that the code overflows the container, and this makes it harder to see the article in mobile browsers.

I believe that it can be fixed with this added to org-extra.css:

.org-src-container {
    position: relative;
}

pre.src {
    position: unset;
    overflow: auto;
}

pre.src:before {
    right: 30px;
}

It's making the pre.src:before element (the language indicator displayed when hovered) to be positioned relatively to the .org-src-container element instead of the pre.src element, and making pre.src scrollable when overflowed. (BTW, the org-default.css has lots of properties duplicated, looks like you should run a minifier to remove them.)

I believe this is a beneficial change, should I make a PR?

I do not think this is on my end, but it seems your blog (might) be down.

Hello! I came across your blog sometime in the past year via a link from someone else's blog and liked what I read. I also thought "beepb00p" looked like a cool name so I registered it on Handshake.

Not sure if you're into blockchain/crypto stuff but long story short, Handshake is a decentralized root zone for the Internet that aims to replace certificate authorities. This also allows for anyone to create a new TLD instead of paying ICANN $185k+ for the privilege.

Also, the Handshake community is more about gifting than squatting so if you want it, it's yours! I setup a dLink for you: https://beepb00p.hns.to.

The easiest on-ramp to Handshake is Namebase, you can see the listing here: https://www.namebase.io/domains/beepb00p (I set the price prohibitively high so no one would snipe it).