⚠️ Note 2023-01-21
Some things have changed since I originally wrote this in 2016. I have updated a few minor details, and the advice is still broadly the same, but there are some new Cloudflare features you can (and should) take advantage of. In particular, pay attention to Trevor Stevens' comment here from 22 January 2022, and Matt Stenson's useful caching advice. In addition, Backblaze, with whom Cloudflare are a Bandwidth Alliance partner, have published their own guide detailing how to use Cloudflare's Web Workers to cache content from B2 private buckets. That is worth reading,
Charles Roper charlesroper
🌱
charlesroper
/ How to setup a practically free CDN using Backblaze B2 and Cloudflare.md
Last active
December 30, 2024 03:09
How to setup a practically free CDN
charlesroper
/ spurs-colours.html
Last active
October 4, 2024 13:39
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| /* Define colour variables in the :root scope for easy reuse throughout the stylesheet */ | |
| :root { | |
| /* Grouped blue colours */ | |
| --blue-brand-color: hsl(231, 53%, 14%); /* Brand's main dark blue colour */ | |
| --blue-brand-dark-color: hsl(231, 40%, 9%); /* Darker variant of the brand's blue */ |
Accessible, inclusive fonts have been playing on my mind lately. So I've spent some time researching options for a workhorse body font.
I've considered a few things:
- Font must be highly legible and practical in a wide variety of formats. This includes print, digital, signs, TV, smartboard, soggy paper, laminated sheets, etc. Digital alone has a whole array of sub-categories to consider, including good quality screen, poor quality, low resolution, small screen, large screen, e-ink, etc.
- Should come in many weights and styles and be feature rich (at least of regular + bold + italic)
- Should be free or inexpensive.
| Name | Age | Years left | Market value (in €) |
|---|---|---|---|
| Levi Colwill | 21 | 5 | 50,000,000 |
| Reece James | 24 | 4 | 40,000,000 |
| Conor Gallagher | 24 | 1 | 32,000,000 |
| Armando Broja | 22 | 4 | 22,000,000 |
| Ian Maatsen | 21 | 2 | 18,000,000 |
| Lewis Hall | 19 | 1 | 15,000,000 |
| Trevoh Chalobah | 24 | 4 | 13,000,000 |
charlesroper
/ raindrop_tag_rename.py
Created
April 19, 2023 15:51
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Import requests library | |
| import requests | |
| import time | |
| import constants | |
| # Define the collection ID and the access token | |
| # collection_id = 33417911 | |
| collection_id = None | |
| live_run = False | |
| access_token = constants.RAINDROP_TOKEN |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $ cygstart -? | |
| cygstart is part of cygutils version 1.4.2 | |
| cygstart was originally authored by Michael Schaap | |
| Let Windows start a program or open a file or URL. | |
| Usage: cygstart [OPTION]... FILE [ARGUMENTS] | |
| Action options |
charlesroper
/ run_ssh_and_firefox.ps1
Created
March 21, 2024 01:16
PowerShell script that starts an ssh SOCKS proxy then starts a browser. When the browser closes, it also closes the ssh proxy.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Start the SSH command in the background | |
| $sshProcess = Start-Process -FilePath "ssh" -ArgumentList "-v -D 1080 -N -C <SSH_SERVER>" -PassThru | |
| # Wait for the SSH process to start | |
| Start-Sleep -Seconds 2 | |
| # Start browser | |
| Start-Process -FilePath "librewolf" -NoNewWindow | |
| # Wait for browser to close |
charlesroper
/ leadership-books.md
Created
June 23, 2019 18:53
I'm doing a training course at work and promised I would list some of the books on progressive leadership I have found useful. Here they are in alphabetical order.
I love Pixar movies. They have so very rarely fallen below the benchmark of excellent. Not only are they classic stories in their own right, they are also technical marvels. How does an organisation like Pixar maintain such a successful track record? How does it manage to be hugely commercially successful and critically acclaimed, too? Few studios can lay claim to staying so true to their art, especially when the stakes are so high, with the contemporary movies having typically having a budget in excess of $200 million. In this book, Ed Catmull explains how.
One of my favourite chapters, The Hungry Beast and the Ugly Baby, tells of how Pixar has to carefully balance the tension of feeding the "hungry beast" (that is, keeping the business going) with the need to generate and try new ideas, that enter the world a
charlesroper
/ Array.prototype.with().md
Last active
April 27, 2023 10:39
Examples of Array.prototype.with()
Here are some more creative uses for the Array.prototype.with() method:
- Creating a new array with a different value at a random index. This can be useful when you want to simulate a random change in an array.
const arr = [1, 2, 3, 4, 5];
const randomIndex = Math.floor(Math.random() * arr.length);
const randomValue = Math.floor(Math.random() * 10);
const withRandom = arr.with(randomIndex, randomValue);
console.log(withRandom); // e.g. [1, 2, 7, 4, 5]
charlesroper
/ cards.md
Last active
April 19, 2023 15:44
Using Bing to write a card system in HTML and CSS
Results: https://sly-platinum-concrete.glitch.me/
Me: I am building a responsive website that has a series of cards. The cards are arranged in a grid 3 columns wide. Each card has an image, some text, and a button at the bottom. Each card should be of equal height regardless of how much content there is. The buttons at the bottom should stick to the bottom of the card. When the screen is narrow (like on a smartphone), the cards should rearrange themselves into a single column. Please write HTML and CSS to handle this. The CSS should be modern and use CSS Grid. Try and use techniques from https://every-layout.dev/ if you can.
Bing: Sure, I can help you with that. Here is a possible HTML and CSS code to create a responsive website with cards using CSS Grid. I have used some techniques from https://every-layout.dev/ such as the cluster and the stack components. You can modify the code to suit your needs.
NewerOlder