Jeremy Lund lund0n

## index.html
<div ng-app="demo" ng-controller="Demo as vm">
  <form name="example">
    <div>
    <label>Your name:
      <input type="text" name="name" ng-model="vm.name" required/>
      <span ng-show="example.name.$invalid">invalid!</span>
    </label>
      </div>
    <div>Name your three favorite ice cream flavors:</div>
    <ul>

## QwGRVZ.markdown

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                lund0n
                / QwGRVZ.markdown
            
            
              Created
              January 6, 2015 19:52
            
              
                QwGRVZ
              
          
    QwGRVZ

A Pen by Jeremy Lund on CodePen.
License.

  
## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    html, body {
      height: 100vh;
      display: flex;
      flex-direction: column;

## index.js
// Just a couple of examples from the crypto-js README.
// run with `node bundle.js` after running the rollup build.
import CryptoJS from 'crypto-js';
import SHA256 from 'crypto-js/sha256';
console.log(CryptoJS.HmacSHA1('Message', 'Key'));
console.log(SHA256('Message'));


## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                lund0n
                / README.md
            
            
              Last active
              October 1, 2018 23:03
            
              
                Converts all styled-components `Component.extend` calls to `styled(Component)` calls
              
          
    styled-convert-extend.js

Converts components using the legacy Component.extend syntax to styled(Component).
Adds or modifies the styled-components import as needed.
Samples (in astexplorer.net):


with styled-components import
without styled-components import
without default import on styled-components


## index.js
#!/usr/bin/env node
const glob = require('glob')
const { bold, cyan, gray, italic, magenta } = require('kleur')

const cwd = process.argv[2] || process.cwd()

const toPercentage = (numerator, denominator) => denominator > 0 ? ((numerator / denominator) * 100) : 0

const stats = Object.entries({
  ALL: '**/*.{js,tsx}',

## adjust-price.js
// from Egghead video: https://egghead.io/lessons/javascript-handle-branching-logic-with-ramda-s-conditional-functions
import * as R from 'ramda'

const products = [
  { name: 'Jeans', price: 80, category: 'clothes' },
  { name: 'Cards', price: 5, category: 'games' },
  { name: 'iPhone', price: 649, category: 'electronics' },
  { name: 'Freakonomics', price: 30, category: 'books' },
]

## script.sh
git diff packages/*/CHANGELOG.md | grep -E '^( ?# |\+[^+])' | cut -c 2- | sed 's/^\(#.*\)$/\1\n/' | pbcopy
	<div ng-app="demo" ng-controller="Demo as vm">
	<form name="example">
	<div>
	<label>Your name:
	<input type="text" name="name" ng-model="vm.name" required/>
	<span ng-show="example.name.$invalid">invalid!</span>
	</label>
	</div>
	<div>Name your three favorite ice cream flavors:</div>
	<ul>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
	html, body {
	height: 100vh;
	display: flex;
	flex-direction: column;
	// Just a couple of examples from the crypto-js README.
	// run with `node bundle.js` after running the rollup build.
	import CryptoJS from 'crypto-js';
	import SHA256 from 'crypto-js/sha256';
	console.log(CryptoJS.HmacSHA1('Message', 'Key'));
	console.log(SHA256('Message'));
	#!/usr/bin/env node
	const glob = require('glob')
	const { bold, cyan, gray, italic, magenta } = require('kleur')

	const cwd = process.argv[2] \|\| process.cwd()

	const toPercentage = (numerator, denominator) => denominator > 0 ? ((numerator / denominator) * 100) : 0

	const stats = Object.entries({
	ALL: '*/.{js,tsx}',
	// from Egghead video: https://egghead.io/lessons/javascript-handle-branching-logic-with-ramda-s-conditional-functions
	import * as R from 'ramda'

	const products = [
	{ name: 'Jeans', price: 80, category: 'clothes' },
	{ name: 'Cards', price: 5, category: 'games' },
	{ name: 'iPhone', price: 649, category: 'electronics' },
	{ name: 'Freakonomics', price: 30, category: 'books' },
	]