File size: 1,711 Bytes
43a1a56
 
00dc43d
 
 
 
60d284f
00dc43d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9c7c30a
00dc43d
9c7c30a
00dc43d
 
 
 
60d284f
 
 
 
 
 
 
00dc43d
9c7c30a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
  <title>Goals of the World Health Organization</title>
  <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@3.13.0/dist/tf.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@huggingface/transformers@4.13.0/dist/transformers.min.js"></script>
  <link rel="stylesheet" type="text/css" href="style.css">
  <script>
    async function generateGoals() {
      // Load the GPT-2 model
      const model = await transformers.gpt2.GPT2Model.fromPretrained("gpt2");

      // Set up the tokenizer
      const tokenizer = await transformers.gpt2.GPT2Tokenizer.fromPretrained("gpt2");

      // Define the input text
      const input = "The goals of the World Health Organization are";

      // Encode the input text
      const encodedInput = tokenizer.encode(input);

      // Generate the output text using the GPT-2 model
      const output = await model.generate(tf.tensor2d(encodedInput, [1, encodedInput.length]), { maxOutputLength: 200 });

      // Decode the output text
      const decodedOutput = tokenizer.decode(output.arraySync()[0], { skipSpecialTokens: true });

      // Display the output text and link to the WHO website in the HTML page
      document.getElementById("goals").innerHTML = decodedOutput;
      document.getElementById("wholink").href = "https://www.who.int/about/mission/en/";
    }
  </script>
</head>
<body onload="generateGoals()">
  <div id="content">
    <h1>Goals of the World Health Organization</h1>
    <p id="goals">Loading...</p>
    <img id="gif" src="https://media.giphy.com/media/l0MYt5jPR6QX5pnqM/giphy.gif" alt="GIF design">
    <br>
    <a id="wholink" href="#">Learn more about the WHO</a>
  </div>
</body>
</html>