Sure, let's create a multi-page website with links and a CSS file for styling. First, create a directory structure for your project:

```
project/
  ├── Dockerfile
  ├── html/
  │   ├── index.html
  │   ├── about.html
  │   ├── hobbies.html
  │   └── contact.html
  └── css/
      └── styles.css
```

Update the Dockerfile to copy the html and css directories to the appropriate locations:

```Dockerfile
# Dockerfile
FROM nginx
COPY html /usr/share/nginx/html
COPY css /usr/share/nginx/html/css
```

Create the HTML pages and link them with the appropriate hrefs:

```html
<!-- index.html -->
<html>
<head>
  <title>Hello John</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <h1>Hello John</h1>
  <nav>
    <a href="about.html">About</a>
    <a href="hobbies.html">Hobbies</a>
    <a href="contact.html">Contact</a>
  </nav>
</body>
</html>

<!-- about.html -->
<html>
<head>
  <title>About John</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <h1>About John</h1>
  <p>John is a software engineer from San Francisco.</p>
  <nav>
    <a href="index.html">Home</a>
    <a href="hobbies.html">Hobbies</a>
    <a href="contact.html">Contact</a>
  </nav>
</body>
</html>

<!-- hobbies.html -->
<html>
<head>
  <title>John's Hobbies</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <h1>John's Hobbies</h1>
  <ul>
    <li>Cycling</li>
    <li>Photography</li>
    <li>Cooking</li>
  </ul>
  <nav>
    <a href="index.html">Home</a>
    <a href="about.html">About</a>
    <a href="contact.html">Contact</a>
  </nav>
</body>
</html>

<!-- contact.html -->
<html>
<head>
  <title>Contact John</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <h1>Contact John</h1>
  <p>Email: john@example.com</p>
  <nav>
    <a href="index.html">Home</a>
    <a href="about.html">About</a>
    <a href="hobbies.html">Hobbies</a>
  </nav>
</body>
</html>
```

Create the CSS file to add styles:

```css
/* css/styles.css */
body {
  font-family: Arial, sans-serif;
}

nav {
  display: flex;
  justify-content: space-around;
  margin: 20px 0;
}

a {
  text-decoration: none;
  color: #3498db;
}

a:hover {
  text-decoration: underline;
}
```

Now build and run the Docker image as before:

```bash
# Build the image with the tag hello-john
docker build -t hello-john .

# Run the container and map port 8080 on the host to port 80 on the container
docker run -p 8080:80 -d hello-john

# Access the homepage using http://localhost:8080
```

Now you have a multi-page website with links between each page and a CSS file for styling. You can access the homepage at http://localhost:8080 and navigate through the different pages using the provided links. The styling will be applied consistently across all pages.

Remember, you can always modify the HTML and CSS files to further customize the appearance and content of your website. After making changes, rebuild and run the Docker image to see the updated version.
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence