Skip to content

Instantly share code, notes, and snippets.

@junyper
junyper / controllers.application\.js
Last active July 1, 2021 23:11
NestedRouteParams
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
@junyper
junyper / components.avatar\.js
Last active June 23, 2021 16:44
Avatar component
import Ember from 'ember';
import Component from 'ember-component';
import { alias, equal } from 'ember-computed';
export default Component.extend({
classNames: 'avatar-source',
classNameBindings: ['mini', 'imageLoaded'],
item: undefined,
avatarUrl: alias('item.avatarUrl'),
imageLoaded: false,
@junyper
junyper / pearpie.md
Last active October 3, 2017 13:27
asian pear pie

Ingredients

For the crust

  • 2 cups all-purpose flour
  • 1/2 cup rye flour
  • 2 tablespoons sugar
  • 1 teaspoon sea salt
  • 16 tablespoons unsalted cultured butter, cold
  • 2/3 cup ice water

For the filling

  • 2 tablespoons unsalted cultured butter
@junyper
junyper / codepen_button.html
Created August 14, 2017 22:13
codepen button
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<form
@junyper
junyper / index.html
Last active August 29, 2015 14:24
BNmXyx
Here is a menu <div class="Menu" role="menu">
<div class="Menu__MenuTrigger" tabindex="0">
<i class="icon-settings"></i>
<span class="screenreader-only">Options</span>
</div>
<ul class="Menu__MenuOptions is-below">
<li class="Menu__MenuOption is-active" role="menuitem" tabindex="-1">
<i class="icon-edit"></i>
1st Option
</li>
@junyper
junyper / SassMeister-input-HTML.html
Created June 2, 2015 18:12
Generated by SassMeister.com.
<div class="Grid">
<div class="GridCell Example">
Selvage umami Wes Anderson Carles authentic try-hard. Neutra DIY put a bird on it fanny pack chillwave narwhal, Austin synth wolf normcore Tumblr single-origin coffee.
</div>
<div class="GridCell Example">
Selvage umami Wes Anderson Carles authentic try-hard. Neutra DIY put a bird on it fanny pack chillwave narwhal, Austin synth wolf normcore Tumblr single-origin coffee. Banjo ugh brunch health goth, cold-pressed tilde selfies direct trade dreamcatcher food truck Portland pork belly whatever distillery. Hella chia wolf Blue Bottle, Bushwick farm-to-table Marfa ugh put a bird on it listicle aesthetic Odd Future. Neutra banh mi sriracha migas selvage wolf, church-key meditation tofu art party flannel. Photo booth chia typewriter Wes Anderson. Godard shabby chic Intelligentsia, single-origin coffee forage craft beer cold-pressed jean shorts fashion axe biodiesel direct trade fixie stumptown.
</div>
<div class="GridCell Example">
Hella chia w
@junyper
junyper / SassMeister-input-HTML.html
Created February 26, 2015 22:39
Generated by SassMeister.com.
<div class="Grid">
<div class="GridCell Example">
Selvage umami Wes Anderson Carles authentic try-hard. Neutra DIY put a bird on it fanny pack chillwave narwhal, Austin synth wolf normcore Tumblr single-origin coffee.
</div>
<div class="GridCell Example">
Selvage umami Wes Anderson Carles authentic try-hard. Neutra DIY put a bird on it fanny pack chillwave narwhal, Austin synth wolf normcore Tumblr single-origin coffee. Banjo ugh brunch health goth, cold-pressed tilde selfies direct trade dreamcatcher food truck Portland pork belly whatever distillery. Hella chia wolf Blue Bottle, Bushwick farm-to-table Marfa ugh put a bird on it listicle aesthetic Odd Future. Neutra banh mi sriracha migas selvage wolf, church-key meditation tofu art party flannel. Photo booth chia typewriter Wes Anderson. Godard shabby chic Intelligentsia, single-origin coffee forage craft beer cold-pressed jean shorts fashion axe biodiesel direct trade fixie stumptown.
</div>
<div class="GridCell Example">
Hella chia w
@junyper
junyper / SassMeister-input-HTML.html
Created February 22, 2015 06:26
Generated by SassMeister.com.
<p>foo</p>
<h1>Heading Level 1</h1>
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
App = Ember.Application.create()
App.Router.map ->
@route 'standards-list',
path: '/'
###### Routes #########
App.StandardsListRoute = Ember.Route.extend