sidframe/index.html at main · sidwgit/sidframe · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>sidframe </title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="images/faavicon.png" type="image/x-icon">
    <script defer src="/_vercel/insights/script.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"
        integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

</head>

<body>

    <header>
        <h1 id="heading">sidframe.</h1>
        <p id="subheading6969">Documenting thoughts, code & growth</p>

        <nav class="navbar" aria-label="Main Navigation">
            <button class="nav-toggle" aria-expanded="false" aria-controls="nav-list" aria-label="Toggle menu">
                <i class="fa fa-bars" aria-hidden="true"></i>
            </button>
            <div id="nav-list" class="nav-list">
                <a href="index.html" class="nav-link">Home</a>
                <a href="projects.html" class="nav-link">Projects</a>
                 <a href="news.html" class="nav-link">News</a>
                <a href="about.html" class="nav-link">About</a>
                <a href="contact.html" class="nav-link">Contact</a>
                <a href="login.html" class="nav-link" data-auth-link>Log out</a>
                <a href="https://buymeacoffee.com/sidisreal" class="nav-link" target="_blank" rel="noopener"><i
                        class="fa-solid fa-mug-hot" aria-hidden="true"></i><span class="sr-only">Buy me a coffee</span></a>
            </div>
        </nav>

        <input type="text" id="searchInput" placeholder="Search posts...">
    </header>

    <main class="blog-container"></main>

    <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
        data-id="sidisreal" data-description="Support me on Buy me a coffee!" data-message="" data-color="#ffdd00"
        data-position="Right" data-x_margin="18" data-y_margin="18"></script>


    <footer>
        <div class="eren">
            <div class="info">
                <h3>Contact Me</h3>
                <p>Email: <a id="linked" href="mailto: ">sidisrealfr@gmail.com</a> </p>
                <p>Ph. No.: <a id="linked" href="tel:91+ 9701729215">91+ 9701729215</a> </p>
            </div>
            <div class="info">
                <h3>Follow Me</h3>
                <p>Twitter: <a id="linked" href="https://twitter.com/sidisrealfr" target="_blank">@sidisrealfr</a></p>
                <p>GitHub: <a id="linked" href="https://github.com/starboylive">@starboylive</a> </p>
            </div>
            <div class="info" id="aboutSite">
                <h3>About This Site</h3>
                <p>This blog is built for documenting thoughts, code, growth & share my thoughts and projects.</p>
            </div>
            <div class="info">
                <h3>About Me</h3>
                <p>I'm Sid, a passionate developer and blogger sharing my journey in tech and life.</p>
            </div>
        </div>

        <p>&copy; 2025 sidframe. All rights reserved. | Terminal by Sid</p>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
    <script src="guard.js"></script>
    <script src="script.js"></script>
    <script src="auth.js"></script>
</body>

</html>