|
@@ -0,0 +1,49 @@
|
|
|
|
|
+<?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>
|