Skip to content

Commit f4fad7c

Browse files
mathcodesmathcodes
committed
SEO and refactoring
1 parent 03f8234 commit f4fad7c

File tree

18 files changed

+264
-434
lines changed

18 files changed

+264
-434
lines changed

‎src/App.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
@import './index.css';
2+
@import './index.scss';
3+
14
:root
25
{
36
--primaryFont: 'Poppins', sans-serif;
@@ -8,4 +11,11 @@
811

912
.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{
1013
color: #232526;
14+
}
15+
16+
.DLSwitch{
17+
position: absolute;
18+
left: 50%;
19+
top: 5%;
20+
z-index:1000;
1121
}

‎src/App.js‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,13 @@ dotenv.config()
1313

1414
function App() {
1515
const { theme } = useContext(ThemeContext);
16+
17+
console.log(theme)
18+
1619

17-
return (
20+
return (<>
1821
<div className={theme}>
1922
<FormspreeProvider project={process.env.YOUR_PROJECT_ID}>
20-
2123
<Router>
2224
<ScrollToTop />
2325
<Switch>
@@ -32,6 +34,7 @@ function App() {
3234
</FormspreeProvider>
3335

3436
</div>
37+
</>
3538
);
3639
}
3740

‎src/components/BackToTop/BackToTop.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,8 @@ function BackToTop() {
99
const [visible, setVisible] = useState(false);
1010

1111
const { theme } = useContext(ThemeContext);
12-
12+
13+
console.log(theme)
1314
const toggleVisible = () => {
1415
const scrolled = document.documentElement.scrollTop;
1516
if (scrolled > 300) {

‎src/components/Contacts/Contacts.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,8 @@ import './Contacts.css';
2020

2121
function Contacts() {
2222
const { theme } = useContext(ThemeContext);
23-
23+
24+
console.log(theme)
2425

2526

2627
const useStyles = makeStyles((t) => ({

‎src/components/PackageCards/PackageCards/PackageCards.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
2+
13
.service{
24
background-color: #fff444;
35
}

‎src/components/PreContact/PreContact.js‎

Lines changed: 31 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -2,55 +2,57 @@ import * as React from 'react';
22
import Paper from '@mui/material/Paper';
33
import Box from '@mui/material/Box';
44
import { Grid } from '@mui/material';
5-
import { createTheme, ThemeProvider } from '@mui/material/styles';
5+
import { useTheme, ThemeProvider } from '@mui/material/styles';
66
import PsychologyIcon from '@mui/icons-material/Psychology';
77
import HandshakeIcon from '@mui/icons-material/Handshake';
88
import WorkIcon from '@mui/icons-material/Work';
99
import UpgradeIcon from '@mui/icons-material/Upgrade';
1010
import { styled } from '@mui/material/styles';
1111
import './PreContact.css';
1212

13-
const theme = createTheme({
14-
status: {
15-
danger: ' #eaeaea',
16-
},
17-
palette: {
18-
primary: {
19-
main: '#232526',
20-
darker: '#135d66',
21-
},
22-
neutral: {
23-
main: '#BFD9DD',
24-
contrastText: '#333',
25-
},
26-
container: {
27-
height: '20rem',
28-
display: 'flex',
29-
flexDirection: 'column',
30-
justifyContent: 'center',
31-
},
32-
h2: {
33-
fontSize: '112rem',
34-
fontWeight: 'bold',
35-
color: 'red',
36-
}
37-
},
38-
});
13+
// const theme = createTheme({
14+
// status: {
15+
// danger: ' #eaeaea',
16+
// },
17+
// palette: {
18+
// primary: {
19+
// main: '#232526',
20+
// darker: '#135d66',
21+
// },
22+
// neutral: {
23+
// main: '#BFD9DD',
24+
// contrastText: '#333',
25+
// },
26+
// container: {
27+
// height: '20rem',
28+
// display: 'flex',
29+
// flexDirection: 'column',
30+
// justifyContent: 'center',
31+
// },
32+
// h2: {
33+
// fontSize: '112rem',
34+
// fontWeight: 'bold',
35+
// color: 'red',
36+
// }
37+
// },
38+
// });
3939

4040
const Item = styled(Paper)(({ theme }) => ({
4141

42+
43+
4244
backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#232526',
4345
...theme.typography.body2,
4446
padding: theme.spacing(1),
4547
textAlign: 'center',
4648
color: theme.palette.text.secondary,
4749
}
48-
)); console.log(theme.palette.mode)
50+
));
4951

5052

5153

5254
function PreContact() {
53-
55+
const theme = useTheme();
5456
return (
5557
<ThemeProvider theme={theme}>
5658
<Grid item xs={12} sm={8} md={5} component={Paper} elevation={6} square>
@@ -93,9 +95,6 @@ function PreContact() {
9395

9496
</Box>
9597
</Grid>
96-
97-
98-
9998
</ThemeProvider>
10099
);
101100
}

‎src/components/Projects/Projects.css‎

Lines changed: 73 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
.projects {
1+
.projects
2+
{
23
display: flex;
34
flex-direction: column;
45
align-items: center;
@@ -8,21 +9,24 @@
89
padding: 2rem;
910
}
1011

11-
.projects--header {
12+
.projects--header
13+
{
1214
display: flex;
1315
align-items: center;
1416
justify-content: center;
1517
width: 100%;
1618
margin: 1rem;
1719
}
1820

19-
.projects--header h1 {
21+
.projects--header h1
22+
{
2023
margin-bottom: 40px;
2124
font-size: 3.5rem;
2225
font-family: var(--primaryFont);
2326
}
2427

25-
.projects--body {
28+
.projects--body
29+
{
2630
width: 100%;
2731
display: flex;
2832
flex-direction: column;
@@ -31,17 +35,20 @@
3135
font-family: 'Poppins', sans-serif;
3236
}
3337

34-
.projects--bodyContainer {
38+
.projects--bodyContainer
39+
{
3540
display: flex;
3641
align-items: center;
3742
justify-content: center;
3843
gap: 4.5rem;
3944
width: 100%;
4045
}
4146

42-
.projects--viewAll {
47+
.projects--viewAll
48+
{
4349
width: 100%;
44-
padding: 2rem;
50+
padding: 1rem;
51+
font-size: .2rem;
4552
display: flex;
4653
align-items: center;
4754
justify-content: flex-end;
@@ -51,31 +58,39 @@
5158

5259

5360
.project--lang,
54-
.project--desc {
61+
.project--desc
62+
{
5563
z-index: 1;
5664
}
5765

5866
.project--desc:hover,
59-
.project--lang:hover {
67+
.project--lang:hover
68+
{
6069
z-index: 1000;
6170
}
6271

63-
.break{
64-
opacity:0;
72+
.break
73+
{
74+
opacity: 0;
6575
}
6676

6777
/* ------------------------------------ MEDIA QUERIES ------------------------------------ */
68-
@media screen and (min-width: 992px) {
69-
.projects--bodyContainer {
78+
@media screen and (min-width: 992px)
79+
{
80+
.projects--bodyContainer
81+
{
7082
display: flex;
7183
flex-direction: row;
7284
align-items: center;
7385
justify-content: center;
7486
width: 100%;
7587
}
7688
}
77-
@media screen and (max-width: 992px) {
78-
.projects--bodyContainer {
89+
90+
@media screen and (max-width: 992px)
91+
{
92+
.projects--bodyContainer
93+
{
7994
display: flex;
8095
flex-direction: column;
8196
align-items: center;
@@ -84,15 +99,54 @@
8499
}
85100
}
86101

87-
@media screen and (max-width: 800px) {
88-
.projects--header h1 {
102+
@media screen and (max-width: 800px)
103+
{
104+
.projects--header h1
105+
{
89106
font-size: 2.8rem;
90107
margin-bottom: 30px;
91108
}
92-
div.projectContent > img{
109+
110+
div.projectContent>img
111+
{
93112
width: 100%;
94113
height: 60%;
95114
transition: opacity 0.7s 0.3s;
96115
}
97116
}
98-
117+
118+
119+
.vaB
120+
{
121+
color: 'white';
122+
font-family: "'Poppins', sans-serif";
123+
background-color: '#232526';
124+
border-radius: '10px';
125+
font-size: '2rem';
126+
padding: '1rem';
127+
transition: 'color 0.2s';
128+
129+
}
130+
131+
.vaB:hover
132+
{
133+
color: '#232526';
134+
background-color: '#eaeaea';
135+
font-family: "'Poppins', sans-serif";
136+
cursor: 'pointer';
137+
}
138+
139+
.view{
140+
font-size: 1.2rem;
141+
color: gray;
142+
font-weight: 200;
143+
font-family: var(--primaryFont);
144+
transition: color 2.2s;
145+
}
146+
147+
.view:hover{
148+
font-size: 1.2rem;
149+
color: #D1ff;
150+
font-weight: 200;
151+
font-family: var(--primaryFont);
152+
}

0 commit comments

Comments
 (0)