Skip to content

Commit 439b5c8

Browse files
committed
update .profile_row margin, up the speed of the gradient liquid color effect.
1 parent fc7f1d4 commit 439b5c8

File tree

3 files changed

+14
-8
lines changed

3 files changed

+14
-8
lines changed

index.css

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -352,7 +352,9 @@ p.main__tech, a.main__link {
352352
flex-direction: row-reverse;
353353
margin: 5rem 0;
354354
}
355-
355+
.profile__row {
356+
margin: 3rem 0;
357+
}
356358
/* Profile elements */
357359
ul.profile__ul {
358360
width: 100%;
@@ -457,6 +459,9 @@ li.projects__tech-item.body__text {
457459
border-radius: 20px;
458460
cursor: default;
459461
}
462+
.projects__thumbnail:nth-child(1) img.projects__image {
463+
filter: contrast(0.6);
464+
}
460465
/* Projects Typography */
461466
.projects__title h1 {
462467
line-height: var(--line-height-secondary);
@@ -538,6 +543,7 @@ a.project__selected--link.list__text {
538543
text-decoration: underline;
539544
}
540545

546+
541547
/* ========== Contact Layout ========== */
542548
/* Contact Layout */
543549
.contact__lead {

modules/ClickEventModule.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -134,7 +134,7 @@ import { animateDividers, animateTextElements } from './AnimationsModule.js'
134134
listImages.forEach(img => {
135135
img.style.filter = "contrast(1)";
136136
if (img = imageSelected) {
137-
img.style.filter = "contrast(0.3)";
137+
img.style.filter = "contrast(0.6)";
138138
mainImage.src = imageSelected.src;
139139
}
140140
})

modules/GradientLiquidModule.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@ export const gradientLiquidAnimation = () => {
2323
*/
2424
const liquidMotionEffect = () => {
2525
// Generate random movements for the three radial-gradients.
26-
x1 += getRandomMovement(-2, 2);
27-
y1 += getRandomMovement(-2, 2);
26+
x1 += getRandomMovement(-5, 5);
27+
y1 += getRandomMovement(-5, 5);
2828

29-
x2 += getRandomMovement(-2, 2);
30-
y2 += getRandomMovement(-2, 2);
29+
x2 += getRandomMovement(-5, 5);
30+
y2 += getRandomMovement(-5, 5);
3131

32-
x3 += getRandomMovement(-2, 2);
33-
y3 += getRandomMovement(-2, 2);
32+
x3 += getRandomMovement(-5, 5);
33+
y3 += getRandomMovement(-5, 5);
3434

3535
// Limit the positions so that they do not leave the screen.
3636
x1 = Math.max(0, Math.min(100, x1));

0 commit comments

Comments
 (0)