Jeriel Jan del Prado jerieljan

Cloudflare Browser Rendering

This is also available at: https://openwebui.com/t/jerieljan/cloudflare_browser_rendering

Enables LLMs to read webpages by processing them into Markdown with the Cloudflare Browser Rendering API.

This tool in particular focuses on the /markdown capabilities of the API since it works nicely with LLMs. It does not utilize the /content or /scrape HTML commands, but is still sufficient for parsing website content.

Read more at: https://developers.cloudflare.com/browser-rendering/

README

This is my personal tmux.conf file.

What it does

It's better appreciated if you look at the preview here

Essentials

Sets the terminal/tab/window title to display session, window, pane, program, and host info.

Blur Sidebar

Last Updated: 2024-02-10

NOTE: Since these websites are subject to change, these stylesheets may fail to work someday. I'll put in a fix if this happens as long as I'm still using ChatGPT or Gemini in the future.

Use these stylesheets with Stylus to blur the titles of your ChatGPT / Gemini sidebar.

Blurring is nice since it prevents onlookers from seeing your history, whether you're sharing your screen

Sharing Smarter and Better Diagrams

Exporting diagrams and sharing them is just business as usual; especially if it comes in PNG or JPG.

But what if you could make them better?

Well, yeah, you can by exporting them to a vector format like SVG or a PDF document. That way, details are drawn in 2D points and math and won't lose any detail if you zoom in.

I use PlantUML a lot. It's what I use for drawing all sorts of diagrams and it's handy because of its easy markup (once you get used to it) while making things easy to maintain as projects grow (thanks to version control)

This gist explains how I do my PlantUML workspace in a project.

The idea is to keep a globals directory for all diagrams to follow (like the "stylesheet" below) to keep things consistent.
I use a stylesheet.iuml file that keeps the use of colors consistent through use of basic FOREGROUND, BACKGROUND and ACCENT colors.
The style-presets.iuml file defines these colors so you can make "presets" or "themes" out of them.
As stated in the stylesheet.iuml, you'll need the Roboto Condensed and Inconsolata fonts for these to work properly.
You can choose to either run the PlantUML jar over your file/s, or use an IDE like VSCode with the PlantUML extension. Here's a preview of example-sequence.puml for example: https://imgur.com/Klk3w2F

	#compdef llm

	# Instructions:
	#
	# - Have llm working on your setup, of course. Have some models or templates to actually use.
	# - Have zsh and zsh-completions configured and working (i.e., installed, fpath configured, tabbing works for other commands, etc)
	# - Place this file `_llm` alongside your completions (e.g., ~/.oh-my-zsh/custom/plugins/zsh_completions/src/)
	# - Restart your terminal session or `source ~/.zshrc`
	# - Try it out by tabbing while `-m` or `-t` and it should suggest whatever models you have available or templates you've configured.

	#!/usr/bin/env bash

	###
	# whisper-cpp - a shell script that easily creates subtitles out of movie files and muxes them.
	#
	# Requirements
	# - ffmpeg
	# - whisper.cpp
	# - Make sure to run https://github.com/ggerganov/whisper.cpp#quick-start first!
	#

	#!/usr/bin/env bash

	# Usage:
	# - Install `tesseract` with `brew install tesseract`
	# - In BetterTouchTool, create a trigger of your choice.
	# (I recommend a Keyboard Shortcut with Cmd+Shift 6)
	# - Add an Execute Shell Script / Task action
	# - Paste this script.
	# NOTE: You'll need to authorize BTT to the Screen Recording permission in Security and Privacy at System Preferences

	import com.fasterxml.jackson.databind.JsonNode
	import com.fasterxml.jackson.module.kotlin.jacksonObjectMapper

	/**
	*
	*
	* Date: 2019-03-05
	* Time: 11:03 AM
	* @author jerieljan
	*/

	#!/bin/bash

	# This simple script processes screenshots taken with a PS3 and does multiple things:
	# - Changes all PNG files to JPG using imagemagick
	# - Compresses all files into Lepton-format images
	# - Reapplies the original modification date for metadata retention.

	# Prepare a file list, sorted by modification date.
	rm FILELIST 2>/dev/null
	ls -tdr1 *.png > FILELIST;