Dear-dev/index.html at main · Codewithajoydas/Dear-dev · 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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dear Dev - Letters for the one who never gave up 💌</title>
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="./assets/web/favicon.ico" type="image/x-icon">

    <title>Dear Dev – Letters for the One Who Never Gave Up 💌</title>
    <meta name="title" content="Dear Dev – Letters for the One Who Never Gave Up 💌">
    <meta name="description"
        content="Dear Dev is a heartfelt web app that delivers motivational letters to developers. Fuel your coding journey with inspiration, one letter at a time.">
    <meta name="keywords"
        content="Dear Dev, motivational app for developers, developer mental health, love letters for coders, JavaScript self-love project, codewithajoydas, Ajoy Das portfolio">
    <meta name="author" content="Ajoy Das">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="canonical" href="https://deardev.codewithajoydas.live/">

    <meta property="og:type" content="website">
    <meta property="og:url" content="https://deardev.codewithajoydas.live/">
    <meta property="og:title" content="Dear Dev – Letters for the One Who Never Gave Up 💌">
    <meta property="og:description"
        content="Motivational letters made for developers. Visit daily to be reminded how far you've come. From your code, with love.">
    <meta property="og:image" content="./assets/web/icon-512-maskable.png">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://deardev.codewithajoydas.live/">
    <meta name="twitter:title" content="Dear Dev – Letters for the One Who Never Gave Up 💌">
    <meta name="twitter:description"
        content="Motivational messages for coders who need a reminder that they're doing great.">
    <meta name="twitter:image" content="./assets/web/icon-512-maskable.png">


    <style>
        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Quicksand:wght@300..700&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap');
    </style>
</head>

<body data-theme="">
    <header>
        <h3 class="logo" style="display: flex; justify-content: center; align-items: center; gap: 10px;">
            <span><img src="./assets/web/icon-192.png" width="50px" alt="" draggable="false"></span> Dear Dev.
        </h3>
        <div class="settings">
            <span class="theme">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="lucide lucide-sun-icon lucide-sun">
                    <circle cx="12" cy="12" r="4" />
                    <path d="M12 2v2" />
                    <path d="M12 20v2" />
                    <path d="m4.93 4.93 1.41 1.41" />
                    <path d="m17.66 17.66 1.41 1.41" />
                    <path d="M2 12h2" />
                    <path d="M20 12h2" />
                    <path d="m6.34 17.66-1.41 1.41" />
                    <path d="m19.07 4.93-1.41 1.41" />
                </svg>
            </span>
            <span class="audio">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="lucide lucide-volume-off-icon lucide-volume-off">
                    <path d="M16 9a5 5 0 0 1 .95 2.293" />
                    <path d="M19.364 5.636a9 9 0 0 1 1.889 9.96" />
                    <path d="m2 2 20 20" />
                    <path
                        d="m7 7-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11" />
                    <path d="M9.828 4.172A.686.686 0 0 1 11 4.657v.686" />
                </svg>
            </span>

        </div>
    </header>
    <div class="container">
        <h1>"Every bug you fix, this passion of yours is rare, don't lose it. Keep typing, genius."</h1>
        <button>Get One More</button>
    </div>
    <!-- Hidden Part -->
    <audio src="./assets/cinematic-inspirational-epic-music-354044.mp3" loop id="ap" autoplay></audio>
    <footer>
        <a href="privacy-policy.html">Privacy Policy</a>
        <a href="terms.html">Terms & Conditions</a>
    </footer>

    <script src="script.js"></script>
</body>

</html>