dephora

Material Portfolio Messaround - Dark

A Pen by Matt on CodePen.

License.

dephora

Random Quote Machine 2

A Pen by Matt on CodePen.

License.

dephora

<div class="box">
  <div class="box1"></div>
  <div class="box2"></div>

  <div class="box3"></div>

  <!-- <canvas></canvas> -->

  <button class="btn">help</button>
</div>

dephora

.box
  .box1.shadow
  .box2.shadow
  .box3.shadow
  .box4.shadow
  .box5.shadow
  .box2.shadow
  .box3.shadow
  
  .flex-container

dephora

.box
  .box1.shadow
  .box2.shadow
  .box3.shadow
  .box4.shadow
  .box5.shadow
  
  %h3
    Click an element to create an overlay around it, press any key to clear the overlays. 
    

dephora

.container
  .inner-row
    .box.one
    .box.two
    .box.three
    .box.four    
    / button.btn.btn-reset Reset
  .inner-row
    button.btn.btn-animate Animate
  .inner-row

dephora

.container
  .inner-row
    .box.one
    .box.two
    .box.three
    .box.four    
    / button.btn.btn-reset Reset
  .inner-row
    button.btn.btn-start Start

dephora

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

dephora

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

dephora

import Ember from 'ember';
import { task, timeout } from 'ember-concurrency';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',

  myTask: task(function * () {
    let didConfirm = yield this.get('getConfirmation').perform("Are you sure?");
    if (didConfirm) {
      alert("woot");