{"size": 2312, "ext": "js", "max_stars_repo_path": "resources/js/components/Home/index.js", "max_stars_repo_name": "Nicogz19/gym-note", "max_stars_repo_stars_event_min_datetime": "2021-05-30T20:26:07.000Z", "max_stars_repo_stars_event_max_datetime": "2021-05-30T20:26:07.000Z", "max_issues_repo_path": "resources/js/components/Home/index.js", "max_issues_repo_name": "Nicogz19/gym-note", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "resources/js/components/Home/index.js", "max_forks_repo_name": "Nicogz19/gym-note", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 37.2903225806, "max_line_length": 227, "alphanum_fraction": 0.544982699}
import React from 'react';
import ReactDOM from 'react-dom';
import Grid from '@material-ui/core/Grid';
import Paper from '@material-ui/core/Paper';
import Box from '@material-ui/core/Box';
import Typography from '@material-ui/core/Typography';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
    paper: {
        padding: 30,
        width: 300,
        background: '#98101094',
        '&:hover': {
            background: '#5a090994'
        },
    },
    link:{
        textDecoration: 'none',
    },
    white: {
        color: 'white',
    },
    titulo: {
        color: 'white',
        textShadow: '4px 4px black',
        fontWeight: 900,
    },
});

export default function Home() {
    const classes = useStyles();
    return (
        <div>
            <Box mb={5}>
                <Typography className={classes.titulo} align="center" variant="h3">Notas</Typography>
            </Box>
            <Grid container justify="space-evenly">
                <Grid item>
                    <a className={classes.link} href="http://127.0.0.1:8000/rutinas">
                        <Paper elevation={3} className={classes.paper}>
                            <Typography align="center" variant="h4" className={classes.white}>Rutinas</Typography>
                            <Typography align="center" variant="body2" className={classes.white}>Podras llevar un registro de tus rutinas favoritas para no olvidartelas</Typography>
                        </Paper>
                    </a>
                </Grid>
                <Grid item>
                    <a className={classes.link} href="http://127.0.0.1:8000/notas">
                        <Paper elevation={3} className={classes.paper}>
                            <Typography align="center" variant="h4" className={classes.white}>Notas</Typography>
                            <Typography align="center" variant="body2" className={classes.white}>Podras llevar un registro de tus actividades fisicas, agregando la fecha, la duracion y los ejercicios que realizaste</Typography>
                        </Paper>
                    </a>
                </Grid>
            </Grid>
        </div>
    );
}

if (document.getElementById('home')) {
    ReactDOM.render(<Home />, document.getElementById('home'));
}