Sample markup containing most HTML5 elements for jumpstarting/testing css
A Pen by Matt Daniel Brown on CodePen.
#!/bin/bash | |
# llmfeed.sh - Copy repository contents to make them easily digestable for LLMs | |
# | |
# Author: Felix Weiglhofer | |
# License: MIT | |
# | |
# Description: | |
# Flattens the (text) content of a repository into a single string that can be | |
# easily read by LLMs. Inspired by uithub.com. | |
# |
Sample markup containing most HTML5 elements for jumpstarting/testing css
A Pen by Matt Daniel Brown on CodePen.
/** | |
* Use the default user interface font in all browsers (opinionated). | |
*/ | |
html { | |
font-family: | |
system-ui, | |
/* macOS 10.11-10.12 */ -apple-system, | |
/* Windows 6+ */ "Segoe UI", | |
/* Android 4+ */ "Roboto", |
#!/usr/bin/env bash | |
function define_color_escape_code_variables() { | |
# black='\e[0;30m' | |
export black='\e[30m' | |
export red='\e[31m' | |
export green='\e[32m' | |
export brown='\e[33m' |
A Pen by Matt Daniel Brown on CodePen.
A Pen by Matt Daniel Brown on CodePen.
I referred to 'https://tympanus.net/codrops/2020/12/17/recreating-a-dave-whyte-animation-in-react-three-fiber/'.
It's an amazing article.
A Pen by Matt Daniel Brown on CodePen.
I bought M1 MacBook Air. It is the fastest computer I have, and I have been a GNOME/GNU/Linux user for long time. It is obvious conclusion that I need practical Linux desktop environment on Apple Silicon.
Fortunately, Linux already works on Apple Silicon/M1. But how practical is it?
<body class="flex items-center justify-center w-screen min-h-screen p-10"> | |
<!-- Resice the preview panel to check the responsiveness --> | |
<!-- Component Start --> | |
<div class="grid xl:grid-cols-4 md:grid-cols-2 grid-cols-1 gap-2 max-w-6xl"> | |
<!-- Tile 1 --> | |
<div class="flex flex-col bg-gray-200 rounded-lg p-4 m-2"> | |
<div class="h-40 bg-gray-400 rounded-lg"></div> | |
<div class="flex flex-col items-start mt-4"> | |
<h4 class="text-xl font-semibold">Heading</h4> |
A Pen by Matt Daniel Brown on CodePen.