Skip to content

Instantly share code, notes, and snippets.

View colabottles's full-sized avatar
🌴
On vacation

Todd Libby colabottles

🌴
On vacation
87 followers · 114 following
View GitHub Profile
@colabottles
colabottles / App.test.js
Created June 23, 2020 09:43
How to write a Github Gist code snippet for Visually Impaired developers
import React from 'react';
import { render } from '@testing-library/react';
import App from './App';
test('renders learn react link', () => {
const { getByText } = render(<App />);
const linkElement = getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
});
@colabottles
colabottles / index.html
Created April 7, 2020 05:44
VanillaJS Academy: Day 45, Project: Debugging Broken Code
<!DOCTYPE html>
<html>
<head>
<title>Monsters! - Debug</title>
<style type="text/css">
body {
margin: 1em auto;
max-width: 40em;
width: 88%;
@colabottles
colabottles / index.html
Created March 5, 2020 05:47
Day Two // source https://jsbin.com/tajawal
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Day Two</title>
</head>
<body>
<script id="jsbin-javascript">
@colabottles
colabottles / index.html
Created March 5, 2020 05:41
Getting an element in the DOM // source https://jsbin.com/wazesod
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Getting an element in the DOM</title>
<style id="jsbin-css">
div{
background: green;
color: white;
@colabottles
colabottles / index.html
Created March 5, 2020 05:33
Getting an element in the DOM // source https://jsbin.com/wazesod
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Getting an element in the DOM</title>
<style id="jsbin-css">
div{
background: green;
color: white;
@colabottles
colabottles / index.html
Created January 19, 2020 01:59
Ron Swanson Quote Generator // source https://jsbin.com/vevajip
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ron Swanson Quote Generator</title>
<style id="jsbin-css">
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap');
* {
@colabottles
colabottles / index.html
Created January 19, 2020 01:55
Ron Swanson Quote Generator // source https://jsbin.com/vevajip
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Ron Swanson Quote Generator</title>
<style id="jsbin-css">
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap');
* {
@colabottles
colabottles / index.html
Created January 15, 2020 07:47
VanillaJS Day 9: Project 4: Character and Word Counts // source https://jsbin.com/cebecex
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>VanillaJS Day 9: Project 4: Character and Word Counts</title>
<style id="jsbin-css">
* {
box-sizing: border-box;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
@colabottles
colabottles / index.html
Created January 15, 2020 07:41
VanillaJS Day 9: Project 4: Character and Word Counts // source https://jsbin.com/cebecex
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>VanillaJS Day 9: Project 4: Character and Word Counts</title>
<style id="jsbin-css">
* {
box-sizing: border-box;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
@colabottles
colabottles / index.html
Created January 12, 2020 17:10
VanillaJS Day 7: Project 3 Character Count // source https://jsbin.com/cigenaf
<!DOCTYPE html>
<html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>VanillaJS Day 7: Project 3 Character Count</title>
<style id="jsbin-css">
* {
box-sizing: border-box;