chrome-IEEE-reference-maker-extension/popup.html at main · ChamodGamhewa/chrome-IEEE-reference-maker-extension · GitHub

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>

<html>

<head>
  <link rel="stylesheet" href="style.css">
  <meta charset="UTF-8">
  <title>IEEE Reference Maker</title>
</head>

<body>
  <h3>IEEE Reference Maker</h3>

  <label for="author">Author (A. Author):</label>
  <input id="author" type="text" placeholder="e.g. A. James">

  <label for="title">Page title:</label>
  <input id="title" type="text" placeholder="Page title">

  <label for="website">Website Title:</label>
  <input id="website" type="text" placeholder="Website title">

  <label for="url">URL:</label>
  <input id="url" type="text" placeholder="URL">

  <label for="posted">Posted date:</label>
  <input id="posted" type="text" placeholder="Posted date">

  <label for="updated">Last updated:</label>
  <input id="updated" type="text" placeholder="Last updated">

  <label for="accessed">Accessed date:</label>
  <input id="accessed" type="text" placeholder="Accessed date">

  <div class="button-container">
    <button id="generate">Generate reference</button>
    <button id="copy">Copy to clipboard</button>
  </div>

  <label for="output">Reference:</label>
  <textarea id="output" readonly placeholder="Generated Reference"></textarea>

  <div class="footer-container">
    <div class="text-row">
      <p>IEEE Reference Maker v1.1</p>
      <p>Created by Chamod Gamhewa</p>
    </div>

    <div class="button-row">
      <a class="icon-btn" href="https://www.linkedin.com/in/chamod-gamhewa/" target="_blank" rel="noopener noreferrer">
        <img src="linkedin.svg" alt="linkedin" width="25px">
      </a>

      <a class="icon-btn" href="https://github.com/ChamodxGamhewa" target="_blank" rel="noopener noreferrer">
        <img src="github.svg" alt="github" width="25px">
      </a>
    </div>
  </div>

  <script src="popup.js"></script>
</body>

</html>