codebyte/index.html at main · Aeroer-Live/codebyte · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Mohammed Asif's programming project documentation hub. Explore in-depth guides, technical breakdowns, and real-world development projects from a researcher and developer's perspective.">
    <meta name="keywords" content="programming, web development, project documentation, software development, coding, developer portfolio, technical blog, code examples, architecture, cloud computing">
    <meta name="author" content="Mohammed Asif">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="revisit-after" content="7 days">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://codebyte.aeroer.live/">
    <meta property="og:title" content="CodingLog - Developer Project Documentation">
    <meta property="og:description" content="Mohammed Asif's programming project documentation hub. Explore in-depth guides, technical breakdowns, and real-world development projects from a researcher and developer's perspective.">
    <meta property="og:site_name" content="CodingLog">
    <meta property="og:locale" content="en_US">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://codebyte.aeroer.live/">
    <meta name="twitter:title" content="CodingLog - Developer Project Documentation">
    <meta name="twitter:description" content="Mohammed Asif's programming project documentation hub. Explore in-depth guides, technical breakdowns, and real-world development projects.">
    <meta name="twitter:creator" content="@AeroerMak">

    <!-- Canonical URL -->
    <link rel="canonical" href="https://codebyte.aeroer.live/">

    <title>CodingLog - Developer Project Documentation</title>
    <link rel="icon" type="image/svg+xml" href="favicon.svg">
    <link rel="alternate icon" href="favicon.svg">
    <link rel="stylesheet" href="styles.css">

    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Mohammed Asif",
      "jobTitle": "Researcher & Developer",
      "description": "Cloud Architecture | Website & System Programmer | Researcher",
      "url": "https://codebyte.aeroer.live/",
      "sameAs": [],
      "knowsAbout": ["Web Development", "Cloud Computing", "Software Architecture", "Programming", "Research"]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "CodingLog",
      "description": "Developer Project Documentation Hub",
      "url": "https://codebyte.aeroer.live/",
      "author": {
        "@type": "Person",
        "name": "Mohammed Asif"
      }
    }
    </script>
</head>
<body>
    <header class="header" id="dynamic-header">
        <!-- Header will be dynamically loaded -->
    </header>

    <main class="main">
        <section class="hero">
            <div class="container">
                <h1 class="hero-title">
                    <span class="code-comment">// Mohammed Asif - Projects Documenting</span>
                    <span class="hero-main">Researcher & Developer</span>
                </h1>
                <p class="hero-description">
                    Welcome to My Programming Project Documentation — a hub for in-depth guides and breakdowns of real-world development projects. Discover the practical side of coding, explore technical decisions, and learn from hands-on implementations, all thoroughly documented from a developer’s perspective.
                </p>
            </div>
        </section>

        <section id="projects" class="projects-section">
            <div class="container">
                <h2 class="section-title">
                    <span class="code-keyword">const</span>
                    <span class="code-variable">projects</span>
                    <span class="code-operator">=</span>
                    <span class="code-bracket">[</span>
                </h2>

                <div class="projects-grid" id="projectsGrid">
                    <!-- Projects will be dynamically loaded here -->
                </div>

                <div class="section-closer">
                    <span class="code-bracket">];</span>
                </div>
            </div>
        </section>

        <section id="about" class="about-section">
            <div class="container">
                <h2 class="section-title">
                    <span class="code-keyword">function</span>
                    <span class="code-function">about</span>
                    <span class="code-bracket">(Cloud Architecture | Website & System Programmer | Researcher)</span>
                    <span class="code-bracket">{</span>
                </h2>
                <div class="about-content">
                    <p>
                        I have a deep passion for working with various types of technology, and I'm always thrilled to embark on new and unique projects. I love creating tech-related blogs and researching various science ⚛︎ subjects.
                    </p>
                    <p>
                        In this website, I will provide a detailed breakdown of my project. The project I am working on will create comprehensive documentation that covers the entire project journey.
                    </p>
                </div>
                <div class="section-closer">
                    <span class="code-bracket">}</span>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer" id="dynamic-footer">
        <!-- Footer will be dynamically loaded -->
    </footer>

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