The screenshots were taken on different sessions.
The entire sessions are included on the screenshots.
I lost the original prompts, so I had to reconstruct them, and still managed to reproduce.
The "compressed" version is actually longer! Emojis and abbreviations use more tokens than common words.
文章
CSS
auto-fill vs auto-fit https://css-tricks.com/auto-sizing-columns-css-grid-auto-fill-vs-auto-fit/
| Stable Diffusion is an AI art generation model similar to DALLE-2. | |
| Here are some prompts for generating art with Stable Diffusion. | |
| Example: | |
| - A ghostly apparition drifting through a haunted mansion's grand ballroom, illuminated by flickering candlelight. Eerie, ethereal, moody lighting. | |
| - portait of a homer simpson archer shooting arrow at forest monster, front game card, drark, marvel comics, dark, smooth | |
| - pirate, deep focus, fantasy, matte, sharp focus | |
| - red dead redemption 2, cinematic view, epic sky, detailed, low angle, high detail, warm lighting, volumetric, godrays, vivid, beautiful | |
| - a fantasy style portrait painting of rachel lane / alison brie hybrid in the style of francois boucher oil painting, rpg portrait |
| # The Caddyfile is an easy way to configure your Caddy web server. | |
| # | |
| # Unless the file starts with a global options block, the first | |
| # uncommented line is always the address of your site. | |
| # | |
| # To use your own domain name (with automatic HTTPS), first make | |
| # sure your domain's A/AAAA DNS records are properly pointed to | |
| # this machine's public IP, then replace ":80" below with your | |
| # domain name. |
I have been working on a modern typing training application for the last couple of days. One of the main motivations was to build an app with a modern UI and minimal distractions, enabling to fully focus on the training aspect. You can read more about the original idea and thought process here as well as some notes on iterating over the details here.
After adding some minimal auto close functionalities for the code training section, you can read about it here, another important feature was to make the text training part more entertaining.
| import { | |
| convertGradientHandlesToTransform, | |
| convertTransformToGradientHandles | |
| } from "./setPropertyFill" | |
| describe("convertGradientHandlesToTransform", () => { | |
| it("identity matrix", () => { | |
| expect( | |
| convertGradientHandlesToTransform([ | |
| { |
| <head> | |
| <meta property="og:image" content="GifToEmbedURL"> # Change the content to the link of a gif of your choice, which will be shown as the embed. | |
| <meta property="og:type" content="video.other"> | |
| <meta property="og:video:url" content="VideoToEmbedURL"> # Change the content to the link of a video of your choice. Will work with videos over 50 MB, and even unsupported codecs such as AV1! | |
| <meta property="og:video:width" content="1920"> # Set this to the video's width and height, not required, but will show the video as intended if the aspect ratio and size is correct. | |
| <meta property="og:video:height" content="1080"> | |
| </head> |
| /* | |
| Made by Elly Loel - https://ellyloel.com/ | |
| With inspiration from: | |
| - Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/ | |
| - Andy Bell - https://piccalil.li/blog/a-modern-css-reset/ | |
| - Adam Argyle - https://unpkg.com/[email protected]/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE | |
| Notes: | |
| - `:where()` is used to lower specificity for easy overriding. | |
| */ |
| const isUseEffect = (node) => node.callee.name === 'useEffect'; | |
| const argumentIsArrowFunction = (node) => node.arguments[0].type === 'ArrowFunctionExpression'; | |
| const effectBodyIsSingleFunction = (node) => { | |
| const { body } = node.arguments[0]; | |
| // It's a single unwrapped function call: | |
| // `useEffect(() => theNameOfAFunction(), []);` | |
| if (body.type === 'CallExpression') { |
