mwalajs 1.0.7 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/views/about.ejs CHANGED
@@ -1,159 +1,294 @@
1
+
2
+ <!-- Include header.ejs -->
3
+ <%- include('partials/header') %>
4
+
5
+
1
6
  <!DOCTYPE html>
2
7
  <html lang="en">
3
8
  <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1">
6
- <meta name="description" content="MwalaJS is a modern framework founded by Hekima Ambalile Mwala. We offer scalable and efficient web solutions in Tanzania, with main branches in Arusha, Mbeya, and Morogoro.">
7
- <meta name="keywords" content="MwalaJS, Framework, Software, Founder Hekima Ambalile Mwala,Hekima Mwala,Hekima,Mwala, Arusha, Tanzania, Web Solutions">
8
- <meta name="author" content="Hekima Ambalile Mwala">
9
- <meta property="og:title" content="About Us - MwalaJS">
10
- <meta property="og:description" content="Discover the story behind MwalaJS, a framework created by Hekima Ambalile Mwala. We offer efficient web solutions across Tanzania with branches in Arusha, Mbeya, and Morogoro.">
11
- <meta property="og:image" content="path-to-your-image.jpg"> <!-- Replace with your actual image link -->
12
- <meta property="og:type" content="website">
13
- <meta property="og:url" content="https://your-website-url.com/about-us"> <!-- Replace with your actual URL -->
14
- <title>About Us - MwalaJS</title>
15
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
16
- <style>
17
- body {
18
- background-color: #f4f4f9;
19
- font-family: Arial, sans-serif;
20
- color: #333;
21
- }
22
- .header-section {
23
- background: #1e3c72;
24
- color: white;
25
- padding: 50px 0;
26
- text-align: center;
27
- }
28
- .header-section h1 {
29
- font-size: 36px;
30
- font-weight: bold;
31
- }
32
- .content-section {
33
- padding: 30px;
34
- }
35
- .contact-info {
36
- margin-top: 20px;
37
- font-size: 18px;
38
- }
39
- .contact-info a {
40
- color: #1e3c72;
41
- text-decoration: none;
42
- }
43
- .contact-info a:hover {
44
- text-decoration: underline;
45
- }
46
- .team-member {
47
- background-color: #ffffff;
48
- padding: 20px;
49
- border-radius: 10px;
50
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
51
- margin-top: 30px;
52
- }
53
- .team-member h3 {
54
- font-size: 24px;
55
- font-weight: bold;
56
- }
57
- .team-member p {
58
- font-size: 18px;
59
- line-height: 1.6;
60
- }
61
- .location-map {
62
- margin-top: 30px;
63
- height: 300px;
64
- background: #e0e0e0;
65
- }
66
- </style>
9
+ <meta charset="UTF-8" />
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
+ <title>About Us - MwalaJS Framework</title>
12
+
13
+ <!-- Bootstrap 5.3.3 -->
14
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
15
+
16
+ <!-- Font Awesome -->
17
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
18
+
19
+ <!-- SEO & Open Graph -->
20
+ <meta name="description" content="MwalaJS is a modern, high-performance Node.js MVC framework founded by Hekima Ambalile Mwala. We provide scalable web solutions across Tanzania with branches in Dodoma, Arusha, Dar Es Salaam, Mbeya, Morogoro, and South Africa." />
21
+ <meta name="keywords" content="MwalaJS, Node.js framework, Hekima Ambalile Mwala, Tanzania software, Arusha developer, Mbeya, Morogoro, Dodoma, Dar Es Salaam, South Africa, web solutions" />
22
+ <meta name="author" content="Hekima Ambalile Mwala" />
23
+
24
+ <meta property="og:title" content="About MwalaJS - Founder & Locations" />
25
+ <meta property="og:description" content="Discover the story behind MwalaJS, created by Hekima Ambalile Mwala. Operating since 2025, modern web applications." />
26
+ <meta property="og:image" content="https://mwalajs.biasharabora.com/images/mwala-logo-large.png" />
27
+ <meta property="og:url" content="https://mwalajs.biasharabora.com/about" />
28
+ <meta property="og:type" content="website" />
29
+
30
+ <!-- Favicon -->
31
+ <link rel="icon" href="https://mwalajs.biasharabora.com/favicon.ico" type="image/x-icon" />
32
+
33
+ <style>
34
+ :root {
35
+ --primary: #1e3c72;
36
+ --secondary: #2a5298;
37
+ --accent-gradient: linear-gradient(135deg, #1e3c72, #2a5298);
38
+ --light: #f8f9fa;
39
+ }
40
+
41
+ body {
42
+ background-color: var(--light);
43
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
44
+ line-height: 1.7;
45
+ color: #333;
46
+ }
47
+
48
+ /* Hero Header */
49
+ .hero {
50
+ background: var(--accent-gradient);
51
+ color: white;
52
+ padding: 120px 0 80px;
53
+ text-align: center;
54
+ }
55
+
56
+ .hero h1 {
57
+ font-size: 4rem;
58
+ font-weight: 900;
59
+ }
60
+
61
+ .hero p {
62
+ font-size: 1.4rem;
63
+ max-width: 800px;
64
+ margin: 0 auto;
65
+ opacity: 0.95;
66
+ }
67
+
68
+ /* Navbar */
69
+ .navbar {
70
+ background: rgba(30, 60, 114, 0.95) !important;
71
+ backdrop-filter: blur(10px);
72
+ }
73
+
74
+ .nav-link {
75
+ color: white !important;
76
+ font-weight: 500;
77
+ }
78
+
79
+ .nav-link:hover {
80
+ color: #ffc107 !important;
81
+ }
82
+
83
+ /* Cards */
84
+ .about-card {
85
+ background: white;
86
+ border-radius: 16px;
87
+ padding: 3rem;
88
+ margin-bottom: 3rem;
89
+ box-shadow: 0 10px 30px rgba(0,0,0,0.1);
90
+ transition: transform 0.3s ease;
91
+ }
92
+
93
+ .about-card:hover {
94
+ transform: translateY(-10px);
95
+ }
96
+
97
+ .founder-photo {
98
+ width: 200px;
99
+ height: 200px;
100
+ border-radius: 50%;
101
+ object-fit: cover;
102
+ border: 6px solid white;
103
+ box-shadow: 0 8px 20px rgba(0,0,0,0.2);
104
+ }
105
+
106
+ .contact-link {
107
+ color: var(--primary);
108
+ font-weight: bold;
109
+ text-decoration: none;
110
+ }
111
+
112
+ .contact-link:hover {
113
+ text-decoration: underline;
114
+ }
115
+
116
+ .locations-list {
117
+ columns: 2;
118
+ column-gap: 2rem;
119
+ }
120
+
121
+ .locations-list li {
122
+ margin-bottom: 0.8rem;
123
+ font-size: 1.1rem;
124
+ }
125
+
126
+ .download-section {
127
+ background: rgba(30,60,114,0.05);
128
+ padding: 3rem;
129
+ border-radius: 16px;
130
+ text-align: center;
131
+ }
132
+
133
+ footer {
134
+ background: var(--accent-gradient);
135
+ color: white;
136
+ padding: 4rem 0 2rem;
137
+ text-align: center;
138
+ margin-top: 5rem;
139
+ }
140
+
141
+ @media (max-width: 768px) {
142
+ .hero h1 { font-size: 3rem; }
143
+ .hero p { font-size: 1.2rem; }
144
+ .locations-list { columns: 1; }
145
+ .founder-photo { width: 150px; height: 150px; }
146
+ }
147
+ </style>
67
148
  </head>
68
149
  <body>
69
- <!-- Navbar for easy navigation -->
70
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
71
- <div class="container-fluid">
72
- <a class="navbar-brand" href="/">MwalaJS</a>
73
- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
150
+
151
+ <!-- Navbar -->
152
+ <nav class="navbar navbar-expand-lg navbar-dark sticky-top">
153
+ <div class="container">
154
+ <a class="navbar-brand fw-bold" href="/"><i class="fas fa-code me-2"></i>MwalaJS</a>
155
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
74
156
  <span class="navbar-toggler-icon"></span>
75
157
  </button>
76
158
  <div class="collapse navbar-collapse" id="navbarNav">
77
- <ul class="navbar-nav">
78
- <li class="nav-item">
79
- <a class="nav-link active" href="steps#overview">Overview</a>
80
- </li>
81
- <li class="nav-item">
82
- <a class="nav-link" href="steps#installation">Installation</a>
83
- </li>
84
- <li class="nav-item">
85
- <a class="nav-link" href="steps#commands">Commands</a>
86
- </li>
87
- <li class="nav-item">
88
- <a class="nav-link" href="steps#structure">Project Structure</a>
89
- </li>
90
- <li class="nav-item">
91
- <a class="nav-link" href="steps#example">Example Application</a>
92
- </li>
93
- <li class="nav-item">
94
- <a class="nav-link" href="steps#conclusion">Conclusion</a>
95
- </li>
159
+ <ul class="navbar-nav ms-auto">
160
+ <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
161
+ <!-- welcome page -->
162
+ <li class="nav-item"><a class="nav-link" href="/welcome">Get Started</a></li>
163
+ <li class="nav-item"><a class="nav-link" href="/steps">steps
164
+ <li class="nav-item"><a class="nav-link" href="/mwalajs-framework-documentation">Documentation</a></li>
165
+ <li class="nav-item"><a class="nav-link active" href="/about">About</a></li>
166
+ <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
96
167
  </ul>
97
168
  </div>
98
169
  </div>
99
170
  </nav>
100
- <div class="header-section">
101
- <h1>About MwalaJS Framework</h1>
102
- <p>Your reliable framework for modern applications</p>
171
+
172
+ <!-- Hero Section -->
173
+ <section class="hero">
174
+ <div class="container">
175
+ <h1>About MwalaJS</h1>
176
+ <p class="lead">A modern, high-performance Node.js MVC framework founded by Sir H. A. Mwala<br>Delivering scalable and efficient web solutions across Tanzania and beyond</p>
103
177
  </div>
178
+ </section>
104
179
 
105
- <div class="container content-section">
106
- <h2>Founder: Hekima Ambalile Mwala</h2>
107
- <div class="team-member">
108
- <h3>About the Founder</h3>
109
- <p>Hekima Ambalile Mwala is the founder of the MwalaJS framework. He is a highly motivated and passionate software developer with a vision of creating efficient and scalable web applications. He believes in the power of technology to solve real-world problems.</p>
110
- <p>Also work as Electronics and Telecommunication Engineer</p>
111
- <p>you may prefer To learn Engineering and Technology in his youtube account link >> <a href="https://youtube.com/@hekimamwala?si=BSDBlBLuPFxD1YEH"> youtube chanel</a></p>
112
- <div class="contact-info">
113
- <p>Contact Information:</p>
114
- <p>Phone: <a href="tel:+255747285438">0747285438</a></p>
115
- <p>Email: <a href="mailto:hekimamwala1@gmail.com">hekimamwala1@gmail.com</a></p>
116
- <p>Work Email: <a href="mailto:biasharaboraofficials@gmail.com">biasharaboraofficials@gmail.com</a></p>
117
- <p>Workplace: Biashara Bora</p>
118
- </div>
119
- </div>
180
+ <div class="container my-5">
120
181
 
121
- <div class="team-member">
122
- <h3>Our Locations</h3>
123
- <p>MwalaJS operates throughout Tanzania, with a special focus on the following key regions:</p>
124
- <ul>
125
-
126
- <li>Dodoma, Tanzania (Main Hub)</li>
127
- <li>Arusha, Tanzania (Main Hub)</li>
128
- <li>Dar Es Salaam, Tanzania (Main Branch)</li>
129
- <li>Mbeya, Tanzania (Main Branch)</li>
130
- <li>Morogoro, Tanzania (Main Branch)</li>
131
- <li>SOUTH AFRICA (Main Branch)</li>
132
- </ul>
133
- </div>
182
+ <!-- Founder Section -->
183
+ <section class="about-card text-center">
184
+ <img src="https://mwalajs.biasharabora.com/images/hekima-mwala.jpg" alt="Sir H. A. Mwala - Founder of MwalaJS" class="founder-photo mb-4" onerror="this.src='https://via.placeholder.com/200?text=Sir+Mwala';">
185
+ <h2>Founder: Sir H. A. Mwala</h2>
186
+ <p class="lead">Visionary Software Developer & Electronics and Telecommunication Engineer</p>
187
+ <p>Sir H. A. Mwala is the creator and lead developer of the MwalaJS framework. With deep passion for technology and problem-solving, he built MwalaJS to empower developers in Tanzania and across Africa with a fast, modern, and easy-to-use Node.js framework.</p>
188
+ <p>He also shares knowledge in engineering and technology through his YouTube channel:</p>
189
+ <a href="https://www.youtube.com/@hekimamwala" target="_blank" class="btn btn-danger btn-lg mb-4">
190
+ <i class="fab fa-youtube me-2"></i>Subscribe to Sir H. A. Mwala on YouTube
191
+ </a>
134
192
 
135
- <div class="team-member">
136
- <h3>Get in Touch with Us</h3>
137
- <p>For more information or any inquiries, feel free to reach out to us via the contact details mentioned above. We are committed to providing the best solutions for your business needs.</p>
138
- </div>
193
+ <div class="contact-info mt-5">
194
+ <h4>Contact Information</h4>
195
+ <p><i class="fas fa-phone me-2"></i>Phone: <a href="tel:+255747285438" class="contact-link">+255 747 285 438</a></p>
196
+ <p><i class="fas fa-envelope me-2"></i>Personal Email: <a href="mailto:hekimamwala1@gmail.com" class="contact-link">hekimamwala1@gmail.com</a></p>
197
+ <p><i class="fas fa-building me-2"></i>Work Email: <a href="mailto:biasharaboraofficials@gmail.com" class="contact-link">biasharaboraofficials@gmail.com</a></p>
198
+ <p><i class="fas fa-briefcase me-2"></i>Company: Biashara Bora</p>
199
+ </div>
200
+ </section>
201
+ <!-- Locations Section -->
202
+ <section class="about-card">
203
+ <h2 class="text-center mb-4">
204
+ <i class="fas fa-map-marker-alt me-2"></i>Our Global Presence
205
+ </h2>
139
206
 
140
- <div class="location-map">
141
-
142
- <section id="release">
143
- <br> <h2 class="section-title">1. VERSION RELEASE</h2>
144
- <p>Click below to download the installer For Mwalajs framework:</p>
145
- <br><a class="btn" href="https://mwalajs.biasharabora.com/files/mwalaJS_installer.exe" download>Download MwalaJS COMMAND SHELL (CLS) download .exe file here </a>
146
- <br> <p>Click below to download zip file mwalajs framework:</p>
147
- <br> <a class="btn" href="https://mwalajs.biasharabora.com/files/mwalajsm.zip" download>Download MwalaJS mwalajs.zip v1.0.0</a>
148
- <br> <p>Click below to download rar file mwalajs framework :</p>
149
- <br> <a class="btn" href="https://mwalajs.biasharabora.com/files/mwalajsm.rar" download>Download MwalaJS mwalajs.rar v1.0.0</a>
150
-
151
- <br>
207
+ <p class="text-center lead">
208
+ MwalaJS is a global initiative that originated in Tanzania and continues to expand across Africa and beyond.
209
+ </p>
210
+
211
+ <ul class="locations-list list-unstyled">
212
+ <li>
213
+ <i class="fas fa-city text-primary me-3"></i>
214
+ <strong>Dodoma, Tanzania</strong> Origin & Main Hub
215
+ </li>
216
+ <li>
217
+ <i class="fas fa-city text-primary me-3"></i>
218
+ <strong>Arusha, Tanzania</strong> – Co-Founding Hub
219
+ </li>
220
+ <li>
221
+ <i class="fas fa-city text-primary me-3"></i>
222
+ <strong>Dar es Salaam, Tanzania</strong> – National Branch
223
+ </li>
224
+ <li>
225
+ <i class="fas fa-city text-primary me-3"></i>
226
+ <strong>Mbeya, Tanzania</strong> – Regional Branch
227
+ </li>
228
+ <li>
229
+ <i class="fas fa-city text-primary me-3"></i>
230
+ <strong>Morogoro, Tanzania</strong> – Regional Branch
231
+ </li>
232
+ <li>
233
+ <i class="fas fa-globe-africa text-primary me-3"></i>
234
+ <strong>South Africa</strong> – International Expansion
235
+ </li>
236
+ </ul>
152
237
  </section>
238
+
239
+ <!-- Downloads Section (Legacy Versions) -->
240
+ <section class="download-section about-card">
241
+ <h2 class="text-center mb-4"><i class="fas fa-cloud-download-alt me-2"></i>MwalaJS Legacy Downloads</h2>
242
+ <p class="text-center mb-5">For older versions (before full NPM availability), download here:</p>
243
+ <div class="row g-4 text-center">
244
+ <div class="col-md-4">
245
+ <a href="https://mwalajs.biasharabora.com/files/mwalaJS_installer.exe" class="btn btn-success btn-lg w-100">
246
+ <i class="fas fa-file-archive me-2"></i>.exe Installer
247
+ </a>
248
+ </div>
249
+ <div class="col-md-4">
250
+ <a href="https://mwalajs.biasharabora.com/files/mwalajsm.zip" class="btn btn-primary btn-lg w-100">
251
+ <i class="fas fa-file-zipper me-2"></i>.zip (v1.0.0)
252
+ </a>
253
+ </div>
254
+ <div class="col-md-4">
255
+ <a href="https://mwalajs.biasharabora.com/files/mwalajsm.rar" class="btn btn-info btn-lg w-100">
256
+ <i class="fas fa-file-archive me-2"></i>.rar (v1.0.0)
257
+ </a>
258
+ </div>
259
+ </div>
260
+ <p class="text-center mt-4 text-muted">Latest versions: <code>npm install -g mwalajs</code></p>
261
+ </section>
262
+
263
+ <!-- Call to Action -->
264
+ <section class="about-card text-center">
265
+ <h2>Get in Touch</h2>
266
+ <p class="lead">Have questions? Need support? Want to collaborate?</p>
267
+ <p>We’re here to help you build amazing applications with MwalaJS.</p>
268
+ <a href="mailto:biasharaboraofficials@gmail.com" class="btn btn-primary btn-lg me-3">
269
+ <i class="fas fa-envelope me-2"></i>Email Us
270
+ </a>
271
+ <a href="https://chat.whatsapp.com/F8x1p8R1EhZ5b7RX7PO6dR?mode=r_t" target="_blank" class="btn btn-success btn-lg">
272
+ <i class="fab fa-whatsapp me-2"></i>Join WhatsApp Community
273
+ </a>
274
+ </section>
275
+
153
276
  </div>
277
+
278
+ <!-- Footer -->
279
+ <footer>
280
+ <div class="container">
281
+ <p class="mt-3">
282
+ <a href="https://mwalajs.biasharabora.com" class="text-white">Official Website</a> |
283
+ <a href="https://github.com/mwala400/mwalajs" class="text-white">GitHub</a> |
284
+ <a href="https://www.youtube.com/@hekimamwala" class="text-white">YouTube</a>
285
+ </p>
154
286
  </div>
287
+ </footer>
155
288
 
156
- <!-- Optional: Add a link to your sitemap -->
157
- <link rel="sitemap" type="application/xml" href="https://mwalajs.biashrabora.com/sitemap.xml"> <!-- Replace with actual link -->
289
+ <!-- Bootstrap JS -->
290
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
158
291
  </body>
159
292
  </html>
293
+
294
+ <%- include('partials/footer') %>