Skip to content

Commit 54ea352

Browse files
committed
Home page additions
Signed-off-by: alexmerlin <alex.merlin.1985@gmail.com>
1 parent 0d0304c commit 54ea352

3 files changed

Lines changed: 95 additions & 65 deletions

File tree

index.html

Lines changed: 68 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -31,80 +31,72 @@
3131
<ul class="dropdown-menu">
3232
<li class="dropdown-item">
3333
<a href="https://docs.dotkernel.org/api-documentation/" class="nav-link d-flex gap-4 align-items-center">
34-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
35-
<div>
34+
<i class="bi bi-arrow-return-right text-primary"></i>
35+
<div class="py-1">
3636
<span class="fw-bold d-block">API</span>
37-
<span>Dotkernel API</span>
3837
</div>
3938
</a>
4039
</li>
4140

4241
<li class="dropdown-item">
4342
<a href="https://docs.dotkernel.org/admin-documentation/" class="nav-link d-flex gap-4 align-items-center">
44-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
45-
<div>
43+
<i class="bi bi-arrow-return-right text-primary"></i>
44+
<div class="py-1">
4645
<span class="fw-bold d-block">Admin</span>
47-
<span>Dotkernel Admin application</span>
4846
</div>
4947
</a>
5048
</li>
5149

5250
<li class="dropdown-item">
5351
<a href="https://docs.dotkernel.org/frontend-documentation/" class="nav-link d-flex gap-4 align-items-center">
54-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
55-
<div>
52+
<i class="bi bi-arrow-return-right text-primary"></i>
53+
<div class="py-1">
5654
<span class="fw-bold d-block">Frontend</span>
57-
<span>Dotkernel Frontend application</span>
5855
</div>
5956
</a>
6057
</li>
6158

6259
<li class="dropdown-item">
6360
<a href="https://docs.dotkernel.org/light-documentation/" class="nav-link d-flex gap-4 align-items-center">
64-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
65-
<div>
61+
<i class="bi bi-arrow-return-right text-primary"></i>
62+
<div class="py-1">
6663
<span class="fw-bold d-block">Light</span>
67-
<span>Dotkernel Light application</span>
6864
</div>
6965
</a>
7066
</li>
7167

7268
<li class="dropdown-item">
7369
<a href="https://docs.dotkernel.org/queue-documentation/" class="nav-link d-flex gap-4 align-items-center">
74-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
75-
<div>
70+
<i class="bi bi-arrow-return-right text-primary"></i>
71+
<div class="py-1">
7672
<span class="fw-bold d-block">Queue</span>
77-
<span>Dotkernel Queue application</span>
7873
</div>
7974
</a>
8075
</li>
8176

8277
<li class="dropdown-item">
8378
<a href="https://docs.dotkernel.org/headless-documentation/" class="nav-link d-flex gap-4 align-items-center">
84-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
85-
<div>
79+
<i class="bi bi-arrow-return-right text-primary"></i>
80+
<div class="py-1">
8681
<span class="fw-bold d-block">Headless Platform</span>
87-
<span>Dotkernel Headless Platform</span>
8882
</div>
8983
</a>
9084
</li>
9185

9286
<li class="dropdown-item">
9387
<a href="https://docs.dotkernel.org/packages/" class="nav-link d-flex gap-4 align-items-center">
94-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
95-
<div>
88+
<i class="bi bi-arrow-return-right text-primary"></i>
89+
<div class="py-1">
9690
<span class="fw-bold d-block">Packages</span>
97-
<span>Dotkernel packages</span>
9891
</div>
9992
</a>
10093
</li>
10194

10295
<li class="dropdown-item">
10396
<a href="https://docs.dotkernel.org/development/" class="nav-link d-flex gap-4 align-items-center">
104-
<img src="https://docs.dotkernel.org/img/dk_logomark.svg" alt="Dotkernel Logo" width="45" height="50" class="d-inline-block align-text-top" />
105-
<div>
97+
<i class="bi bi-arrow-return-right text-primary"></i>
98+
<div class="py-1">
10699
<span class="fw-bold d-block">Development</span>
107-
<span>WSL2 Development Environment</span>
108100
</div>
109101
</a>
110102
</li>
@@ -130,13 +122,47 @@
130122
</nav>
131123

132124
<div class="container">
133-
<div class="hero py-5 text-center">
134-
<h1 class="fw-bold">Dotkernel documentation</h1>
125+
<div class="hero pt-5 pb-4 text-center">
126+
<div class="text-center">
127+
<img src="https://docs.dotkernel.org/img/dk_logo_2024.svg" alt="Dotkernel logo with text" />
128+
<h1 class="fw-bold py-3 m-0">A Full-Fledged Headless Platform</h1>
129+
</div>
130+
<ul class="text-start list-unstyled">
131+
<li>
132+
<i class="bi bi-check text-success"></i>
133+
Built on top of the Mezzio microframework using Laminas components.
134+
</li>
135+
<li>
136+
<i class="bi bi-check text-success"></i>
137+
With both <a href="https://github.com/dotkernel/admin" target="_blank">backend management</a> and <a href="https://github.com/dotkernel/api" target="_blank">frontend-agnostic capabilities.</a>
138+
</li>
139+
<li>
140+
<i class="bi bi-check text-success"></i>
141+
Built entirely on PSR-15 middleware.
142+
</li>
143+
<li>
144+
<i class="bi bi-check text-success"></i>
145+
Follows the middleware pipeline pattern offered by Laminas and the PSR standards.
146+
</li>
147+
<li>
148+
<i class="bi bi-check text-success"></i>
149+
Adhering strictly to <a href="https://www.php-fig.org/psr/psr-3/" target="_blank">PSR-3</a> (<a href="https://github.com/php-fig/log" target="_blank">logging</a>), <a href="https://www.php-fig.org/psr/psr-7/" target="_blank">PSR-7</a> (<a href="https://github.com/php-fig/http-message" target="_blank">HTTP messages</a>), <a href="https://www.php-fig.org/psr/psr-11/" target="_blank">PSR-11</a> (<a href="https://github.com/php-fig/container" target="_blank">containers</a>), <a href="https://github.com/php-fig/http-server-handler" target="_blank">PSR-15</a> (<a href="https://github.com/php-fig/http-server-handler" target="_blank">middleware</a>).
150+
</li>
151+
</ul>
152+
<div class="text-center">
153+
<h5>Open discussions are available on
154+
<a href="https://github.com/orgs/dotkernel/discussions" target="_blank">our GitHub Discussions page</a>
155+
</h5>
156+
</div>
157+
</div>
158+
159+
<div class="text-center">
160+
<h2 class="fw-bold">Dotkernel documentation</h2>
135161
</div>
136162

137163
<div class="main">
138164
<div class="row gx-4 gy-1">
139-
<div class="col-lg-4 col-md-6 py-2">
165+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
140166
<div class="card h-100 pkg_card">
141167
<div class="card-header">
142168
<a href="https://docs.dotkernel.org/admin-documentation/" class="stretched-link">
@@ -150,7 +176,7 @@ <h5 class="card-title">Admin</h5>
150176
</div>
151177
</div>
152178

153-
<div class="col-lg-4 col-md-6 py-2">
179+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
154180
<div class="card h-100 pkg_card">
155181
<div class="card-header">
156182
<a href="https://docs.dotkernel.org/frontend-documentation/" class="stretched-link">
@@ -164,7 +190,7 @@ <h5 class="card-title">Frontend</h5>
164190
</div>
165191
</div>
166192

167-
<div class="col-lg-4 col-md-6 py-2">
193+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
168194
<div class="card h-100 pkg_card">
169195
<div class="card-header">
170196
<a href="https://docs.dotkernel.org/light-documentation/" class="stretched-link">
@@ -178,7 +204,7 @@ <h5 class="card-title">Light</h5>
178204
</div>
179205
</div>
180206

181-
<div class="col-lg-3 col-md-6 py-2">
207+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
182208
<div class="card h-100 pkg_card">
183209
<div class="card-header">
184210
<a href="https://docs.dotkernel.org/headless-documentation/" class="stretched-link">
@@ -192,7 +218,7 @@ <h5 class="card-title">Headless Platform</h5>
192218
</div>
193219
</div>
194220

195-
<div class="col-lg-6 col-md-6 py-2">
221+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
196222
<div class="card h-100 pkg_card">
197223
<div class="card-header">
198224
<a href="https://docs.dotkernel.org/api-documentation/" class="stretched-link">
@@ -206,7 +232,7 @@ <h5 class="card-title">API</h5>
206232
</div>
207233
</div>
208234

209-
<div class="col-lg-3 col-md-6 py-2">
235+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
210236
<div class="card h-100 pkg_card">
211237
<div class="card-header">
212238
<a href="https://docs.dotkernel.org/queue-documentation/" class="stretched-link">
@@ -220,7 +246,7 @@ <h5 class="card-title">Queue</h5>
220246
</div>
221247
</div>
222248

223-
<div class="col-lg-6 col-md-6 py-2">
249+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
224250
<div class="card h-100 pkg_card">
225251
<div class="card-header">
226252
<a href="https://docs.dotkernel.org/packages/" class="stretched-link">
@@ -234,15 +260,15 @@ <h5 class="card-title">Packages</h5>
234260
</div>
235261
</div>
236262

237-
<div class="col-lg-6 col-md-6 py-2">
263+
<div class="col-lg-3 col-md-6 col-sm-12 py-2">
238264
<div class="card h-100 pkg_card">
239265
<div class="card-header">
240266
<a href="https://docs.dotkernel.org/development/" class="stretched-link">
241-
Development environment
267+
WSL2 Development environment
242268
</a>
243269
</div>
244270
<div class="card-body pkg_card_body">
245-
<h5 class="card-title">WSL2 Development Environment</h5>
271+
<h5 class="card-title">Development</h5>
246272
<p class="card-text">Install PHP, Apache, MariaDB, Composer, PhpMyAdmin, Node.js and Git on WSL2</p>
247273
</div>
248274
</div>
@@ -341,14 +367,19 @@ <h5 class="card-title">WSL2 Development Environment</h5>
341367
<i class="bi bi-rss-fill"></i> Feed
342368
</a>
343369
</li>
370+
<li class="support__list-item col-lg-6 mb-md-3">
371+
<a href="https://github.com/orgs/dotkernel/discussions" class="support__link" title="Blog feed" target="_blank">
372+
<i class="bi bi-chat-left-text"></i> Discussions
373+
</a>
374+
</li>
344375
</ul>
345376
</div>
346377
</div>
347378

348379
<hr class="mt-5" />
349380

350381
<div class="footer_copy">
351-
&#169; Copyright Dotkernel 2024. All rights reserved.
382+
&#169; Copyright Dotkernel <span id="current-year"></span>. All rights reserved.
352383
</div>
353384
</div>
354385
</footer>

js/docs.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,6 @@ document.addEventListener("DOMContentLoaded", function () {
2222
icon.setAttribute("onclick", "copy(this)");
2323
element.prepend(icon);
2424
});
25+
26+
document.getElementById("current-year").textContent = new Date().getFullYear().toString();
2527
});

0 commit comments

Comments
 (0)