admin/33695-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add color table

Browse Source
This commit is contained in:
Flatlogic Bot 2025-08-29 15:50:32 +00:00
parent 06ac787db9
commit 16e1160553
1 changed files with 85 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

125
index.php
View File

@ -14,56 +14,99 @@ $now = date('Y-m-d H:i:s');
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>LAMP Workspace</title> <title>Welcome to the LAMP Stack!</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<style> <style>
:root { color-scheme: light dark; } body {
body { margin: 0; font: 16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; } background-color: #f8f9fa;
header { background:#111; color:#fff; padding:16px 24px; } }
main { max-width: 880px; margin: 32px auto; padding: 0 16px; } .hero {
h1 { margin: 0 0 8px; font-size: 22px; } background: linear-gradient(to right, #6a11cb, #2575fc);
h2 { margin-top: 28px; font-size: 18px; } color: white;
p { margin: 8px 0; } padding: 4rem 2rem;
code, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; } text-align: center;
pre { background: #0b1020; color: #cfe7ff; padding: 12px; border-radius: 8px; overflow:auto; } }
.grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; } .info-card {
.card { border:1px solid #ddd; border-radius:8px; padding:12px; } background-color: white;
.muted { color:#666; } border-radius: 0.5rem;
.kv { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px dashed #e3e3e3; } box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
.kv:last-child { border-bottom:0; } padding: 2rem;
footer { color:#777; margin: 28px 0 40px; text-align:center; font-size: 13px; } margin-top: -2rem;
z-index: 10;
}
</style> </style>
</head> </head>
<body> <body>
<header> <div class="hero">
<h1>LAMP stack is ready</h1> <div class="container">
</header> <h1 class="display-4">Behold the Power of LAMP!</h1>
<p class="lead">This page is a testament to the flexibility and power of the classic LAMP stack, styled with a modern touch.</p>
</div>
</div>
<main> <div class="container">
<section class="grid"> <div class="info-card">
<div class="card"> <h2 class="text-center mb-4">Dynamic Server Information</h2>
<h2>Stack</h2> <div class="row">
<div class="kv"><span>Web server</span><code><?= htmlspecialchars($server) ?></code></div> <div class="col-md-4 text-center">
<div class="kv"><span>PHP</span><code><?= htmlspecialchars($phpVersion) ?></code></div> <h5><span class="badge bg-primary">Web Server</span></h5>
<p class="fs-4"><?= htmlspecialchars($server) ?></p>
</div>
<div class="col-md-4 text-center">
<h5><span class="badge bg-success">PHP Version</span></h5>
<p class="fs-4"><?= htmlspecialchars($phpVersion) ?></p>
</div>
<div class="col-md-4 text-center">
<h5><span class="badge bg-info">Server Time</span></h5>
<p class="fs-4"><?= htmlspecialchars($now) ?> (UTC)</p>
</div>
</div> </div>
</div>
<div class="my-5">
<h2 class="text-center mb-4">Fun with PHP Loops!</h2>
<div class="card"> <div class="card">
<h2>Tips</h2> <div class="card-body">
<p>• Put your app files into this folder.</p> <h5 class="card-title">Color Palette</h5>
<p>• <code>.htaccess</code> is enabled; <code>index.php</code> has priority.</p> <p class="card-text">Here is a dynamically generated table of colors, created with a simple PHP loop and styled with Bootstrap.</p>
<p>• Errors are shown for development (disable in production).</p> <table class="table table-bordered table-striped table-hover">
<thead class="table-dark">
<tr>
<th>Color Name</th>
<th>Hex Code</th>
<th>Preview</th>
</tr>
</thead>
<tbody>
<?php
$colors = [
"Crimson" => "#DC143C",
"Gold" => "#FFD700",
"LimeGreen" => "#32CD32",
"DeepSkyBlue" => "#00BFFF",
"MediumOrchid" => "#BA55D3",
"Tomato" => "#FF6347",
];
foreach ($colors as $name => $hex) {
echo "<tr>";
echo "<td>" . htmlspecialchars($name) . "</td>";
echo "<td>" . htmlspecialchars($hex) . "</td>";
echo "<td style=\"background-color:" . htmlspecialchars($hex) . "\"></td>";
echo "</tr>";
}
?>
</tbody>
</table>
</div>
</div> </div>
</section> </div>
</div>
<section> <footer class="text-center text-muted py-4">
<h2>Try ideas</h2> <p>Generated by Flatlogic & Gemini</p>
<p class="muted">You can ask the assistant to generate or modify code. Example requests:</p> </footer>
<pre><code>"Create a simple landing page with a hero section and a contact form."
"Build an engineering calculator (e.g., beam deflection or resistor color code)."
"Refactor the current PHP file for better readability and error handling."
"Scan the project and list potential security issues in configuration."
"Add basic routing and a simple controller to serve multiple pages."</code></pre>
</section>
<footer>Updated at <?= htmlspecialchars($now) ?> (UTC)</footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
</main>
</body> </body>
</html> </html>