allnested-wishlist-saver/wishlist.html at main · allnested/allnested-wishlist-saver · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>My Wishlist</title>
  <style>
    body { font-family: Arial, sans-serif; padding: 15px; max-width: 900px; margin:0 auto; }
    h2 { color: #0077cc; margin:0 0 12px 0; }
    #controls { margin-bottom: 12px; display:flex; gap:8px; }
    button { cursor:pointer; padding:6px 8px; border-radius:4px; border:none; background:#07a; color:#fff; }
    ul { list-style:none; padding:0; margin:0; }
    li { display:flex; align-items:center; justify-content:space-between; gap:8px;
         padding:10px; margin-bottom:8px; background:#f6f6f6; border-radius:6px; }
    a { color:#0077cc; text-decoration:none; word-break: break-word; flex:1; }
    .meta { color:#666; font-size:12px; margin-right:8px; white-space:nowrap; }
    .removeBtn { background:#d9534f; color:#fff; border:none; padding:6px 8px; border-radius:4px; }
  </style>
</head>
<body>
  <h2>My Saved Wishlist</h2>
  <div id="controls">
    <button id="clearAll">Clear All</button>
    <button id="openAll">Open All in Tabs</button>
  </div>
  <ul id="wishlist"></ul>

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