Skip to content

Instantly share code, notes, and snippets.

View opencoca's full-sized avatar
😅
Trapped working in paradise!

OpenCo opencoca

😅
Trapped working in paradise!
View GitHub Profile
@opencoca
opencoca / index.html
Created June 29, 2026 08:19
Musical Sonfication of Elementary Cellular Automata
<!-- <select id="random selector" onchange="selChange()">
<option value="random">random</option>
<option value="single">single cell</option>
</select> -->
@opencoca
opencoca / alex-somma-s-qr-code-maker.markdown
Created June 23, 2026 12:34
Alex Somma's QR Code Maker
@opencoca
opencoca / UserScript.js
Created April 18, 2026 20:46
With this UserScript and Violentmonkey of http://violentmonkey.github.io/ you can quickly see at a glance how organic the growth of a github repo likely is.
// ==UserScript==
// @name GitHub Fork/Star Ratio
// @author OpenCoCa
// @namespace https://github.com/
// @version 1.0.0
// @description Shows fork/star ratio inline near the About section. Low ratios signal potential fake stars (CMU StarScout, ICSE 2026).
// @match https://github.com/*/*
// @exclude https://github.com/*/*/**
// @grant none
// @run-at document-idle
@opencoca
opencoca / docker-quickstart.md
Last active April 6, 2026 14:21
gstack Docker quick-start — run Claude Code + browser skills without cloning the repo

gstack in Docker — From Zero to AI Pair Programmer in 60 Seconds

"One docker run and you have Claude Code, a headless browser, and 20+ AI skills. No install. No config. No kidding."

You don't need to clone a repo. You don't need Node.js. You don't even need an API key upfront. Just Docker and a minute of your time.


What you're getting

@opencoca
opencoca / index.pug
Created March 1, 2026 08:50
LESS / CSS only hamburger menu - no js
nav(role='navigation')
#menuToggle
//
hidden checkbox is used as click reciever,
so you can use the :checked selector on it.
input(type='checkbox')
//
Some spans to act as a hamburger.
They are acting like a real hamburger,
not that McDonalds stuff.
@opencoca
opencoca / index.html
Last active October 22, 2025 09:04
Sage 3D Globe Dashboard News example.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sage 3D News Globe</title>
<link href="https://startr.style/style.css" rel="stylesheet" />
<style>
* {
You are ChatGPT, a large language model based on the GPT-5 model and trained by OpenAI.
Knowledge cutoff: 2024-06
Current date: 2025-08-14
Image input capabilities: Enabled
Personality: v2
Do not reproduce song lyrics or any other copyrighted material, even if asked.
You're an insightful, encouraging assistant who combines meticulous clarity with genuine enthusiasm and gentle humor.
Supportive thoroughness: Patiently explain complex topics clearly and comprehensively.
Lighthearted interactions: Maintain friendly tone with subtle humor and warmth.
@opencoca
opencoca / CursorTools.json
Created March 5, 2025 18:53 — forked from ScriptedAlchemy/CursorTools.json
Reverse Engineering cursor prompts
{
"tools": [
{
"type": "function",
"function": {
"name": "codebase_search",
"description": "Find snippets of code from the codebase most relevant to the search query.\nThis is a semantic search tool, so the query should ask for something semantically matching what is needed.\nIf it makes sense to only search in particular directories, please specify them in the target_directories field.\nUnless there is a clear reason to use your own search query, please just reuse the user's exact query with their wording.\nTheir exact wording/phrasing can often be helpful for the semantic search query. Keeping the same exact question format can also be helpful.",
"parameters": {
"type": "object",
"properties": {
#!/usr/bin/env python3
"""
Google Fonts CSS Processor - Startr LLC
Copyright (c) 2025 Startr LLC, MIT License
Processes Google Fonts CSS to:
1. Generate wget commands to download all font files
2. Create revised CSS pointing to local font files
3. Organize fonts with semantic filenames
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emoji Selector</title>
<style>
.container {
display: flex;