zebateira

{
  "0001": {
    "url": "data-structures",
    "redirects": [],
    "project": "IPFS",
    "title": "Decentralized Data Structures",
    "description": "The decentralized web relies on unique data structures and linking strategies. Learn about the benefits of hashing, content addressing, DAG and Merkle Trees!",
    "resources": [
      {
        "title": "Understanding How IPFS Deals with Files",

zebateira

.app {
    width: 100%;
    height: 100%;

    text-align: center;
    background-color: black;
    color: #e0e0e0;
}

.squares {

zebateira

Use these rapid keyboard shortcuts to control the GitHub Atom text editor on Mac OSX.

Key to the Keys

• ⌘ : Command key
• ⌃ : Control key
• ⌫ : Delete key
• ← : Left arrow key
• → : Right arrow key
• ↑ : Up arrow key

zebateira

// touchActiveClassName is a classname for the element when the item is active (touchstart).
export default (onTap, touchActiveClassName) => {
    let domElement;

    const onTouchStart = () => touchActiveClassName && domElement.classList.toggle(touchActiveClassName);
    const onTouchEnd = () => {
        touchActiveClassName && domElement.classList.toggle(touchActiveClassName);
        onTap();
    };

zebateira

const X_DELTA = 150; // 150 pixels
const DELAY_DETWEEN_DRAGS = 250; // 250 ms

export default (onDrag) => {
    let domElement;
    let startX;
    let lastDragged;

    return {
        ref: (ref) => (domElement = ref),

zebateira

export default ({ columns, size, item, center = true, direction = '' }) => (index) => {
    let x = 0;
    let y = 0;

    const col = index % columns;
    const row = Math.floor(index / columns);
    const centerSpacing = (item.width / 2) * (columns * (row + 1) - Math.min(size, columns * (row + 1)));

    x = item.width * col + (center ? centerSpacing : 0);
    y = item.height * row;