<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            display: grid;
            place-items: center;
            font-family: sans-serif;
            height: 100px; 
            margin: 20px; 
        }
    </style>
    <h1>You have read in dark mode </h1>

    <?php     
    function filterBooksByAuthor($books, $author) {
        $filteredBooks = array_filter($books, function($book) use ($author) {
            return $book['author'] == $author;
        });
        return $filteredBooks;
    }

    $books = [
        ['name' => 'Web', 'author' =&gt; 'Philip K. Dick', 'purchaseUrl' =&gt; 'http://example.com'],
        ['name' =&gt; 'OOP', 'author' =&gt; 'Andy Weir', 'purchaseUrl' =&gt; 'http://example.com'],
        ['name' =&gt; 'Database', 'author' =&gt; 'Jeffery', 'purchaseUrl' =&gt; 'http://example.com']
    ];

    $filteredBooks = filterBooksByAuthor($books, 'Andy Weir');
    ?&gt;

    <!-- Display filtered books -->
    

        <?php foreach ($filteredBooks as $book) : ?>            
• = $book['name']; ?> - by = $book['author'] ?>
        <?php endforeach; ?>