Skip to content

Commit c0356a9

Browse files
committed
Add development tools links to welcome page
This commit enhances the welcome page by adding a new "Developer Tools" section with direct links to essential services in the development environment: - Add PHPMyAdmin link with port information - Add MailHog link for email testing - Style cards to match the existing design system - Make cards interactive with external link indicators - Ensure responsive layout across different screen sizes These improvements transform the welcome page into a more useful developer dashboard, providing quick access to commonly used services without having to remember specific ports or URLs.
1 parent f2f3899 commit c0356a9

File tree

1 file changed

+45
-6
lines changed

1 file changed

+45
-6
lines changed

web/app/public/index.php

Lines changed: 45 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,10 @@
33
include '../vendor/autoload.php';
44
$foo = new App\Foo();
55

6-
?><!DOCTYPE html>
6+
?>
7+
<!DOCTYPE html>
78
<html lang="en">
9+
810
<head>
911
<meta charset="utf-8">
1012
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -192,17 +194,18 @@
192194
.grid {
193195
grid-template-columns: 1fr;
194196
}
195-
197+
196198
header h1 {
197199
font-size: 2rem;
198200
}
199-
201+
200202
.container {
201203
padding: 1rem;
202204
}
203205
}
204206
</style>
205207
</head>
208+
206209
<body>
207210
<header>
208211
<h1>Docker NGINX PHP MySQL</h1>
@@ -239,7 +242,7 @@
239242
<span class="badge">make prod</span>
240243
</div>
241244
</div>
242-
245+
243246
<div class="feature-card">
244247
<h3>Framework Support</h3>
245248
<p>Ready-to-use support for popular PHP frameworks including Symfony and Laravel.</p>
@@ -248,17 +251,52 @@
248251
<span class="badge">Laravel</span>
249252
</div>
250253
</div>
251-
254+
252255
<div class="feature-card">
253256
<h3>Debugging Tools</h3>
254257
<p>Integrated with Xdebug and development tools to make debugging efficient and painless.</p>
255258
</div>
256-
259+
257260
<div class="feature-card">
258261
<h3>Security Features</h3>
259262
<p>Network separation with frontend and backend layers for enhanced security.</p>
260263
</div>
261264
</div>
265+
266+
<h2 style="margin: 2rem 0 1.5rem">Developer Tools</h2>
267+
<div class="grid">
268+
<a href="http://localhost:8080" target="_blank" class="feature-card" style="text-decoration: none; color: inherit;">
269+
<h3>
270+
PHPMyAdmin
271+
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline; margin-left: 5px;">
272+
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
273+
<polyline points="15 3 21 3 21 9"></polyline>
274+
<line x1="10" y1="14" x2="21" y2="3"></line>
275+
</svg>
276+
</h3>
277+
<p>Manage your MySQL databases through a user-friendly web interface.</p>
278+
<div style="margin-top: 0.75rem">
279+
<span class="badge" style="background-color: #FF9800;">Port 8080</span>
280+
</div>
281+
</a>
282+
283+
<a href="http://localhost:8025" target="_blank" class="feature-card" style="text-decoration: none; color: inherit;">
284+
<h3>
285+
MailHog
286+
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display: inline; margin-left: 5px;">
287+
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
288+
<polyline points="15 3 21 3 21 9"></polyline>
289+
<line x1="10" y1="14" x2="21" y2="3"></line>
290+
</svg>
291+
</h3>
292+
<p>Test email functionality without sending real emails. Perfect for development.</p>
293+
<div style="margin-top: 0.75rem">
294+
<span class="badge" style="background-color: #FF9800;">WebUI: 8025</span>
295+
<span class="badge" style="background-color: #4CAF50;">SMTP: 1025</span>
296+
</div>
297+
</a>
298+
</div>
299+
262300
</main>
263301
</div>
264302

@@ -268,4 +306,5 @@
268306
</div>
269307
</footer>
270308
</body>
309+
271310
</html>

0 commit comments

Comments
 (0)