ctrlplus-zai/codecraft-macos-dark-suite

1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Grading System</title>7    <link href="https://fonts.googleapis.com/css2?family=Cairo+Play:wght@400;700&family=Share+Tech+Mono&display=swap" rel="stylesheet">8    <script src="https://cdn.tailwindcss.com"></script>9    <style>10        body {11            font-family: 'Cairo Play', sans-serif;12            background-color: #1a1a1a;13            color: #e5e7eb;14        }15        .mono {16            font-family: 'Share Tech Mono', monospace;17        }18    </style>19</head>20<body class="min-h-screen p-8">21    <div class="max-w-4xl mx-auto">22        <header class="mb-12">23            <h1 class="text-3xl font-bold mb-2">Grading System</h1>24            <a href="index.php" class="text-blue-400 hover:text-blue-300">← Back to tasks</a>25        </header>26 27        <div class="bg-gray-800 p-6 rounded-lg shadow-md">28            <?php29                $math = 85;30                $english = 92;31                $science = 78;32                $average = ($math + $english + $science) / 3;33                34                $grade = '';35                if ($average >= 90) {36                    $grade = 'A';37                } elseif ($average >= 80) {38                    $grade = 'B';39                } elseif ($average >= 70) {40                    $grade = 'C';41                } elseif ($average >= 60) {42                    $grade = 'D';43                } else {44                    $grade = 'F';45                }46                47                echo "<div class='space-y-4'>";48                echo "<p class='text-lg'>Math: $math</p>";49                echo "<p class='text-lg'>English: $english</p>";50                echo "<p class='text-lg'>Science: $science</p>";51                echo "<p class='text-lg'>Average: " . number_format($average, 2) . "</p>";52                echo "<p class='text-lg font-semibold text-blue-400'>Grade: $grade</p>";53                echo "</div>";54            ?>55        </div>56    </div>57</body>58</html>