Skip to content

Instantly share code, notes, and snippets.

View soska's full-sized avatar
🏠
Working from home

Armando Sosa soska

🏠
Working from home
View GitHub Profile
@soska
soska / elastico.scss
Created March 3, 2011 21:16
A CSS3 only column framework
/*
Elastico SCSS
==============
Grid framework for CSS3 capabe browsers/devices like the iPad.
Author: Armando Sosa
---------------------------------------- */
@mixin column-system($columns: 8, $width:100%, $gap : 20px){
@soska
soska / bacon-sample.html
Created August 24, 2011 08:53
Bacon Sample Markup
<div id="wrapper">
<div class="bacon-slider">
<div class="slide">
<img src="imgs/sliders/slider1" />
<div class="slide-description">
<h2>Slide 1</h2>
description here…
</div>
</div>
<div class="slide">
@soska
soska / login.jsx
Created May 6, 2015 21:44
Login React Component
const React = require('react');
const Login = React.createClass({
propTypes:{
username : React.PropTypes.string,
password : React.PropTypes.string,
startWithLogin : React.PropTypes.bool,
error : React.PropTypes.string,
onLogin : React.PropTypes.func,
@soska
soska / tabs.jsx
Created December 28, 2015 19:15
Tabs Component
import React, {Children, cloneElement} from 'react';
import cx from 'classnames';
export const Tabs = ({
onChange = () => {},
selectedIndex = 0,
TabListComponent = TabList,
children,
}) => {
@soska
soska / EditableValue.js
Created August 2, 2016 00:17
An editable div component
class EditableValue extends Component{
static defaultProps = {
onChange: ()=>{},
type: 'text'
};
constructor(props){
super(props);
@soska
soska / test.js
Created March 11, 2017 01:55
testingscript
alert('testing');
@soska
soska / index.html
Created December 29, 2016 14:32 — forked from anonymous/index.html
Musical Chord Progression Arpeggiator
<article>
<aside id="aside"></aside>
<main id="main"></main>
</article>
@soska
soska / keeper.js
Created November 24, 2017 17:20
An idea for a simple component-based state manager
import { Component } from 'react';
class Keeper extends Component{
static defaultProps = {
initialState:{},
stateRoot:'keeper',
reducer:state=>state,
serialize:null
}
const defaultPluginOptions = {
extension: /\.worker.js$/,
};
const plugin = (config, pluginOptions, nextOptions) => {
const { extension } = pluginOptions;
config.module.rules.push({
test: extension,
use: [
@soska
soska / story.json
Created March 16, 2019 19:39
Story Example
This file has been truncated, but you can view the full file.
{
"result": {
"entity_type": "episode",
"slug": "alias-el-condor",
"versioned_slug": "alias-el-condor-v17",
"state": "review",
"title": "Alias el Cóndor",
"description": "Maracanã Stadium, Rio de Janeiro. September 3, 1989. The Chilean football team was playing the 1990 World Cup in Italy against Brazil. They needed the win, and Roberto Rojas, alias El Condor — Captain of the national team, goalkeeper and national idol — was willing to do anything to get it.",
"updated_at": "2019-02-24T19:28:08.914Z",
"banner_image_url": "https://bucketeer-5004978c-f427-4c97-b0f8-32e3484395b1.s3.amazonaws.com/public/prod/episode_version/banner_image/alias-el-condor-banner20181203-15-wtcwu0.jpg",