dadobos/me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated dependencies

Browse Source
This commit is contained in:
Dan Dobos
2022-05-04 00:33:11 +02:00
parent 0b28182458
commit 559654aa9d
59 changed files with 7414 additions and 22938 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/about/About.jsx
+69 -86
View File
@@ -1,94 +1,77 @@
import React from 'react';
import { Container, Grid, Typography, Link } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles((theme) => ({
// root: {
// display: 'flex',
// flexDirection: 'column',
// justifyContent: 'flex-end',
// height: 'auto',
// },
container: {
marginTop: 'auto',
// height:'100vh'
display: 'flex',
// position: 'absolute',
},
name: {
textTransform: 'uppercase',
letterSpacing: '2rem',
[theme.breakpoints.down('md')]: {
letterSpacing: '1rem',
fontSize: '1.4rem',
fontWeight: 'bold',
},
},
}));
import { Container, Grid, Typography, Link } from '@mui/material';
import { useTheme } from '@mui/material/styles';
const About = () => {
const classes = useStyles();
const theme = useTheme();
return (
<Container id="about">
<Grid container direction="row" alignItems="stretch" justify="flex-end">
<div
style={{
height: '70vh',
display: 'flex',
alignItems: 'flex-end',
}}
>
<Grid
className={classes.container}
container
direction="column"
alignItems="flex-end"
justify="flex-end"
spacing={3}
>
<Grid item>
<Typography variant="h4" align="right" inline="true">
Software Developer
</Typography>
</Grid>
<Grid item>
<Typography
variant="h1"
gutterBottom
align="right"
inline="true"
className={classes.name}
>
Dan Dobos
</Typography>
</Grid>
return (
<Container id='about'>
<Grid
container
direction='row'
alignItems='stretch'
justifyContent='flex-end'>
<div
style={{
minHeight: '70vh',
display: 'flex',
alignItems: 'flex-end',
}}>
<Grid
container
direction='column'
alignItems='flex-end'
justifyContent='flex-end'
spacing={3}>
<Grid item>
<Typography variant='h4' align='right' inline='true'>
Software Developer
</Typography>
</Grid>
<Grid item>
<Typography
variant='h1'
gutterBottom
inline='true'
sx={{
fontFamily: 'Chilanka',
textTransform: 'uppercase',
letterSpacing: '2rem',
textAlign: 'left',
[theme.breakpoints.down('md')]: {
textAlign: 'right',
letterSpacing: '1rem',
},
}}>
Dan Dobos
</Typography>
</Grid>
<Grid item>
<Typography align="right" inline="true" variant="h6">
Characterized by the desire of understanding and implementing
technological innovations.
</Typography>
</Grid>
{/* <Grid item>Contact</Grid> */}
<Grid item>
<Typography align="right" inline="true">
Contact
</Typography>
<Link
variant="h6"
href="mailto:danandreidobos@gmail.com"
target="_blank"
color="inherit"
>
danandreidobos@gmail.com
</Link>
</Grid>
</Grid>
</div>
</Grid>
</Container>
);
<Grid item>
<Typography align='right' inline='true' variant='h6'>
Characterized by the desire of understanding and implementing
technological innovations.
</Typography>
</Grid>
<Grid item>
<Typography align='right' inline='true'>
Contact
</Typography>
<Link
variant='h6'
href='mailto:danandreidobos@gmail.com'
target='_blank'
color='inherit'>
danandreidobos@gmail.com
</Link>
</Grid>
</Grid>
</div>
</Grid>
</Container>
);
};
export default About;
src/pages/bestPractices/BestPractices.jsx
+9
View File
@@ -0,0 +1,9 @@
import React from 'react';
const BestPractices = () => {
return (
<div sx={{ minHeight: 'calc(100vh-128px)' }}>Best Practices ...in progress</div>
);
};
export default BestPractices;
src/pages/bestPractices/index.js
+1
View File
@@ -0,0 +1 @@
export {default} from './BestPractices'
src/pages/games/Games.jsx
+3 -3
View File
@@ -1,9 +1,9 @@
import React from 'react';
const Games = () => {
return (
<div style={{ minHeight: 'calc(100vh-128px)' }}>Games ...in progress</div>
);
return (
<div style={{ minHeight: 'calc(100vh-128px)' }}>Games ...in progress</div>
);
};
export default Games;
src/pages/home/Home.jsx
-47
View File
@@ -1,47 +0,0 @@
import React from 'react';
import { Grid, Typography, Divider } from '@material-ui/core';
import About from '../about';
import Games from '../games';
import Snippets from '../snippets';
import Projects from '../projects';
const Home = () => {
return (
<Grid container direction="row" alignItems="stretch" spacing={3}>
<Grid item container direction="column">
<Grid item>
<Typography variant="h3">Projects</Typography>
<Divider variant="inset"/>
</Grid>
<Grid item>
<Projects />
</Grid>
</Grid>
<Grid item container direction="column">
<Grid item>
<Typography variant="h3">Games</Typography>
<Divider variant="inset"/>
</Grid>
<Grid item>
<Games />
</Grid>
</Grid>
<Grid item container direction="column">
<Grid item>
<Typography variant="h3">Snippets</Typography>
<Divider variant="inset"/>
</Grid>
<Grid item>
<Snippets />
</Grid>
</Grid>
<Grid item container justify="flex-end">
<Grid item>
<About /></Grid>
</Grid>
</Grid>
);
};
export default Home;
src/pages/home/index.js
-1
View File
@@ -1 +0,0 @@
export { default } from './Home';
src/pages/landing/Landing.jsx
+48
View File
@@ -0,0 +1,48 @@
import React from 'react';
import { Grid, Typography, Divider } from '@mui/material';
import About from '../about';
import Games from '../games';
import BestPractices from '../bestPractices';
import Projects from '../projects';
const Home = () => {
return (
<Grid container direction='row' alignItems='stretch' spacing={3}>
<Grid item container direction='column'>
<Grid item>
<Typography variant='h3'>Projects</Typography>
<Divider variant='inset' />
</Grid>
<Grid item>
<Projects />
</Grid>
</Grid>
<Grid item container direction='column'>
<Grid item>
<Typography variant='h3'>Games</Typography>
<Divider variant='inset' />
</Grid>
<Grid item>
<Games />
</Grid>
</Grid>
<Grid item container direction='column'>
<Grid item>
<Typography variant='h3'>Best Practices</Typography>
<Divider variant='inset' />
</Grid>
<Grid item>
<BestPractices />
</Grid>
</Grid>
<Grid item container justifyContent='flex-end'>
<Grid item>
<About />
</Grid>
</Grid>
</Grid>
);
};
export default Home;
src/pages/landing/index.js
+1
View File
@@ -0,0 +1 @@
export { default } from './Landing';
src/pages/projects/Projects.jsx
+19 -9
View File
@@ -1,12 +1,22 @@
import React from 'react'
import React from 'react';
import Box from '@mui/material/Box';
const Projects = () => {
return (
<div style={{ minHeight: 'calc(100vh-128px)' }}>
Projects ...in progress
</div>
)
}
return (
<div >
Projects ...in progress
<Box>
{[...new Array(52)]
.map(
() => `Cras mattis consectetur purus sit amet fermentum.
Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.`
)
.join('\n')}
</Box>
</div>
);
};
export default Projects
export default Projects;
src/pages/snippets/Snippets.jsx
-11
View File
@@ -1,11 +0,0 @@
import React from 'react';
const Snippets = () => {
return (
<div style={{ minHeight: 'calc(100vh-128px)' }}>
Snippets ...in progress
</div>
);
};
export default Snippets;
src/pages/snippets/index.js
-1
View File
@@ -1 +0,0 @@
export {default} from './Snippets'