Skip to content

Commit 79ece9d

Browse files
mathcodesmathcodes
committed
links hover styles
1 parent a03e057 commit 79ece9d

File tree

11 files changed

+66
-211
lines changed

11 files changed

+66
-211
lines changed

‎src/components/About/About.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
.about {
2-
min-height: 100vh;
32
position: relative;
43
top: 1px solid #fff;
54
background: linear-gradient(#222 0%, #444 75%, #232526 100%)

‎src/components/ButtonComponent/ButtonComponent.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ function ButtonComponent({label, link, width, height}) {
77
<Button
88
style={{
99
backgroundColor: '#232526',
10-
color: '#eaeaea',
10+
color: '#222',
1111
width: width ? width : '18rem',
1212
height: height ? height : '4rem',
1313
display: 'flex',

‎src/components/Landing/Landing.css‎

Lines changed: 23 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -56,24 +56,30 @@
5656

5757
.landing--social {
5858
font-size: 2rem;
59-
margin: 0 2rem;
59+
margin: 0 .5rem;
6060
transition: transform 0.5s;
6161
padding-bottom: .2rem;
62-
62+
color: #eaeaea;
6363
}
6464

6565
.landing--social:hover {
6666
transform: scale(1.2);
67+
color: #4faeba;
6768
}
6869

6970
.landing--social2 {
7071
font-size: 35px;
71-
margin: 0 1rem;
72+
margin: 0 .3rem;
7273
transition: transform 0.5s;
74+
display: flex;
75+
align-items: center;
76+
justify-content: flex-start;
7377
}
7478

7579
.landing--social2:hover {
7680
transform: scale(1.2);
81+
color: #4faeba;
82+
7783
}
7884

7985
.landing--container-right {
@@ -123,6 +129,12 @@
123129
font-family: "var(--primaryFont)", sans-serif;
124130
}
125131

132+
.lcl--content2{
133+
display: none;
134+
}
135+
136+
137+
126138
@media (max-width: 1100px) {
127139
.landing--img {
128140
--img-size: 300px;
@@ -172,7 +184,7 @@
172184
.lcr-buttonContainer {
173185
margin-top: 1rem;
174186
flex-direction: column;
175-
width: 200px;
187+
/* width: 200px; */
176188
height: 120px;
177189
align-items: flex-start;
178190
}
@@ -201,6 +213,13 @@
201213
.landing--social2 {
202214
display: inline-flex;
203215
}
216+
217+
.lcl--content2{
218+
display: flex;
219+
align-items: center;
220+
justify-content: center;
221+
}
222+
204223
.landing--container-right {
205224
box-sizing: border-box;
206225
padding: 0 2rem;

‎src/components/Landing/Landing.js‎

Lines changed: 11 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,17 @@ import {
1515
import { SiReplit } from 'react-icons/si';
1616
function Landing() {
1717
const { theme, drawerOpen } = useContext(ThemeContext);
18+
let randomColor = Math.floor(Math.random()*16777215).toString(16);
19+
console.log(randomColor)
20+
console.log(`#,${randomColor}`)
21+
1822

1923
return (
2024
<div className='landing'>
2125
<div className='landing--container'>
2226
<div
2327
className='landing--container-left'
24-
style={{ backgroundColor: theme.primary }}
28+
style={{ backgroundColor: theme.primary}}
2529
>
2630
<div className='lcl--content'>
2731
{socialsData.github && (
@@ -32,7 +36,6 @@ function Landing() {
3236
>
3337
<FaGithub
3438
className='landing--social'
35-
style={{ color: theme.secondary70 }}
3639
aria-label='GitHub'
3740
/>
3841
</a>
@@ -45,7 +48,6 @@ function Landing() {
4548
>
4649
<FaTwitter
4750
className='landing--social'
48-
style={{ color: theme.secondary70 }}
4951
aria-label='Twitter'
5052
/>
5153
</a>
@@ -58,7 +60,6 @@ function Landing() {
5860
>
5961
<FaLinkedin
6062
className='landing--social'
61-
style={{ color: theme.secondary70 }}
6263
aria-label='LinkedIn'
6364
/>
6465
</a>
@@ -71,7 +72,6 @@ function Landing() {
7172
>
7273
<FaYoutube
7374
className='landing--social'
74-
style={{ color: theme.secondary70 }}
7575
aria-label='YouTube'
7676
/>
7777
</a>
@@ -84,7 +84,6 @@ function Landing() {
8484
>
8585
<FaCodepen
8686
className='landing--social'
87-
style={{ color: theme.secondary70 }}
8887
aria-label='CodePen'
8988
/>
9089
</a>
@@ -97,7 +96,6 @@ function Landing() {
9796
>
9897
<SiReplit
9998
className='landing--social'
100-
style={{ color: theme.secondary70 }}
10199
aria-label='Replit'
102100
/>
103101
</a>
@@ -134,7 +132,7 @@ function Landing() {
134132
>
135133
<FaGithub
136134
className='landing--social2'
137-
style={{ color: theme.secondary70 }}
135+
138136
aria-label='GitHub'
139137
/>
140138
</a>
@@ -147,7 +145,7 @@ function Landing() {
147145
>
148146
<FaTwitter
149147
className='landing--social2'
150-
style={{ color: theme.secondary70 }}
148+
151149
aria-label='Twitter'
152150
/>
153151
</a>
@@ -160,7 +158,7 @@ function Landing() {
160158
>
161159
<FaLinkedin
162160
className='landing--social2'
163-
style={{ color: theme.secondary70 }}
161+
164162
aria-label='LinkedIn'
165163
/>
166164
</a>
@@ -173,7 +171,7 @@ function Landing() {
173171
>
174172
<FaYoutube
175173
className='landing--social2'
176-
style={{ color: theme.secondary70 }}
174+
177175
aria-label='YouTube'
178176
/>
179177
</a>
@@ -186,7 +184,7 @@ function Landing() {
186184
>
187185
<FaCodepen
188186
className='landing--social2'
189-
style={{ color: theme.secondary70 }}
187+
190188
aria-label='CodePen'
191189
/>
192190
</a>
@@ -199,7 +197,7 @@ function Landing() {
199197
>
200198
<SiReplit
201199
className='landing--social2'
202-
style={{ color: theme.secondary70 }}
200+
203201
aria-label='Replit'
204202
/>
205203
</a>

‎src/components/Skills/Skills.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,14 @@
55
justify-content: flex-start;
66
min-height: 60vh;
77
padding: 2.5rem 2rem 2rem 2rem;
8+
background: rgb(151, 151, 162);
89
}
910

1011
.skillsHeader {
1112
display: flex;
1213
align-items: center;
1314
justify-content: center;
15+
1416
}
1517

1618
.skillsHeader h2 {
@@ -168,4 +170,6 @@
168170
font-size: 18px;
169171
margin-top: 1rem;
170172
}
171-
}
173+
}
174+
175+

‎src/components/Skills/Skills.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,11 @@ function Skills() {
1919
return (
2020

2121
<div className="skills">
22-
<div style={{ backgroundColor: theme.secondary, height: '1rem' }}> </div>
22+
<div style={{ backgroundColor: theme.secondary70, height: '1rem' }}> </div>
2323

2424
<div className="skillsHeader">
2525
<div style={{ backgroundColor: theme.secondary50, height: '1rem' }}> </div>
26-
<h2 style={{ color: theme.secondary70 }}>Skills</h2>
26+
<h2 style={{ color: 'black' }}>Skills</h2>
2727
</div>
2828
<div className="skillsContainer">
2929
<div className="skill--scroll">

‎src/components/Testimonials/Testimonials.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ function Testimonials() {
9191
style={{ backgroundColor: theme.secondary }}
9292
>
9393
<FaArrowLeft
94-
style={{ color: theme.secondary70 }}
94+
style={{ color: theme.primary }}
9595
aria-label='Previous testimonial'
9696
/>
9797
</button>
@@ -101,13 +101,13 @@ function Testimonials() {
101101
style={{ backgroundColor: theme.secondary }}
102102
>
103103
<FaArrowRight
104-
style={{ color: theme.secondary70 }}
104+
style={{ color: theme.primary }}
105105
aria-label='Next testimonial'
106106
/>
107107
</button>
108108
</div>
109109
</div>
110-
<ButtonComponent label="CONTACT" link="./FormPage" />
110+
<ButtonComponent style={{ color: theme.primary }} label="CONTACT" link="./FormPage" />
111111

112112
</div>
113113
)}

‎src/data/headerData.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,5 @@ export const headerData = {
88
BG: 'https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/img/JCircle.png',
99
BG2: 'https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/src/assets/img/JCircle_dark_gray.png',
1010
resumePdf: 'https://raw.githubusercontent.com/mathcodes/mathcodes.github.io/main/public/Jon_Christie_Resume.pdf',
11+
CTA_MARKETING_FOR_OPEN_SOURCE: 'https://github.com/mathcodes/mathcodes.github.io/raw/sync/public/Marketing%20for%20Open-Source%20Projects.pdf',
1112
}

‎src/index.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ body{
1717

1818
}
1919
:root {
20-
--primary: #232526;
20+
--primary: #04a0ee;
2121
--white: #ffffff;
2222
}
2323
.css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{

0 commit comments

Comments
 (0)