Another wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.
Text fragments
are a Chromium feature from a couple years ago. They (#:~:text=) emulate
CTRL + F or
window.find()
from a . I experimented in times past
with a snippet–like approach using
<mark> with
URL encoded terms on
id +
:target logic, such that
clicking this link
highlights the paragraph below.
https://web.dev/text-fragments/#:~:text=Text%20Fragments%20let%20youAnother wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.
It’s kinda neat how
CSS animation rules
are sort of simple in their animation-delay
property also allowed delays between iterations/intervals instead of at the
start only. Interval delays could allow for writing drastically less key frame
rules.
text-animation[hang] {
animation: tilt-rightward 1.3s infinite, tilt-leftward 1.8s infinite;
}Another wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.
WordPress has
an affinity for back–doored radioactivity.
If I can get my way (which is hard), a WordPress install has only 1 theme and
0 plugins.
wordpress/
|-- public
`-- wp-config.php/* Disable installing plugins and themes */
define('DISALLOW_FILE_MODS', true);Another wandering soul whispering into the void. If you are looking for my blog you are in the wrong place. The profile and header pictures are brought to you by cdd20.
No more need for npm in my personal stack! The native
browser’s path comes from which.
import puppeteer from "https://deno.land/x/puppeteer@16.2.0/mod.ts";
const chrome = "chromium"; // Browser Chrome: "firefox" | "chromium" | "google-chrome" | ...
const product = "chrome"; // Product Base: "firefox" | "chrome"
const command = new Deno.Command("which", { args: [chrome] });
const { status, stdout, stderr } = command.outputSync();
const executablePath = new TextDecoder().decode(stdout).trim();
const browser = await puppeteer.launch({
headless: false,
executablePath: executablePath,
product: product,
});
const site = "example.com";
const page = await browser.newPage();
await page.setViewport({ width: 1024, height: 768 });
await page.goto("https://" + site);
await page.screenshot({ path: site + ".png" });
await page.waitForSelector('a');
const url = await page.evaluate(() => {
return document.querySelector('a').href;
});
console.log(url);
await browser.close();deno run --allow-all main.ts