add captcha post
confusedbread confuseddbread@gmail.com
Thu, 15 Jan 2026 19:17:14 +0100
3 files changed,
59 insertions(+),
3 deletions(-)
A
blog/captcha.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>visor | 6B74-4's site</title> + <link href="/style.css" rel="stylesheet"/> +</head> +<body> + <h1> + <a href="/" aria-hidden="true"> + <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 6-6 6 6 6"/><path d="M3 12h14"/><path d="M21 19V5"/></svg> + </a> + No, [captcha provider] this one IS a bot + </h1> + <p> + Silly little UserStyle to replace the text in captchas with "I'm a robot". + Will be updated over time. + </p> + <pre><code><span class="comment"> +/* ==UserStyle== +@name no, recaptcha this one IS a bot +@namespace github.com/openstyles/stylus +@version 1.0.0 +@description beep +@author 6B74-4 +==/UserStyle== */ + </span> +@-moz-document regexp(".*") { + #recaptcha-anchor-label, /*recaptcha*/ + div[aria-label = "Automatic anti-robot verification widget"] p span /*friendlycaptcha*/ + { + line-height: 0; + color:transparent; + &::after { + display: block; + line-height: initial; + color: initial; + content: "I'm a robot"; + } + } +} + </code></pre> + +</body> +</html>
M
index.html
→
index.html
@@ -90,9 +90,8 @@ <p>
List of blog posts, mostly documenting projects. </p> <ul> - <li> - <a href="blog/visor.html">visor</a> - </li> + <li><a href="blog/visor.html">visor</a></li> + <li><a href="blog/captcha.html">captcha</a></li> </ul> </section> <section id="buttons">
M
style.css
→
style.css
@@ -23,6 +23,7 @@ --c-surface: #313244;
--c-overlay: #6c7086; --c-link: #8caaee; --c-visited: #ca9ee6; + --code-bg: #11111b; --f-heading: 'Montserrat', sans-serif; --f-text: 'Lexend', sans-serif; }@@ -115,3 +116,13 @@ }
} +pre { + background-color: var(--code-bg); + padding-left: 1rem; + padding-left: 1rem; + border-radius: 1rem; + font-size: 0.8rem; + & .comment { + color: var(--c-overlay); + } +}