<commit_before>import React from 'react'
import Logo from './logo'
import styled from 'styled-components'
import Link from 'gatsby-link'
import { TypingText } from '../Intro'
import {MobileHide} from '../MobileHide'

const Sidebar = ({ className, color, bgColor }) => (
  <div className={className}>
    <Link to="/">
      <Logo fill={color || "#000"} hoverfill={color ? '#CCC' : "#0000FF"} />
    </Link>
    <MobileHide>
     <p>Half of Eight</p> 
     <p><TypingText /></p>
    </MobileHide>
  </div>
)

const SidebarStyled = styled(Sidebar)`
  min-width: 250px;
  width: 15.5%;
  height: 100%;
  position: fixed;
  padding-top: 26px;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  font-size: 13px;
  background-color: ${props => props.bgColor ? props.bgColor : '#fff'};
  line-height: 1.7;
  max-width: 320px;
  p {
    color: ${props => props.color ? props.color : '#001d60'};
  }
  ${props => props.color ?
  `a{
    color ${props.color}
  }`
  : ''}
  @media(max-width: 560px){
    position: relative;
    width: 100%;
    margin: 0 auto;<commit_msg>no typing text<commit_after>import React from 'react'
import Logo from './logo'
import styled from 'styled-components'
import Link from 'gatsby-link'
import { TypingText } from '../Intro'
import {MobileHide} from '../MobileHide'

const Sidebar = ({ className, color, bgColor }) => (
  <div className={className}>
    <Link to="/">
      <Logo fill={color || "#000"} hoverfill={color ? '#CCC' : "#0000FF"} />
    </Link>
    <MobileHide>
     <p>Half of Eight</p> 
    </MobileHide>
  </div>
)

const SidebarStyled = styled(Sidebar)`
  min-width: 250px;
  width: 15.5%;
  height: 100%;
  position: fixed;
  padding-top: 26px;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  font-size: 13px;
  background-color: ${props => props.bgColor ? props.bgColor : '#fff'};
  line-height: 1.7;
  max-width: 320px;
  p {
    color: ${props => props.color ? props.color : '#001d60'};
  }
  ${props => props.color ?
  `a{
    color ${props.color}
  }`
  : ''}
  @media(max-width: 560px){
    position: relative;
    width: 100%;
    margin: 0 auto;
{'fraction_non_alphanumeric': 0.18276515151515152, 'fraction_numerical': 0.036931818181818184, 'mean_word_length': 3.175889328063241, 'pattern_counts': {'":': 0, '<': 24, '<?xml version=': 0, '>': 32, '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': '2246384', 'n_tokens_mistral': 843, 'n_tokens_neox': 764, 'n_words': 195}