-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathimagehose.index.html
106 lines (91 loc) · 2.43 KB
/
imagehose.index.html
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
{{{HEADER}}}
<title>🖼️THE IMAGEHOSE🚰</title>
<style>
#headerDiv {
margin: 0 0 2em 1em;
}
.post {
width: 520px;
margin-left: auto;
margin-right: auto;
padding-top: 0.5em;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3em;
}
.img-div img {
margin-top: 1em;
}
.quote-div {
padding-top: 1.5em;
margin-bottom: 0.5em;
}
.attr-div {
padding-top: 0.5em;
padding-bottom: 1.5em;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3em;
}
img {
width: 480px;
border-radius: 0.3em;
box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
@media screen and (max-width: 720px) {
img {
width: 420px;
}
}
@media screen and (max-width: 480px) {
img {
width: 320px;
}
.post {
width: 100%;
}
.post {
width: 100%;
}
}
</style>
</head>
<body>
<h1>🖼️ THE IMAGEHOSE 🚰</h1>
<div id="headerDiv">
Sampled from the
<a href="https://docs.bsky.app/docs/advanced-guides/firehose" target="_blank">
Bluesky 🔥firehose🚰
</a>
via <a href="https://www.npmjs.com/package/sentiment" target="_blank">sentiment</a>
<a href="https://www.npmjs.com/package/node-nlp" target="_blank">analysis</a>.<br />
Images generated from post text with
<a href="{{{modelUrl}}}" target="_blank">{{modelName}}</a>.<br />
<br/>
Retaining the most recent {{windowCount}}. Updated every {{currentDelayS}}ish seconds.
<br />
<a href="/stats.html">Statistics</a>.
<a href="https://github.com/rpj/imagehose/" target="_blank">Code</a>.
By <a href="https://bsky.app/profile/ryanjoseph.dev" target="_blank">@ryanjoseph.dev</a>.<br />
Feed: <a href="https://piehost.com/websocket-tester?url=wss://wss.imagehose.net" target="_blank"><code>wss://wss.imagehose.net</code></a><br />
<br/>
None of these people or places exist. None of these images are real.
<br/>
</div>
{{#posts}}
<div class="post">
<div class="img-div">
<a href="{{{postUrl}}}" target="_blank">
<img src="/{{imagePath}}" />
</a>
</div>
<div class="quote-div">
“<quote>{{text}}</quote>”<br />
</div>
<div class="attr-div">
— <a href="{{{postUrl}}}" target="_blank">{{aka}}</a> at {{createdAtUtcString}}
</div>
</div>
{{/posts}}
<hr />
Updated: {{updateTs}}
</body>
</html>