| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <?php
- declare(strict_types=1);
- $databaseStatus = 'Unavailable';
- try {
- $database = new PDO(
- 'mysql:host=localhost;dbname=desktop_support;charset=utf8mb4',
- 'desktop_support',
- 'development_only',
- [PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION]
- );
- $databaseStatus = 'Connected';
- } catch (PDOException $exception) {
- $databaseStatus = 'Unavailable';
- }
- ?>
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Desktop Support Portfolio</title>
- <style>
- :root { color-scheme: dark; font-family: system-ui, sans-serif; }
- body { margin: 0; background: #0b1220; color: #e5edf7; }
- main { width: min(720px, calc(100% - 2rem)); margin: 12vh auto; }
- .card { padding: 2rem; border: 1px solid #26364d; border-radius: 18px; background: #111c2e; box-shadow: 0 24px 70px #0006; }
- h1 { margin-top: 0; font-size: clamp(2rem, 8vw, 4rem); line-height: 1; }
- p { color: #b8c6d9; line-height: 1.65; }
- dl { display: grid; grid-template-columns: max-content 1fr; gap: .75rem 1.25rem; margin: 2rem 0 0; }
- dt { color: #7dd3fc; } dd { margin: 0; }
- .ok { color: #86efac; }
- </style>
- </head>
- <body>
- <main>
- <section class="card">
- <h1>Desktop support,<br>done right.</h1>
- <p>Your Debian 13 LAMP development environment is ready. Replace this page with your experience, certifications, projects, and contact information.</p>
- <dl>
- <dt>PHP</dt><dd><?= htmlspecialchars(PHP_VERSION, ENT_QUOTES) ?></dd>
- <dt>MariaDB</dt><dd class="<?= $databaseStatus === 'Connected' ? 'ok' : '' ?>"><?= htmlspecialchars($databaseStatus, ENT_QUOTES) ?></dd>
- <dt>Apache</dt><dd class="ok">Running</dd>
- </dl>
- </section>
- </main>
- </body>
- </html>
|