<commit_before>/**
 * Global things that never change, colors and keyframes
 */

import { keyframes } from 'styled-components';
import {DIRECTIONS} from './station';

export const colors = {
  darkGrey: '#232323',
  lightGrey: '#353535',
  white: '#ffffff',
  black: '#191919',
  red: '#c91f1b'
};

export const times = {
  pod: {
    moveIn: 3000,
    moveAround: 5000
  }
};
const screens = (num) => `${num * 100/7}vh`;

export const sizes = {
  pod: {
    width: '3em',
    height: '3em'
  },
  hub: {
    width: '40vw',
    height: screens(4)
  },
  list: {
    height: screens(1)
  },
  icon: {
    width: '1em',
    height: '1em'
  }
};

export const animations = {
  moveAround() {
    return keyframes`
      0%, 100% {
        transform:
          rotate(0)
          scale(1)
          translateY(-${Math.random()}vh);
      }

      50% {
        transform: 
          rotate(0)
          scale(1)
          translateY(-${Math.random() + 2}vh);
      }
    `;
  },
  // todo: make this look better (#12)
  buzz() {
    return keyframes`
      0%, 100% {
        transform:
          scale(1)<commit_msg>add very light grey<commit_after>/**
 * Global things that never change, colors and keyframes
 */

import { keyframes } from 'styled-components';
import {DIRECTIONS} from './station';

export const colors = {
  darkGrey: '#232323',
  lightGrey: '#353535',
  veryLightGrey: '#b5b5b5',
  white: '#ffffff',
  black: '#191919',
  red: '#c91f1b'
};

export const times = {
  pod: {
    moveIn: 3000,
    moveAround: 5000
  }
};
const screens = (num) => `${num * 100/7}vh`;

export const sizes = {
  pod: {
    width: '3em',
    height: '3em'
  },
  hub: {
    width: '40vw',
    height: screens(4)
  },
  list: {
    height: screens(1),
    info: {
      width: '5vw'
    }
  },
  icon: {
    width: '1em',
    height: '1em'
  }
};

export const animations = {
  moveAround() {
    return keyframes`
      0%, 100% {
        transform:
          rotate(0)
          scale(1)
          translateY(-${Math.random()}vh);
      }

      50% {
        transform: 
          rotate(0)
          scale(1)
          translateY(-${Math.random() + 2}vh);
      }
    `;
  },
  // todo: make this look better (#12)
  buzz() {
    return keyframes`
      0%, 100% {
        transform:
          scale(1)
{'fraction_non_alphanumeric': 0.16434782608695653, 'fraction_numerical': 0.05304347826086957, 'mean_word_length': 2.047682119205298, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3169520', 'n_tokens_mistral': 914, 'n_tokens_neox': 828, 'n_words': 197}