<commit_before>import React from 'react';
import { GridList, GridTile } from 'material-ui/GridList';

const styles = {
	root: {
		position: 'relative',
		display: 'flex',
		flexWrap: 'wrap',
		justifyContent: 'space-around',
		top: 50,
	},
	gridList: {
		width: '60%',
		height: 800,
		overflowY: 'auto',
		marginBottom: 24,
		background: 'white',
		'border-radius': 10,
	},
};

const tilesData = [
	{
		img: 'images/grid-list/00-52-29-429_640.jpg',
		title: 'Let\'s Get Started',
		author: 'jill111',
		featured: true,
	},
	{
		img: 'images/grid-list/burger-827309_640.jpg',
		title: '',
		author: 'pashminu',
	},
	{
		img: 'images/grid-list/camera-813814_640.jpg',
		title: '',
		author: 'Danson67',
	},
	{
		img: 'images/grid-list/hats-829509_640.jpg',
		title: '<NAME>',
		author: 'Hans',
	},
	{
		img: 'images/grid-list/honey-823614_640.jpg',
		title: '<NAME>',
		author: 'fancycravel',
	},
	{
		img: 'images/grid-list/vegetables-790022_640.jpg',
		title: '<NAME>',
		author: 'jill111',
	},
	{
		img: 'images/grid-list/water-plant-821293_640.jpg',
		title: '<NAME>',
		author: 'BkrmadtyaKarki',
	},
	{
		img: 'images/grid-list/morning-8343453_640.jpg',
		title: 'Technologies Used',
		author: 'fancycrave1',
		featured: true,
	},
];

const Landing = () => (
	<div style={styles.root}>
		<GridList
			cols={2}
			cellHeight={200}
			padding={1}
			style={styles.gridList}
		>
		{tilesData.map((tile) => (
			<GridTile
				key={tile.img}
				title={tile.title}
				titlePosition="top"
				titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 70%,rgba(0,0,0,0) 100%)"
				cols={tile.featured ? 2 : 1}
				rows={tile.featured ? 2 : 1}
			>
				<img src={tile.img} role="presentation" />
			</GridTile>
		))}
		</GridList>
	</div>
);

export default Landing;

// <div className="landing-div">
// 		<div className="container">
// 			<div className="row">
// 				<div className="col-lg-12">
// 					<div className="landing-message">
// 						<h1 className="landing-title">Landing Page</h1>
// 					</div>
// 				</div>
// 			</div>
// 		</div>
// 	</div><commit_msg>[refactor] removes landing page view because it is not completely built out<commit_after>import React from 'react';
import { GridList, GridTile } from 'material-ui/GridList';

// const styles = {
// 	root: {
// 		position: 'relative',
// 		display: 'flex',
// 		flexWrap: 'wrap',
// 		justifyContent: 'space-around',
// 		top: 50,
// 	},
// 	gridList: {
// 		width: '60%',
// 		height: 800,
// 		overflowY: 'auto',
// 		marginBottom: 24,
// 		background: 'white',
// 		'border-radius': 10,
// 	},
// };

// const tilesData = [
// 	{
// 		img: 'images/grid-list/00-52-29-429_640.jpg',
// 		title: 'Let\'s Get Started',
// 		author: 'jill111',
// 		featured: true,
// 	},
// 	{
// 		img: 'images/grid-list/burger-827309_640.jpg',
// 		title: '',
// 		author: 'pashminu',
// 	},
// 	{
// 		img: 'images/grid-list/camera-813814_640.jpg',
// 		title: '',
// 		author: 'Danson67',
// 	},
// 	{
// 		img: 'images/grid-list/hats-829509_640.jpg',
// 		title: '<NAME>',
// 		author: 'Hans',
// 	},
// 	{
// 		img: 'images/grid-list/honey-823614_640.jpg',
// 		title: '<NAME>',
// 		author: 'fancycravel',
// 	},
// 	{
// 		img: 'images/grid-list/vegetables-790022_640.jpg',
// 		title: '<NAME>',
// 		author: 'jill111',
// 	},
// 	{
// 		img: 'images/grid-list/water-plant-821293_640.jpg',
// 		title: '<NAME>',
// 		author: 'BkrmadtyaKarki',
// 	},
// 	{
// 		img: 'images/grid-list/morning-8343453_640.jpg',
// 		title: 'Technologies Used',
// 		author: 'fancycrave1',
// 		featured: true,
// 	},
// ];

const Landing = () => (
	<div>Landing Page</div>
// 	<div style={styles.root}>
// 		<GridList
// 			cols={2}
// 			cellHeight={200}
// 			padding={1}
// 			style={styles.gridList}
// 		>
// 		{tilesData.map((tile) => (
// 			<GridTile
// 				key={tile.img}
// 				title={tile.title}
// 				titlePosition="top"
// 				titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 70%,rgba(0,0,0,0) 100%)"
// 				cols={tile.featured ? 2 : 1}
// 				rows={tile.featured ? 2 : 1}
// 			>
// 				<img src={tile.img} role="presentation" />
// 			</GridTile>
// 		))}
// 		</GridList>
// 	</div>
);

export default Landing;

// <div className="landing-div">
// 		<div className="container">
// 			<div className="row">
// 				<div className="col-lg-12">
// 					<div className="landing-message">
// 						<h1 className="landing-title">Landing Page</h1>
// 					</div>
// 				</div>
// 			</div>
// 		</div>
// 	</div>
{'fraction_non_alphanumeric': 0.23155329049412807, 'fraction_numerical': 0.057168180810990475, 'mean_word_length': 2.640322580645161, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 55, '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': '1749122', 'n_tokens_mistral': 2282, 'n_tokens_neox': 1957, 'n_words': 298}