SanketBardePortfoliov2/fix-css.cjs at main · SANKETBARDE/SanketBardePortfoliov2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
const fs = require('fs');
const path = require('path');

const cssPath = path.join(__dirname, 'src', 'index.css');
let css = fs.readFileSync(cssPath, 'utf8');

const regex = /\.project-links\s*{[\s\S]*?(?=\/\* Resume Section \*\/)/;

const fixedCSS = `.project-links {
                        display: flex;
                        gap: 15px;
                        margin-top: 10px;

                        .btn {
                            text-decoration: none;
                            padding: 12px 25px;
                            border-radius: 10px;
                            font-size: 16px;
                            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                            font-weight: 600;
                            text-align: center;

                            &:first-child {
                                background: linear-gradient(145deg, rgba(255, 0, 0, 0.15), rgba(100, 0, 0, 0.05));
                                backdrop-filter: blur(10px);
                                -webkit-backdrop-filter: blur(10px);
                                border: none; outline: none;
                                color: #ffffff;
                                box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3);
                                letter-spacing: 0.5px;
                                font-weight: 500;
                                border-radius: 12px;
                                transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);

                                &:hover {
                                    background: linear-gradient(145deg, rgba(255, 0, 0, 0.25), rgba(180, 0, 0, 0.15));
                                    box-shadow: 0 15px 30px -5px rgba(255, 0, 0, 0.2);
                                    transform: translateY(-3px);
                                }
                            }

                            &.github-btn {
                                background: rgba(0, 0, 0, 0.3);
                                color: #ff3333;
                                border: 1.5px solid #ff3333;
                                box-shadow: 0 0 12px rgba(255, 51, 51, 0.4), inset 0 0 8px rgba(255, 51, 51, 0.2);
                                text-shadow: 0 0 8px rgba(255, 51, 51, 0.6);
                                font-weight: 600;
                                backdrop-filter: blur(10px);
                                -webkit-backdrop-filter: blur(10px);
                                transition: all 0.3s ease;

                                &:hover {
                                    background: rgba(255, 51, 51, 0.1);
                                    color: #ffffff;
                                    border: 1.5px solid #ff1a1a;
                                    box-shadow: 0 0 20px rgba(255, 26, 26, 0.8), inset 0 0 15px rgba(255, 26, 26, 0.5);
                                    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
                                    transform: translateY(-3px) scale(1.02);
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    `;

css = css.replace(regex, fixedCSS);
fs.writeFileSync(cssPath, css);
console.log('Fixed syntax and applied neon github button CSS.');