LinkDown/popup.html at main · Alexmacapple/LinkDown · 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
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>LinkDown</title>
  <link rel="stylesheet" href="popup.css">
</head>
<body>
  <div class="container">
    <header>
      <h1>LinkDown</h1>
    </header>

    <div id="loading" class="loading">
      <div class="spinner"></div>
      <p>Extraction en cours...</p>
    </div>

    <div id="error" class="error hidden">
      <p id="error-message"></p>
    </div>

    <div id="content" class="hidden">
      <div id="warnings" class="warnings hidden">
        <div class="warnings-header">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
            <line x1="12" y1="9" x2="12" y2="13"/>
            <line x1="12" y1="17" x2="12.01" y2="17"/>
          </svg>
          <span>Données partielles</span>
        </div>
        <ul id="warning-list"></ul>
      </div>

      <div class="preview">
        <div class="meta">
          <span id="author" class="author"></span>
          <span id="date" class="date"></span>
        </div>
        <div id="preview-text" class="preview-text"></div>
      </div>

      <div class="actions">
        <button id="btn-download" class="btn btn-primary">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
            <polyline points="7 10 12 15 17 10"/>
            <line x1="12" y1="15" x2="12" y2="3"/>
          </svg>
          Télécharger .md
        </button>
        <button id="btn-copy" class="btn btn-secondary">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
          </svg>
          Copier
        </button>
      </div>

      <div id="toast" class="toast hidden">Copié !</div>
    </div>

    <footer>
      <a href="https://linkedin.com" target="_blank">Ouvrir LinkedIn</a>
    </footer>
  </div>

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