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

changed layout, cleanup

Browse Source
This commit is contained in:
dadobos
2023-01-06 19:02:19 +01:00
parent 7a2df7fe14
commit 23b2ee0446
11 changed files with 76 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" />
<link
rel="icon"
href="https://raw.githubusercontent.com/diaid83/details/master/favicon.ico"
href="https://res.cloudinary.com/dadobos/image/upload/v1642766520/web/favicon_ugvc88.ico"
type="image/x-icon"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
src/components/main-card/MainCard.jsx
+5 -14
View File
@@ -11,17 +11,13 @@ import { useTheme } from '@mui/material/styles';
import { Tilt } from './Tilt';
// import { VioletColorWheel, SeaGreenCrayola } from 'themes/Colors';
const MainCard = ({ imageURL, title, description, url }) => {
const theme = useTheme();
// const shadowColor =
// theme.palette.mode === 'dark' ? SeaGreenCrayola : VioletColorWheel;
const options = {
reverse: true,
speed: 1200,
easing: 'cubic-bezier(.09,.67,.54,.76)'
// reset: false,
easing: 'cubic-bezier(.09,.67,.54,.76)',
};
return (
@@ -35,10 +31,6 @@ const MainCard = ({ imageURL, title, description, url }) => {
mx: 'auto',
color: theme.palette.text.secondary,
backgroundColor: theme.palette.background.paper,
// '&:hover': {
// transition: 'all .7s ease',
// boxShadow: `1px 1px 20px 10px ${shadowColor}`,
// },
}}>
<CardMedia
component='img'
@@ -46,6 +38,9 @@ const MainCard = ({ imageURL, title, description, url }) => {
image={imageURL}
alt={title}
/>
{{ description } !== '' && (
<Typography variant='body2'>{description}</Typography>
)}
<CardActionArea>
<CardContent
color='white'
@@ -53,10 +48,6 @@ const MainCard = ({ imageURL, title, description, url }) => {
<Typography gutterBottom variant='h6' component='div'>
{title}
</Typography>
<Typography></Typography>
{{ description } !== '' && (
<Typography variant='body2'>{description}</Typography>
)}
</CardContent>
</CardActionArea>
</Card>
src/data/Data.jsx
+36 -60
View File
@@ -1,65 +1,10 @@
export const FreeCodeCampData = [
{
// videoURL:
// 'https://res.cloudinary.com/dadobos/video/upload/v1653827756/web/TechnicalDocumentationPage_h03qkv',
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1653827744/web/TechnicalDocumentationPage_pbudut',
title: 'Technical Documentation',
description: '',
url: 'https://codepen.io/diaid/full/PoopdWd',
},
{
// videoURL:
// 'https://res.cloudinary.com/dadobos/video/upload/v1653827749/web/TributePage_iarfpr',
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1653827749/web/TributePage_hpxmr6',
title: 'Tribut Page',
description: '',
url: 'https://codepen.io/diaid/full/MWWeorj',
},
{
// videoURL:
// 'https://res.cloudinary.com/dadobos/video/upload/v1653827744/web/SurveyForm_g0ornr',
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1653827742/web/SurveyForm_upho4b',
title: 'Survey Form',
description: '',
url: 'https://codepen.io/diaid/full/jOOMBeL',
},
{
// videoURL:
// 'https://res.cloudinary.com/dadobos/video/upload/v1653827744/web/ProductLandingPage_fqwfjg',
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1653827745/web/ProductLandingPage_hebmnn',
title: 'Product Landing Page',
description: '',
url: 'https://codepen.io/diaid/full/GRRrKLW',
},
{
// videoURL:
// 'https://res.cloudinary.com/dadobos/video/upload/v1653827745/web/PersonalPortofolio_nibw6t',
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1653827743/web/PersonalPortofolio_exblcg',
title: 'Personal Portofolio',
description: '',
url: 'https://codepen.io/diaid/full/YzzVgwK',
},
];
export const CSSData = [
export const ReactData = [
{
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1653843087/web/AnchorTagHideComponents_vie5jq.png',
title: 'Anchor Tag Hide Components',
'https://res.cloudinary.com/dadobos/image/upload/v1673023170/web/uxfuyzap5kbs1si34g29.png',
title: 'Online Shop',
description: '',
url: 'https://codepen.io/diaid/full/MWOOogX',
},
{
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1653845210/web/RadioHideComponents_dvxpgw.png',
title: 'Radio Hide Components',
description: '',
url: 'https://codepen.io/diaid/full/qBVdgWW',
url: 'https://dadobos.github.io/online-shop/',
},
];
@@ -96,5 +41,36 @@ export const VueData = [
title: 'World Countries',
description: '',
url: 'https://dadobos.github.io/worldcountries/',
}
},
];
export const CSSData = [
{
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1673027279/web/msvc649ua0gahqegu31o.png',
title: 'Anchor Tag Hide Components',
description: '',
url: 'https://codepen.io/diaid/full/MWOOogX',
},
{
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1673027279/web/dprvsa15ocx3l34dxogo.png',
title: 'Radio Hide Components',
description: '',
url: 'https://codepen.io/diaid/full/qBVdgWW',
},
{
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1673025125/web/anidcin5lbxo2hced5i4.png',
title: 'Rounded Paragraph',
description: '',
url: 'https://codepen.io/diaid/full/QWxOgVm',
},
{
imageURL:
'https://res.cloudinary.com/dadobos/image/upload/v1673027940/web/z9qn4wstdtzpr4cf5xtx.png',
title: 'Responsive Table',
description: '',
url: 'https://codepen.io/diaid/full/xxJRGMB',
},
];
src/layouts/main/components/header/navigation/Navigation.jsx
+4 -4
View File
@@ -55,13 +55,13 @@ const Navigation = () => {
activeIndex: 1,
},
{
name: 'Games',
link: '/games',
name: 'Best Practices',
link: '/best-practices',
activeIndex: 2,
},
{
name: 'Best Practices',
link: '/best-practices',
name: 'Blog',
link: '/blog',
activeIndex: 3,
},
{
src/pages/blog/Blog.jsx
+9
View File
@@ -0,0 +1,9 @@
import React from 'react';
const Blog = () => {
return (
<div style={{ minHeight: 'calc(100vh-128px)' }}>Blog ...in progress</div>
);
};
export default Blog;
src/pages/blog/index.js
+1
View File
@@ -0,0 +1 @@
export {default} from './Blog'
src/pages/games/Games.jsx
-9
View File
@@ -1,9 +0,0 @@
import React from 'react';
const Games = () => {
return (
<div style={{ minHeight: 'calc(100vh-128px)' }}>Games ...in progress</div>
);
};
export default Games;
src/pages/games/index.js
-1
View File
@@ -1 +0,0 @@
export {default} from './Games'
src/pages/landing/Landing.jsx
+12 -10
View File
@@ -1,7 +1,7 @@
import React from 'react';
import { Grid, Typography, Divider } from '@mui/material';
import About from '../about';
import Games from '../games';
import Blog from '../blog';
import BestPractices from '../best-practices';
import Projects from '../projects';
@@ -17,15 +17,7 @@ const Home = () => {
<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>
@@ -36,6 +28,16 @@ const Home = () => {
</Grid>
</Grid>
<Grid item container direction='column'>
<Grid item>
<Typography variant='h3'>Blog</Typography>
<Divider variant='inset' />
</Grid>
<Grid item>
<Blog />
</Grid>
</Grid>
<Grid item container justifyContent='flex-end'>
<Grid item>
<About />
src/pages/projects/Projects.jsx
+5 -4
View File
@@ -1,14 +1,15 @@
import React from 'react';
import { FreeCodeCampData, JavaData, WebsitesData, VueData } from 'data/Data';
import { ReactData, JavaData, WebsitesData, VueData } from 'data/Data';
import MainAccordion from 'components/main-accordion/MainAccordion';
const Projects = () => {
return (
<>
<MainAccordion items={FreeCodeCampData} title='Free Code Camp' />
<MainAccordion items={JavaData} title='Java' />
<MainAccordion items={WebsitesData} title='Websites' />
{/* <MainAccordion items={FreeCodeCampData} title='Free Code Camp' /> */}
<MainAccordion items={ReactData} title='React' />
<MainAccordion items={VueData} title='Vue' />
<MainAccordion items={WebsitesData} title='HTML' />
<MainAccordion items={JavaData} title='Java' />
</>
);
};
src/routes/Routes.js
+3 -3
View File
@@ -9,7 +9,7 @@ import LandingLayout from '../layouts/landing';
const Home = lazy(() => import('../pages/landing'));
const About = lazy(() => import('../pages/about'));
const Projects = lazy(() => import('../pages/projects'));
const Games = lazy(() => import('../pages/games'));
const Blog = lazy(() => import('../pages/blog'));
const BestPractices = lazy(() => import('../pages/best-practices'));
export const CustomRoutes = () => {
@@ -45,10 +45,10 @@ export const CustomRoutes = () => {
/>
<Route
path='games'
path='blog'
element={
<MainLayout>
<Games />
<Blog />
</MainLayout>
}
/>