List Code
markdown test
### title some text etc... yo'el ## another title what does code look like? ```html hi. why does the text in here look weird? ``` ```js function test() { test; } ```
bug fix for hermes agent - Error: 'NoneType' object is not iterable
After the latest hermes update i was getting this error: API call failed (attempt 1/3): TypeError🔌 Provider: openai-codex Model: gpt-5.5🌐 Endpoint: https://chatgpt.com/backend-api/codex📝 E..
simple svg play button with circle overlay
Just put it anywhere you like! to get a centered play button in a div, no actual image file required. I added this svg and then thought i would build a lightbox video modal around it as well.&n..
getting this error on youtube embed "Watch video on YouTube Error 153 Video player configuration error"
i think this is caused by cloudflare so if you add the following to the iframe code it fixes the embed issues.
add a rule to block certain files in nginx
if using aider or claude this can be useful to not allow public viewing of certain files that it likes to add to the main directory. location ~* /((\.aider\.chat\.history\.md)|(\.aider\.input\..
coding a snake game with aider
OLLAMA_API_BASE=http://192.168.0.121:11434 aider --model ollama_chat/qwen2.5-coder:3b --map-tokens 1024 --edit-format whole snake game Create a classic Snake game in a single file called index.htm..
using aider for command line agent coding
That externally-managed-environment error is actually a built-in safety feature in newer versions of Linux Mint (and Ubuntu/Debian). It stops pip from installing packages globally, which prevents ac..
install qwen coder on ollama getting it working in open web ui
Notes from AI - Research you can download a Claude 4b model via the Ollama CLI, provided a specific variant named claude-4b (or similar, e.g., claude-3.5-sonnet:4b or claude-3-haiku:4b) ollama searc..
unlock a feature on your i7 processor called IOMMU
Sitting at 65W with a dedicated graphics card installed is a massive win! That means the motherboard is handling the power states perfectly, and the card is properly idling. Your power bill is barel..
How to Safely Build a Lightweight Windows 11 ISO
Update: Added links and images where possible. I know this is a random site so you dont have to trust the links here, make sure you download from the official sources. I wanted a clean version of wind..
Roulette wheel with CSS random() - Safari / WebKit browsers only
seems to not be random, but it does spin...
Stop Deleting HTML! Using CSS :nth-child to Hide List Items
In web development, there are times when you need to remove elements from a user's view without actually deleting them from the HTML source. This is particularly common when working with hardcoded CMS..
Stop Using Position Absolute to Center Divs (Do This Instead)
Centering an element in CSS used to be one of the most frustrating tasks for web developers. Over the years, we have moved from complex hacks to elegant, one-line solutions. This article explores the ..
Bringing Apps to Life: Interactivity and State in React
While props allow us to pass data into components, State is what allows our applications to actually "remember" things and change over time. In this guide, we will explore how to handle user interacti..
Mastering Dynamic Content: A Guide to React Props
In React, components are the building blocks of the UI. However, a component that always renders the exact same content isn't very helpful for building complex, data-driven applications. To make compo..
The CSS Unit You’re Not Using: VMAX Explained 📐
Ever heard of VMAX? While everyone uses VW and VH, VMAX is the secret to keeping your elements scaled perfectly to the largest side of the screen. In this quick demo, we're comparing how a div behave..
Stop Using Pixels! Use VW for Responsive CSS 🚀
In this quick tutorial, we’re setting up a demo div with a smooth gradient and showing you how width: 10vw works. Unlike pixels, viewport units are dynamic - meaning your element will always sta..
CSS Tip 1: Stop using position: absolute for centering.
Moving away from position: absolute for centering is a major milestone in writing modern, maintainable CSS. While the old method of combining top: 50% with transform: translate(-50%, -50%) worked, i..
CSS Backdrop-Filter Blur: Add a Stunning Blur to Any Background Overlay (Too Easy!)
The backdrop-filter: blur() property in CSS allows you to apply a beautiful frosted glass effect to any overlay element, blurring whatever is behind it. This is perfect for modals, cards, navigation..
Fix Jaggy Font Edges with CSS Font Smoothing and Antialiasing
If you've ever noticed that text on your website looks a bit jagged or pixelated - especially on certain browsers or high-resolution displays - this simple CSS snippet can help smooth things out. Fon..
bootstrap form basic - with card wrap
a nice simple bootstrap form layout example template, + added a card to wrap it
php error feed errors: XML or PCRE extensions not loaded!
1. Install/Enable the PHP XML Extension: Linux (Debian/Ubuntu): Open your terminal and run: Code ..
check connetions in linux every 10 seconds loop
just add this to a sh file and it will show the connections every 10 seconds. e.g. ./checkconns.sh354351325313303390386350365300364282263208271408338320
PHP FIX Fatal error: Uncaught Error: Call to undefined function curl_init()
Caused by Missing Curl Extention. sudo apt-get install php-curl restart nginx sudo service nginx restart
Fatal error: Uncaught Error: Call to undefined function mb_strlen()
this wasted an hour!!! grr sudo apt install php7.4-mbstring causes an error for php lite admin where it just displays blank
a reusable function that extracts the Gemini API functionality
Here's a reusable function that extracts the Gemini API functionality:The function generateWithGemini() accepts: $prompt - The text prompt to send to the API $apiKey - Your Gemini API key $model ..
SQLite - load a game from games, that has not been processed - AI
Im just going add some of these here as they might be useful in the future. Request: Can you write a sqlite query to select the latest game from this table using insdate as the datetime structure ..
blocking ip range with ufw
You can block an entire IP range using CIDR (Classless Inter-Domain Routing) notation with ufw. To block all addresses under 57.141.2.x, you'd specify the network as 57.141.2.0/24.1 ..
check and block connections script
a safe diagnostic script that helps you check and analyze the connections. ⚠️ Why Automatic Blocking is a Bad Idea You could lock yourself out: An automated script ..
block ip address ranges on ubuntu linux with UFW
sudo ufw deny from 203.0.113.0/24
Content Editable
content editable tags with also making the style sheet editable as well as block if i dont target the style by an ID then it just makes all style tags on the page as display block which is a bit anno..
matrix test video no sound mp4
Link https://i.imgur.com/uotAQao.mp4 Preview
CSS 4 box custom grid row - New Version - July 2025
I fixed this one a little bit so that the boxes actually fit within the element width, as before they were kinda sticking out abit too much. Old Version.
override the hero image background on this page
this is just cos im lazy and want to override the image here ^^^
Striped Background Gradients in CSS + HTML
Testing out Stacked Linear Gradient background to create striped gradients in CSS and HTML.
Changing the Background in CSS
Some of the properties of using a CSS background on a div, how to set the background color, opacity and also using an image as a background with CSS. ⌚Timestamps🏹 0:15 CSS Backgroun..
list all network connections linux
list all of the network connections netstat -a list a summary of the connections ss --summary list connections with count netstat -an|grep ESTABLISHED
blocking all ips in a range
block all ips in a range // The IP prefixes you want to block. Add a dot at the end.$ip_block = ['47.79.']; foreach ($ip_block as $ip_block_val) { // Check if the user's IP address begins ..
sticky table headers
nice looking tables that have sticky headers, credits in link below. seems to be all css as well, nice! commented out the global stuff
modal no libs just js and css
modal with no js libs just css html and a bit of js... yay?
Using accent-color to change check box color
So apparently accent color is a new(ish) property or maybe its just new to me. You can use this to change or select things like the background color on input check boxes. You can see in the exampl..
Making an image responsive using css using background cover
the following css will make an image display 100% its size and keep its aspect ratio if the screen size or element size gets smaller than the containing image. you should be able to drag the edge of t..
change slick slides to adaptive height
just a code snippit at the moment need to add a working example here
Locate a DIV and CLASS and create an IMAGE element using JAVASCRIPT
I had this weird request the other day, well today to replace an image thumbnail that was generated by an aspx script, but the link was from youtube and the list was not auto loading the thumbnail.&nb..
