Skip to content

Instantly share code, notes, and snippets.

View yarigpopov's full-sized avatar

Iaroslav Popov yarigpopov

View GitHub Profile
@yarigpopov
yarigpopov / index.html
Created August 5, 2014 09:58
A Pen by Iaroslav Popov.
<div class="container">
<ul class="tabs">
<li>
<div class="tab active">
<a href="#tab1">Option 1</a>
</div>
<div class="tab-content">
<h2>Heading 1</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
{
"vars": {
"@white": "#ffffff",
"@black": "#262626",
"@orange-lightest": "#FFEBD5",
"@orange-lighter": "#f9c79c",
"@orange-light": "#F5A360",
"@orange-default": "#f08532",
"@orange-dark": "#ce5909",
"@orange-darker": "#a43900",
@yarigpopov
yarigpopov / .block
Last active February 6, 2017 12:25 — forked from mbostock/.block
Chord Diagram
license: gpl-3.0
height: 960
border: no
@yarigpopov
yarigpopov / answer.html
Last active March 24, 2017 09:49
How I would implement toggle for show/hide
<div ng-switch on="selected[$index]">
<a ng-click="selected[$index]=!selected[$index]" href="#">
<div ng-switch-when="true">
Hide
</div>
<div ng-switch-default>
Show
</div>
</a>
</div>
@yarigpopov
yarigpopov / gist:37ff366f163731294237c64ab1462eb3
Last active May 9, 2017 11:16
Tips for installing R 3.3.3 with Gtk2 (for Rattle) on MacOS 10.12 Sierra
brew update
brew upgrade
brew install Caskroom/cask/xquartz

logout/login

brew tap homebrew/science

install R 3.3.3 from CPAN

brew update
brew upgrade
brew install Caskroom/cask/xquartz
logout/login
brew tap homebrew/science
install R 3.3.3 from CPAN
brew install Caskroom/cask/rstudio
import Ember from 'ember';
import { TimelineMax, TweenMax, easing } from 'gsap';
const { Power2, Back, Elastic } = easing;
export default Ember.Component.extend({
tagName: 'svg',
attributeBindings: ['height', 'width', 'xmlns', 'version', 'viewBox'],
viewBox:'0 0 370 370',
/* width: '100%',
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
str: '',
filterString: Ember.computed('str',{
get(){return 'str'},
set(key, value) {return this.set('str',value.replace(' ')) value}
}),
actions: {
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
filterString: '',
actions: {
changeFilterString(value) {
this.set('filterString',value.replace(/\s/g,''));
},
print(){
@yarigpopov
yarigpopov / router.js
Last active December 19, 2018 17:27 — forked from jelhan/router.js
loading substate and transition.abort()
import EmberRouter from '@ember/routing/router';
import config from './config/environment';
const Router = EmberRouter.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
this.route('route-with-loading-state');