-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdata_tmpl.html
154 lines (127 loc) · 4.18 KB
/
data_tmpl.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<title>🇩🇱 DLsite Lowest Price Watcher</title>
<meta charset="utf-8">
<meta name="keywords" content="dlsite">
<meta name="description" content="Track the lowest price of best sellers on DLsite">
<meta name="google-site-verification" content="RMbl3zrxUNoAN9Q2XcBsy7qLE5te_LAO9wR6PW0MVsU">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="rating" content="adult">
<link rel="icon" href="data:" type="image/x-icon">
<meta http-equiv="Content-Security-Policy"
content="default-src 'none'; style-src 'unsafe-inline'; img-src https://wiki.greasespot.net/favicon.ico">
<base href="https://www.dlsite.com/maniax/work/=/product_id/" target="_blank">
<style>
header {
background: yellowgreen;
color: whitesmoke;
text-align: center;
}
header h1 {
margin-top: 0px;
padding: 5px;
}
footer {
margin-top: 50px;
background-color: slateblue;
text-align: center;
}
footer section {
padding: 10px 50px;
color: white;
}
footer a {
color: white;
}
article {
max-width: 960px;
margin: auto;
}
a.userscript {
display: inline-block;
text-decoration: none;
padding: 5px;
user-select: none;
font-family: Helvetica, Arial, serif;
border: 1px solid black;
color: blue;
}
a.userscript:hover {
background-color: greenyellow;
}
a.userscript img {
vertical-align: sub;
}
tbody tr:nth-child(odd) {
background-color: gainsboro;
}
tbody {
text-align: center;
}
tbody td:nth-child(2) {
text-align: left;
}
td {
padding: 2px;
}
#r18chk:checked {
display: none;
}
#r18chk:checked+label {
display: none;
}
#r18chk:checked~#details {
display: block !important;
}
</style>
</head>
<body>
<header>
<h1>DLsite Lowest Price Watcher</h1>
</header>
<main>
<article>
<p>For a long time there isn't a DLsite version of <em>SteamDB</em>. It's easy to create one. But it's hard
to:
</p>
<ul>
<li>not abuse crawling</li>
<li>make good use of data</li>
<li>prevent from being abused</li>
</ul>
<p>This program retrieves data from <code>https://www.dlsite.com/<category>/ranking/total</code>.
Namely it only tracks best sellers. You're not able to trivially modify this to track custom artifact.
</p>
<p><strong>Recording starts from <time>2022/4/3</time></strong></p>
<a class="userscript" href="https://github.com/imba-tjd/DLWatcher/raw/master/DLWatcher.user.js"
rel="noopener">
<img src="https://wiki.greasespot.net/favicon.ico" alt="icon"> Add userscript
</a>
</article>
<hr>
<input type="checkbox" id="r18chk"><label for="r18chk">🔞 Before seeing the details, I promise I'm
<strong style="color: red">18+</strong></label>
<section id="details" data-nosnippet non-crawlable style="display: none">
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Price</th>
<th>Discount</th>
<th style="min-width: 6rem;">Date</th>
</tr>
</thead>
<tbody lang="ja">{DATA}</tbody>
</table>
</section>
</main>
<footer>
<section>
<small><a href="https://github.com/imba-tjd/dlwatcher"
rel="noopener">https://github.com/imba-tjd/dlwatcher</a></small>
</section>
</footer>
</body>
</html>