Skip to content

Instantly share code, notes, and snippets.

Avatar
🍰
desserts backwards is stressed (or is it the other way around?)

Claire Wang ClaireBookworm

🍰
desserts backwards is stressed (or is it the other way around?)
View GitHub Profile
@ClaireBookworm
ClaireBookworm / style.css
Last active Feb 23, 2021 — forked from sporeball/style.css
scrapbook CSS
View style.css
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&display=swap');
:root {
--colors-muted:#2e75b5;
--colors-elevated:#009aab;
--colors-sunken:#4599ba;
--colors-black:#8492a6;
--colors-yellow:#a163ff;
--colors-cyan:#9650ff;
--colors-blue:#7e28ff;
View triangle-mesh.js
function setup() {
createCanvas(400,400);
// var canvas = document.querySelector('canvas');
var context = canvas.getContext('2d');
var size = 400;
context.lineJoin = 'bevel';
var line, dot,
odd = false,
View checkered-spots.js
function setup() {
createCanvas(800, 800);
angleMode(DEGREES);
rectMode(CENTER);
const ctx = drawingContext;
const x = width / 2;
const y = height / 2;
const squareSideDotsCount = 30;
stroke(0);
View bw-sun-p5
function setup() {
createCanvas(800, 800);
angleMode(DEGREES);
rectMode(CENTER);
const ctx = drawingContext;
const x = width / 2;
const y = height / 2;
const squareSideDotsCount = 30;
const squareVertices = [];
View scrappystyles.css
/* */
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
body {
/* background-color:#1b1a1f; */
background-image: url("https://images.unsplash.com/photo-1601844569046-b72c31389677?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=752&q=80") !important;
background-repeat: no-repeat;
background-size: 100%;
background-position: fixed;