https://nostr-markets.pages.dev/

1<!DOCTYPE html>
2<html data-theme="light" lang="en">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1" />
6    <!-- Primary Meta Tags -->
7    <title>Nostr markets</title>
8    <meta name="title" content="Nostr markets" />
9    <meta name="description" content="Find nostr markets" />
10    <!-- Open Graph / Facebook -->
11    <meta property="og:type" content="website" />
12    <meta property="og:url" content="https://nostr-markets.pages.dev/" />
13    <meta property="og:title" content="Nostr markets" />
14    <meta property="og:description" content="Find nostr markets" />
15    <meta property="og:image" content="/img/nostr-markets_og.png" />
16    <!-- Twitter -->
17    <meta property="twitter:card" content="summary_large_image" />
18    <meta property="twitter:url" content="https://nostr-markets.pages.dev/" />
19    <meta property="twitter:title" content="Nostr markets" />
20    <meta property="twitter:description" content="Find nostr markets" />
21    <meta property="twitter:image" content="/img/nostr-markets_twitter.png" />
22    <!-- Favicon -->
23    <link rel="shortcut icon" href="img/market.png" type="image/x-icon" />
24    <!-- CSS -->
25    <link rel="stylesheet" href="css/style.css" />
26    <!-- Lightning -->
27    <meta name="lightning" content="[email protected]" />
28    <!-- PWA -->
29    <meta name="theme-color" content="#ffffff" />
30    <link rel="apple-touch-icon" href="img/market.png" />
31  </head>
32  <body>
33    <main>
34      <div class="space-between">
35        <h1>Nostr markets</h1>
36        <p>
37          <a href="https://github.com/bordalix/nostr-markets"><img src="img/github.png" /></a>
38          <a href="https://twitter.com/bordalix/"><img src="img/twitter.png" /></a>
39          <a
40            href="https://snort.social/e/nevent1qqst6qfw8fmhp8njf6hufle7vxyu7py6jjvy7u250ywkskklzgn7kwqppemhxue69uhkummn9ekx7mp0qgsx9nhcswrrqg4y78tq64y90jwh99jswqkflc38kzvgczmwxmztensrqsqqqqqpzynuhg"
41            ><img src="img/nostr.png"
42          /></a>
43        </p>
44      </div>
45      <p>Find Nostr markets</p>
46      <details>
47        <summary>Know more</summary>
48        <p>
49          This app will fetch all market creation events from a big list of relays, present them and generate a
50          javascript file for your usage.
51        </p>
52        <p>
53          If you want to use your own
54          <a href="https://github.com/bordalix/nostr-markets/blob/master/js/relays.js">list of relays</a>:
55        </p>
56        <ul>
57          <li>
58            Save this site or clone
59            <a href="https://github.com/bordalix/nostr-markets">repo</a>
60          </li>
61          <li>Edit <u>js/relays.js</u></li>
62          <li>Open <u>index.html</u> with a browser</li>
63        </ul>
64        <p>
65          Repo at
66          <a href="https://github.com/bordalix/nostr-markets">github</a>
67        </p>
68        <p>
69          Twitter
70          <a href="https://twitter.com/bordalix/status/1707262593302147366">thread</a>
71          for discussion
72        </p>
73        <p>
74          Nostr
75          <a
76            href="https://snort.social/e/nevent1qqst6qfw8fmhp8njf6hufle7vxyu7py6jjvy7u250ywkskklzgn7kwqppemhxue69uhkummn9ekx7mp0qgsx9nhcswrrqg4y78tq64y90jwh99jswqkflc38kzvgczmwxmztensrqsqqqqqpzynuhg"
77            >thread</a
78          >
79          for discussion
80        </p>
81      </details>
82      <div class="box gray centered">
83        <p>
84          <button id="fetch-markets" onclick="fetchMarkets(); return false;">Fetch markets</button>
85        </p>
86      </div>
87      <div class="box">
88        <div class="space-between">
89          <p id="fetching-status"></p>
90          <p style="padding-top: 2px">
91            <progress
92              type="range"
93              id="fetching-progress"
94              name="fetching-progress"
95              min="0"
96              max="20"
97              value="0"
98              style="visibility: hidden"
99            />
100          </p>
101        </div>
102        <div class="space-between">
103          <p style="margin-top: 0">
104            <button id="file-download" onclick="download(); return false;" style="visibility: hidden">
105              Download JS file
106            </button>
107          </p>
108          <p id="events-found" style="margin-top: 0"></p>
109        </div>
110      </div>
111      <p id="markets-found" class="centered"></p>
112      <div id="results"></div>
113      <footer>
114        <p>Find more nostr utils on</p>
115        <p>
116          <a href="https://nostr-utils.pages.dev">https://nostr-utils.pages.dev</a>
117        </p>
118      </footer>
119    </main>
120
121    

121<script src="https://bundle.run/[email protected]"></script>

121
122    

122<script src="https://bundle.run/[email protected]"></script>

122
123    

123<script src="https://nostr-utils.pages.dev/js/jquery-3.6.2.min.js"></script>

123
124    

124<script src="https://nostr-utils.pages.dev/js/nostr-utils.js"></script>

124
125    

125<script src="js/relays.js"></script>

125
126    

126<script src="js/nostr-markets.js"></script>

126
127  </body>
128</html>