Skip to content

Instantly share code, notes, and snippets.

View itsbrex's full-sized avatar
🎯
focusing

Brian Roach itsbrex

🎯
focusing
View GitHub Profile
@itsbrex
itsbrex / index.html
Created November 8, 2024 03:08
Syntax highlighting with a Colr Font
<pre>
<code>@keyframes rounded-mask-reveal {
from {
clip-path: inset(10% 10% 10% 10% round 30px);
}
to {
clip-path: inset(0% 0% 0% 0% round 30px);
}
}
@itsbrex
itsbrex / llm.py
Created April 8, 2024 02:53 — forked from disler/llm.py
Python LLM Starter Module
"""
Purpose:
Interact with the UPDATED OpenAI API Supports 1.2.3+
Provide supporting prompt engineering functions.
"""
"""
Purpose:
Interact with the OpenAI API.
Provide supporting prompt engineering functions.
"""
@itsbrex
itsbrex / README.md
Created April 6, 2024 04:56 — forked from disler/README.md
Use these Prompt Chains to build HIGH QUALITY AI Agents (Agentic Building Blocks)

Setup

  1. Create a new directory with these three files (requirements.txt, main.py, README.md)
  2. python -m venv venv
  3. source venv/bin/activate
  4. pip install -r requirements.txt
  5. python main.py
  6. Update main() to run the example prompt chains
@itsbrex
itsbrex / building-sync-systems.md
Created February 5, 2024 06:43 — forked from pesterhazy/building-sync-systems.md
Building an offline realtime sync engine

So you want to write a sync system for a web app with offline and realtime support? Good luck. You might find the following resources useful.

Overview articles

FuzzyJsPlus: Advanced Fuzzy Matching for JavaScript Environments

#FuzzyJsPlus #FuzzyMatching #JavaScript #NodeJS #Deno #CLI #Async #FZF #Golang #WebDevelopment #TypeScript

FuzzyJsPlus is a port of the fuzzy finder command line tool FZF to JavaScript. While not as performant as its Golang counterpart, it provides fast and efficient fuzzy matching capabilities in JavaScript environments, such as Node.js and Deno, or even in the browser.

@itsbrex
itsbrex / toggle-arxiv-ar5iv.js
Created October 4, 2023 03:04
Toggle Between arxiv <-> ar5iv
javascript:(function()%7Bvar%20a=window.location.href;a.match(/%5Ehttps:%5C/%5C/(www%5C.)?arxiv%5C.org/)?window.location.href=a.replace(%22arxiv.org%22,%22ar5iv.labs.arxiv.org%22):a.match(/%5Ehttps:%5C/%5C/(www%5C.)?ar5iv%5C.labs%5C.arxiv%5C.org/)&&(window.location.href=a.replace(%22ar5iv.labs.arxiv.org%22,%22arxiv.org%22))%7D)();
@itsbrex
itsbrex / how-to-copy-text-to-clipboard-on-button-click.markdown
Created September 18, 2023 18:25
How to copy TEXT to Clipboard on Button-Click

How to copy TEXT to Clipboard on Button-Click

Here I'm giving a demo as to how to copy a Text directly to clicpboard without a Flash...

A Pen by Shaik Maqsood on CodePen.

License.

@itsbrex
itsbrex / index.html
Created September 16, 2023 20:52
Neural Arpeggiator
<div class="container">
<div class="machine-bg">
<div class="player"></div>
<div class="controls top-controls">
<div>
<div id="temperature" class="mdc-slider" tabindex="0" role="slider" aria-valuemin="0.2" aria-valuemax="2" aria-valuenow="1.1"
aria-label="Select temperature">
<div class="mdc-slider__track-container">
<div class="mdc-slider__track"></div>
</div>
@itsbrex
itsbrex / index.html
Created September 16, 2023 20:51
Neural Drum Machine
<div class="progress pink">
<div class="indeterminate white"></div>
</div>
<div class="app" style="display: none;">
<div class="sequencer">
<div class="steps"></div>
</div>
<a class="regenerate btn-floating btn-large waves-effect waves-light pink darken-2 pulse">
<i class="material-icons">refresh</i>
</a>