[Project Name]

Every time you choose to apply a rule(s), explicitly state the rule(s) in the output. You can abbreviate the rule description to a single word or phrase.

Project Context

[Brief description ]

[more description]
[more description]
[more description]

jeffscottward / MintForm.tsx

Created March 19, 2021 16:15

IPFS Push

	/** @jsxRuntime classic */
	/** @jsx jsx */
	import React, { useEffect, useState } from 'react'
	import { FileDrop } from 'react-file-drop'
	import { jsx, Field, Flex, Button, Label, Box } from 'theme-ui'
	import { pinFilesToIPFS } from '../utils/pinFilesToIPFS'

	type MintFormProps = {}

	let formData

jeffscottward / React-Picture-fallback-system.js

Created August 4, 2020 23:09

A React.js based picture fallback system for all devices all file types all resolutions and shows them accordingly depending on how many breakpoints you supply

	const Picture = ({ name, path = "images/", bp = [] }) => {
	let viewports = {};
	let sizes = ["1x", "2x", "3x"];
	let fileExtensions = {
	svg: "svg+xml",
	webp: "webp",
	png: "png",
	jpg: "jpeg",
	gif: "gif"
	};

jeffscottward / Dynamic-grid-with-pointers-between-items-with-trails.js

Created April 6, 2020 20:37

	import React from 'react'

	const DynamicGrid = ({ xy, squareSize, data }) => {
	console.log(data);
	const rowCells = xy * 2 + 1
	let rowFlag = true
	let rowEnd = '20'
	let gutter = '1'
	let insertSpacesAtIndex = []
	let dataCopy = [...data]

jeffscottward / layout.html

Created March 23, 2020 02:18

Nth of type selector with classes

	<!-- https://codepen.io/brettdewoody/pen/rrKpPp -->
	<ul>
	<li>A</li>
	<li>B</li>
	<li>C</li>
	<li>D</li>
	<li>E</li>
	</ul>

jeffscottward / 3box-verify.txt

Created October 3, 2019 15:46

3box verify

	This post links my 3Box profile to my Github account! Web3 social profiles by 3Box.

	✅ did:muport:QmUxNyZzTQpVsCgsHUUxwjLdbBwXCLPiLnZuyNnACXnaTj ✅

	Create your profile today to start building social connection and trust online at https://3Box.io/

jeffscottward / FormGroup.js

Created August 23, 2019 16:48

OrderForm w/ State: Label + Inputs w/ onChange State sync + via HOC (useContext)

	import React from "react";
	import capitalize from "../utils/capitalize";

	const FormGroup = props => {
	const {
	group,
	field,
	onChange,
	type,
	size,

jeffscottward / Layout.js

Created August 5, 2019 16:11

Good Top Level Starting Point for React Projects

	// Uses the HOC state provider from the other GIST

	import React from "react";

	import Header from "../components/Header";
	import Main from "../components/Main";
	import SampleComponent from "../components/SampleComponent";

	import Global from "../constants/Global";

jeffscottward / example-test.spec.js

Created August 5, 2019 16:10

Mocha Chai Example

	const should = require("chai").should(); //actually call the function
	const foo = "bar";
	const beverages = { tea: ["chai", "matcha", "oolong"] };

	// https://codeburst.io/javascript-unit-testing-using-mocha-and-chai-1d97d9f18e71

	beforeEach("Setting up the userList", function() {
	console.log("beforeEach");
	});

jeffscottward / css3-animation.css

Created August 5, 2019 16:09

CSS3 Animation Fast Refrence

	.loading {
	animation: pulse .5s linear infinite;
	}
	@keyframes pulse {
	from { background: white; }
	to { background: red; }
	}

Jeff Scott Ward jeffscottward

[Project Name]

Project Context