Skip to content

Commit 996e355

Browse files
committed
style: modify ink canvas parameters and remove ai slop hover effects
- increase stroke spawn rate - decrease dot spawn rate - reduce dot opacity - remove border radius and translate hover effects from project and blog post cards
1 parent e8ade9d commit 996e355

2 files changed

Lines changed: 3 additions & 8 deletions

File tree

‎src/components/InkCanvas.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -185,18 +185,18 @@
185185
strokes = [];
186186
dots = [];
187187

188-
const strokeCount = 20 + Math.floor(Math.random() * 11);
188+
const strokeCount = 30 + Math.floor(Math.random() * 11);
189189
for (let i = 0; i < strokeCount; i++) {
190190
strokes.push(new InkStroke());
191191
}
192192

193-
const dotCount = 60 + Math.floor(Math.random() * 41);
193+
const dotCount = 20 + Math.floor(Math.random() * 21);
194194
for (let i = 0; i < dotCount; i++) {
195195
dots.push({
196196
x: width * (0.1 + Math.random() * 0.85),
197197
y: Math.random() * height,
198198
r: 1.5 + Math.random() * 4,
199-
opacity: 0.4 + Math.random() * 0.5
199+
opacity: 0.3 + Math.random() * 0.2
200200
});
201201
}
202202

‎src/styles/global.css‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -455,7 +455,6 @@ hr {
455455
display: block;
456456
padding: var(--space-lg) var(--space-lg);
457457
margin: 0 calc(-1 * var(--space-lg));
458-
border-radius: 8px;
459458
text-decoration: none;
460459
transition:
461460
background-color 0.3s var(--ease),
@@ -471,8 +470,6 @@ hr {
471470
.project-card:hover {
472471
background-color: var(--bg-card);
473472
box-shadow: 0 2px 20px rgba(28, 25, 23, 0.06), 0 1px 3px rgba(28, 25, 23, 0.04);
474-
transform: translateY(-1px);
475-
border-radius: 8px;
476473
}
477474

478475
.project-card:hover + .project-card {
@@ -649,7 +646,6 @@ hr {
649646
display: block;
650647
padding: var(--space-lg) var(--space-lg);
651648
margin: 0 calc(-1 * var(--space-lg));
652-
border-radius: 8px;
653649
background: none;
654650
transition:
655651
background-color 0.3s var(--ease),
@@ -664,7 +660,6 @@ hr {
664660
.blog-item:hover {
665661
background-color: var(--bg-card);
666662
box-shadow: 0 2px 20px rgba(28, 25, 23, 0.06), 0 1px 3px rgba(28, 25, 23, 0.04);
667-
transform: translateY(-1px);
668663
}
669664

670665
.blog-item__meta {

0 commit comments

Comments
 (0)