ROASTMYCV/index.html at main · sarankumar1325/ROASTMYCV · 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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>RoastMyCV</title>
    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8'/><path d='M10 18v-1'/><path d='M14 18v-1'/><rect x='7' y='9' width='6' height='3' rx='.5'/><rect x='11' y='16' width='10' height='4' rx='1'/><path d='m17 8 3 3-3 3'/></svg>" type="image/svg+xml">
    <meta name="description" content="Get brutally honest feedback on your resume" />
    <meta name="author" content="RoastMyCV" />

    <meta property="og:title" content="RoastMyCV" />
    <meta property="og:description" content="Get brutally honest feedback on your resume" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@roastmycv" />
    <meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />

    <style>
      @keyframes toaster-animation {
        0% { transform: translateY(0); }
        50% { transform: translateY(-50px); }
        100% { transform: translateY(-30px); }
      }

      @keyframes audio-wave {
        0% { height: 5px; }
        50% { height: 20px; }
        100% { height: 5px; }
      }

      .audio-wave {
        display: flex;
        align-items: center;
        gap: 3px;
      }

      .audio-wave span {
        display: block;
        width: 3px;
        height: 15px;
        background: linear-gradient(to top, #f97316, #ef4444);
        border-radius: 3px;
      }

      .audio-wave span:nth-child(1) { animation: audio-wave 0.7s infinite; }
      .audio-wave span:nth-child(2) { animation: audio-wave 0.8s infinite 0.1s; }
      .audio-wave span:nth-child(3) { animation: audio-wave 1s infinite 0.2s; }
      .audio-wave span:nth-child(4) { animation: audio-wave 0.6s infinite 0.3s; }
      .audio-wave span:nth-child(5) { animation: audio-wave 0.9s infinite 0.4s; }
    </style>
  </head>

  <body>
    <div id="root"></div>
    <!-- IMPORTANT: DO NOT REMOVE THIS SCRIPT TAG OR THIS VERY COMMENT! -->
    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>