bjarneo · November 8, 2023 08:13
diff --git a/.html b/.html
 <!DOCTYPE html>
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Norway Times - Article List</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        background-color: #f3f3f3;
        margin: 0;
        padding: 0;
      }
      .container {
        width: 60%;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin-top: 20px;
      }
      h1 {
        text-align: center;
        color: #333;
      }
      .article-list {
        list-style: none;
        padding: 0;
      }
      .article-list-item {
        margin-bottom: 20px;
      }
      .article-title {
        font-size: 1.2em;
        color: #333;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Norway Times</h1>

      <ul class="article-list">
        <li class="article-list-item">
          <h2 class="article-title">Article Title 1</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor.
          </p>
        </li>
        <li class="article-list-item">
          <h2 class="article-title">Article Title 2</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor.
          </p>
        </li>
        <li class="article-list-item">
          <h2 class="article-title">Article Title 3</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor.
          </p>
        </li>
        <li class="article-list-item">
          <h2 class="article-title">Article Title 4</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor.
          </p>
        </li>
        <li class="article-list-item">
          <h2 class="article-title">Article Title 5</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor.
          </p>
        </li>
      </ul>
    </div>

    <script>
      const API = 'https://www.vg.no/feed/latest';

      // write the javascript code here
    </script>
  </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Norway Times - Article List</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	}
	.container {
	width: 60%;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	}
	h1 {
	text-align: center;
	color: #333;
	}
	.article-list {
	list-style: none;
	padding: 0;
	}
	.article-list-item {
	margin-bottom: 20px;
	}
	.article-title {
	font-size: 1.2em;
	color: #333;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>Norway Times</h1>

	<ul class="article-list">
	<li class="article-list-item">
	<h2 class="article-title">Article Title 1</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
	eiusmod tempor.
	</p>
	</li>
	<li class="article-list-item">
	<h2 class="article-title">Article Title 2</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
	eiusmod tempor.
	</p>
	</li>
	<li class="article-list-item">
	<h2 class="article-title">Article Title 3</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
	eiusmod tempor.
	</p>
	</li>
	<li class="article-list-item">
	<h2 class="article-title">Article Title 4</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
	eiusmod tempor.
	</p>
	</li>
	<li class="article-list-item">
	<h2 class="article-title">Article Title 5</h2>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
	eiusmod tempor.
	</p>
	</li>
	</ul>
	</div>

	<script>
	const API = 'https://www.vg.no/feed/latest';

	// write the javascript code here
	</script>
	</body>
	</html>