Skip to content

Commit 6ca1805

Browse files
ccbrownccbrown
committed
add sponsor link
1 parent 10e7351 commit 6ca1805

File tree

2 files changed

+85
-61
lines changed

2 files changed

+85
-61
lines changed

‎server/index_handler.go‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@ var index = `<!DOCTYPE html><html>
3737
{{end}}
3838
</ul>
3939
</header>
40+
<div class="notice">
41+
<p>Tala moana, warrior! This website is approaching its <strong>12th</strong> birthday! If you've found it useful over the years, you can now show your appreciation in the form of a <a href="https://github.com/sponsors/ccbrown" target="_blank">recurring or one-time donation on GitHub</a>! In addition to showing your appreciation, this offsets server costs and helps support further feature developments (Twitter/X support? Search? GenAI?).</p>
42+
<p>Thanks, and stay safe out there, Exile. ❤️</p>
43+
</div>
4044
<div class="content-box">
4145
<h1>{{call $.Translate "Activity"}}</h1>
4246
<a href="rss"><img src="static/images/rss-icon-28.png" class="rss-icon" /></a>
@@ -62,6 +66,9 @@ var index = `<!DOCTYPE html><html>
6266
Please direct feedback to <a href="https://www.pathofexile.com/forum/view-thread/69448" target="_blank">this thread</a>.
6367
Want a new feature? <a href="https://github.com/ccbrown/gggtracker" target="_blank">Add it yourself!</a>
6468
</p>
69+
<p>
70+
Appreciate the site? Show your support by <a href="https://github.com/sponsors/ccbrown" target="_blank">sponsoring me</a>! ❤️
71+
</p>
6572
</footer>
6673
</div>
6774

‎server/static/style.css‎

Lines changed: 78 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
a {
22
color: #C9BA8A;
3-
text-decoration: none;
3+
text-decoration: none;
44
}
55

66
a:hover {
@@ -52,6 +52,23 @@ td {
5252
text-align: right;
5353
}
5454

55+
div.notice {
56+
background-color: #DFCF99;
57+
padding: 0px 12px;
58+
margin: 24px;
59+
border: 1px solid #363636;
60+
box-shadow: 3px 3px 16px 4px #000000;
61+
width: 980px;
62+
position: relative;
63+
font-size: 14px;
64+
color: #202020;
65+
}
66+
67+
div.notice a, div.notice a:visited, div.notice a:active, div.notice a:hover {
68+
color: #202020;
69+
text-decoration: underline;
70+
}
71+
5572
div.content-box {
5673
background-color: #202020;
5774
padding: 12px;
@@ -107,11 +124,11 @@ footer {
107124
}
108125

109126
footer a {
110-
text-decoration: underline;
127+
text-decoration: underline;
111128
}
112129

113130
td.poster {
114-
text-align: center;
131+
text-align: center;
115132
}
116133

117134
.forum td.poster a {
@@ -126,7 +143,7 @@ td.poster {
126143
}
127144

128145
.reddit td.poster a {
129-
color: #f33f3f;
146+
color: #f33f3f;
130147
text-decoration: none;
131148
font-weight: bold;
132149
}
@@ -137,124 +154,124 @@ td.poster {
137154
}
138155

139156
.reddit td {
140-
background-color: #07192c;
157+
background-color: #07192c;
141158
}
142159

143160
td.toggle {
144-
padding: 0px;
145-
width: 34px;
146-
height: 34px;
161+
padding: 0px;
162+
width: 34px;
163+
height: 34px;
147164
}
148165

149166
td.time {
150-
width: 200px;
151-
text-align: center;
167+
width: 200px;
168+
text-align: center;
152169
}
153170

154171
td.forum {
155-
text-overflow: ellipsis;
156-
overflow: hidden;
157-
white-space: nowrap;
158-
max-width: 140px;
159-
text-align: center;
172+
text-overflow: ellipsis;
173+
overflow: hidden;
174+
white-space: nowrap;
175+
max-width: 140px;
176+
text-align: center;
160177
}
161178

162179
.reddit .forum a::before {
163-
content: '/r/';
180+
content: '/r/';
164181
}
165182

166183
td.toggle {
167-
position: relative;
168-
padding: 0px;
184+
position: relative;
185+
padding: 0px;
169186
}
170187

171188
td.toggle img {
172-
cursor: pointer;
173-
width: 18px;
174-
height: 18px;
175-
position: absolute;
176-
top: 50%;
177-
left: 50%;
178-
transform: translate(-50%, -50%);
179-
filter: opacity(70%);
189+
cursor: pointer;
190+
width: 18px;
191+
height: 18px;
192+
position: absolute;
193+
top: 50%;
194+
left: 50%;
195+
transform: translate(-50%, -50%);
196+
filter: opacity(70%);
180197
}
181198

182199
.expander:hover, .collapser:hover {
183-
filter: opacity(100%);
200+
filter: opacity(100%);
184201
}
185202

186203
td.icon {
187-
position: relative;
188-
padding: 0px;
189-
width: 35px;
204+
position: relative;
205+
padding: 0px;
206+
width: 35px;
190207
}
191208

192209
td.icon img {
193-
position: absolute;
194-
height: 24px;
195-
top: 50%;
196-
left: 50%;
197-
transform: translate(-50%, -50%);
210+
position: absolute;
211+
height: 24px;
212+
top: 50%;
213+
left: 50%;
214+
transform: translate(-50%, -50%);
198215
}
199216

200217
td.title {
201-
max-width: 450px;
202-
overflow: hidden;
218+
max-width: 450px;
219+
overflow: hidden;
203220
}
204221

205222
td.body {
206-
background-color: #262626;
207-
padding: 10px;
223+
background-color: #262626;
224+
padding: 10px;
208225
}
209226

210227
td.body blockquote {
211-
background: #323232;
212-
border-left: 5px solid #1a1a1a;
213-
margin: 1.5em 10px;
214-
padding: 0.5em 10px;
228+
background: #323232;
229+
border-left: 5px solid #1a1a1a;
230+
margin: 1.5em 10px;
231+
padding: 0.5em 10px;
215232
}
216233

217234
td.body img {
218-
max-width: 100%;
235+
max-width: 100%;
219236
}
220237

221238
.spoilerHidden .spoilerContent {
222-
display: none;
239+
display: none;
223240
}
224241

225242
.spoilerTitle input[type="button"] {
226-
margin-left: 8px;
227-
color: #c9ba8a;
228-
background-color: #0f0f0f;
229-
border: 0;
230-
cursor: pointer;
231-
text-decoration: none;
243+
margin-left: 8px;
244+
color: #c9ba8a;
245+
background-color: #0f0f0f;
246+
border: 0;
247+
cursor: pointer;
248+
text-decoration: none;
232249
}
233250

234251
.spoilerTitle input[type="button"]:hover {
235-
text-decoration: underline;
252+
text-decoration: underline;
236253
}
237254

238255
.spoiler {
239-
border: 1px solid #1a1a1a;
240-
background-color: #323232;
256+
border: 1px solid #1a1a1a;
257+
background-color: #323232;
241258
}
242259

243260
.spoilerTitle, .spoilerContent {
244-
padding: 8px;
261+
padding: 8px;
245262
}
246263

247264
#locale-selection {
248-
float: right;
249-
list-style: none;
250-
margin: 0px;
265+
float: right;
266+
list-style: none;
267+
margin: 0px;
251268
}
252269

253270
#locale-selection li {
254-
display: inline;
255-
opacity: 0.5;
271+
display: inline;
272+
opacity: 0.5;
256273
}
257274

258275
#locale-selection li.selected-locale {
259-
opacity: 1.0;
276+
opacity: 1.0;
260277
}

0 commit comments

Comments
 (0)