<commit_before>import React, {Component} from 'react';
import styled, {keyframes} from 'styled-components';
import pod from '../img/pod.svg';

import {times} from '../constants';

const moveIn = keyframes`
  from {
    transform: translateX(${0}) translateY(${0});
  }

  to {
    transform: translateX(0) translateY(0);
  }
`;

const buzz = keyframes`
  from {
    transform: scale(1) translateX(${Math.random()}) translateY(${Math.random()});
  }

  to {
    transform: scale(${1 + Math.random()}) translateX(${Math.random()}) translateY(${Math.random()});
  }
`;

const Img = styled.img`
  width: 3em;
  height: 3em;
  animation: ${buzz} ${times.podAnimation} linear 1;
`;

const Wrapper = styled.div`
  animation: ${moveIn} ${times.podAnimation} linear 1;
`;

export default class Pod extends Component {
  render() {
    const {departureStop, arrivalStop} = this.props;
    console.log(departureStop, arrivalStop);
    return (
      <Wrapper>
        <Img src={pod} alt="a lookup"/>
      </Wrapper>
    );
  }
}
<commit_msg>css for buzzing that sucks<commit_after>import React, {Component} from 'react';
import styled, {keyframes} from 'styled-components';
import pod from '../img/pod.svg';

import {times} from '../constants';

const buzz = keyframes`
  0%, 100% {
    transform: scale(1) translateX(${Math.random()}vh) translateY(${Math.random()}vw);
  }

  50% {
    transform: scale(${Math.random() * (1.4 - 0.6) + 0.6}) translateX(${Math.random()}vh) translateY(${Math.random()}vw);
  }
`;

const Img = styled.img`
  width: 3em;
  height: 3em;
  animation: ${buzz} ${.5 + Math.random()}s infinite;
  transform: scale(1);
`;

// moves from departure to arrival
const Wrapper = styled.div`
  transform: translateX(1px) translateY(1px) scale(1);
  transition: transform ${times.podAnimation}ms;
`;

export default class Pod extends Component {
  render() {
    const {departureStop, arrivalStop} = this.props;
    console.log(departureStop, arrivalStop);
    return (
      <Wrapper>
        <Img src={pod} alt="a lookup"/>
      </Wrapper>
    );
  }
}

{'fraction_non_alphanumeric': 0.1735336888027145, 'fraction_numerical': 0.014541929229277752, 'mean_word_length': 3.788863109048724, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '1319252', 'n_tokens_mistral': 718, 'n_tokens_neox': 707, 'n_words': 171}