<commit_before>import React from 'react';
import TechTag from './TechTag';

let repoTitle = {
  'fontSize': '1.4rem',
  'borderBottom': '7px'
}
let linkStyle = {
  'fontSize': '.7rem',
  'color': 'rgb(47, 65, 91)'
}
let projectTag = {
  'fontSize': '.8rem'
}
let topBuffer = {
  'marginTop': '7px'
}

export default class ActiveProjectCard extends React.Component {
  render() {
    console.log(this.props.repoInfo);
    let techArray = this.props.repoInfo.technology.map( (el, idx) => {
      return <TechTag key={`tech-${idx}`} tech={el} />
    })
    return (
      <li className='collection-item project-card'>
        <div className='row'>
          <div className='col s9'>
            <div className='repo-title' style={repoTitle}>
              {this.props.repoInfo.projectData.name}
            </div>
          </div>
          <div className='col s3'>
            <span className='right'>
              {this.props.repoInfo.projectData.language}
            </span>
          </div>
          <div className='col s12'>
            <span><a href={this.props.repoInfo.liveSiteLink}  style={linkStyle}>Live Site Link</a></span>
            <span style={linkStyle}> | </span>
            <span><a href={this.props.repoInfo.projectData.svn_url}  style={linkStyle}>GitHub Repo LInk</a></span>
          </div>
          <div className='col s12'>
            <div className='project-tag' style={projectTag}>
              {this.props.repoInfo.projectTagline}
            </div>
          </div>
          <div className='col s12'>
              Images
          </div>
          <div className='col s12'>
            <div className='tech-array' style={topBuffer}>
              {techArray}
            </div>
          </div>
        </div>
      </li>
    )
  }
}<commit_msg>Basic layout for github card<commit_after>import React from 'react';
import TechTag from './TechTag';

let repoTitle = {
  'fontSize': '1.4rem',
  'borderBottom': '7px'
}
let linkStyle = {
  'fontSize': '.7rem',
  'color': 'rgb(47, 65, 91)'
}
let projectTag = {
  'fontSize': '.8rem'
}
let topBuffer = {
  'marginTop': '7px'
}

export default class ActiveProjectCard extends React.Component {
  render() {
    console.log(this.props.repoInfo);
    let techArray = this.props.repoInfo.technology.map( (el, idx) => {
      return <TechTag key={`tech-${idx}`} tech={el} />
    })
    return (
      <li className='collection-item project-card'>
        <div className='row'>
          <div className='col s9'>
            <div className='repo-title' style={repoTitle}>
              {this.props.repoInfo.projectData.name}
            </div>
          </div>
          <div className='col s3'>
            <span className='right'>
              {this.props.repoInfo.projectData.language}
            </span>
          </div>
          <div className='col s12'>
            <span><a href={this.props.repoInfo.liveSiteLink}  style={linkStyle}>Live Site Link</a></span>
            <span style={linkStyle}> | </span>
            <span><a href={this.props.repoInfo.projectData.svn_url}  style={linkStyle}>GitHub Repo LInk</a></span>
          </div>
          <div className='col s12'>
            <div className='project-tag' style={projectTag}>
              {this.props.repoInfo.projectTagline}
            </div>
          </div>
          <div className='col s12'>
              Images
          </div>
          <div className='col s12'>
            <div className='tech-array' style={topBuffer}>
              {techArray}
            </div>
          </div>
          <div className='col 12'>
            <div className='summary'>
              {this.props.repoInfo.summary}
            </div>
          </div>
        </div>
      </li>
    )
  }
}
{'fraction_non_alphanumeric': 0.15745708154506438, 'fraction_numerical': 0.012339055793991416, 'mean_word_length': 1.9879807692307692, 'pattern_counts': {'":': 0, '<': 77, '<?xml version=': 0, '>': 79, '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': '675752', 'n_tokens_mistral': 1165, 'n_tokens_neox': 1136, 'n_words': 236}