<commit_before>import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Flex, Box, Header as _Header, H1, H2, LinkButton, P, UL, LI, A } from '../html';

class Header extends Component {
	render() {
		return (
			<_Header bg={'blue'} color="white">
				<Flex mw="1200px" mx="auto" align='center' py={5} px={4} wrap>
					<Box w={2/3}>
						<H1 f={6} m={0}>Styled System HTML Elements</H1>
					</Box>
					<Box w={1/3} align="right">
						<LinkButton bg={'blue8'}>View on Github</LinkButton>
					</Box>
					<Box w={1}>
						<P>HTML elements extended as styled components via styled system, ready for theming. Built with/for:</P>
			      		<UL>
			      			<LI><A color="white" fontWeight="bold" href="http://styled-components.com">Styled Components</A></LI>
			      			<LI><A color="white" fontWeight="bold" href="http://jxnblk.com/styled-system/">Styled System</A> by <A color="white" fontWeight="bold" href="http://jxnblk.com"><NAME></A></LI>
			      			<LI><A color="white" fontWeight="bold" href="http://jxnblk.com/grid-styled/">Grid Styled</A> by <A color="white" fontWeight="bold" href="http://jxnblk.com"><NAME></A></LI>
			      		</UL>
					</Box>
				</Flex>		
			</_Header>
		);<commit_msg>add github project link to header<commit_after>import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Flex, Box, Header as _Header, H1, H2, LinkButton, P, UL, LI, A } from '../html';

class Header extends Component {
	render() {
		return (
			<_Header bg={'blue'} color="white">
				<Flex mw="1200px" mx="auto" align='center' py={5} px={4} wrap>
					<Box w={2/3}>
						<H1 f={6} m={0}>Styled System HTML Elements</H1>
					</Box>
					<Box w={1/3} align="right">
						<LinkButton href="https://github.com/johnpolacek/styled-system-html/" bg={'blue8'}>View on Github</LinkButton>
					</Box>
					<Box w={1}>
						<P>HTML elements extended as styled components via styled system, ready for theming. Built with/for:</P>
			      		<UL>
			      			<LI><A color="white" fontWeight="bold" href="http://styled-components.com">Styled Components</A></LI>
			      			<LI><A color="white" fontWeight="bold" href="http://jxnblk.com/styled-system/">Styled System</A> by <A color="white" fontWeight="bold" href="http://jxnblk.com"><NAME></A></LI>
			      			<LI><A color="white" fontWeight="bold" href="http://jxnblk.com/grid-styled/">Grid Styled</A> by <A color="white" fontWeight="bold" href="http://jxnblk.com"><NAME></A></LI>
			      		</UL>
					</Box>
				</Flex>		
			</_Header>
		);
{'fraction_non_alphanumeric': 0.20031298904538342, 'fraction_numerical': 0.014084507042253521, 'mean_word_length': 3.370940170940171, 'pattern_counts': {'":': 0, '<': 75, '<?xml version=': 0, '>': 75, 'https://': 1, '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': '2817032', 'n_tokens_mistral': 1064, 'n_tokens_neox': 901, 'n_words': 212}