-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
265 lines (236 loc) · 9.66 KB
/
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
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<html>
<head>
<title> [eli] Ping Pong The Animation subtitle project </title>
<style>
body {
margin: 2em;
background: url("hero_bg.png") fixed no-repeat right bottom / 400px #01c5f5;
color: #ffffff;
font-family: sans-serif;
}
.header {
color: transparent;
margin-left: 150px;
margin-top: 50px;
width: 70%;
height: 240px;
}
.header b {
color: #fff20d;
font-size: 3em;
font-weight: 400;
position: absolute;
top: 40;
left: 152;
-ms-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.header #logo {
width: 500px;
display: block;
}
.header h4 {
color: #fff;
font-weight: 100;
width: fit-content;
position: relative;
top: -45;
left: 277;
}
.side {
margin-left: 50px;
width: 50%;
}
.side h2,
.side h3,
.side h4 {
margin-bottom: 0.5em;
}
.side center {
display: block;
padding: 8px 16px;
width: fit-content;
margin: 0 auto;
border: 1px dashed #fff;
}
#description {
padding: 20px 25px;
background: #00a7db;
}
a {
color: #fff20d;
}
#contact {
color: #00a7db;
position: fixed;
bottom: 5;
right: 5;
font-size: 9pt;
}
#contact a {
color: #01c5f5;
}
.symbol {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media screen and (max-width: 1000px) {
body {
margin: 3em;
background: url("hero_bg.png") scroll no-repeat right bottom / 400px #01c5f5;
max-width: 100%;
}
.header {
margin: 0 auto;
}
.header b {
position: absolute;
top: 10;
left: calc(50% - 38.74px);
}
.header img {
padding-top: 35px;
}
.header h4 {
}
.side {
margin-left: 0;
margin-top: 20px;
width: unset;
}
.side center {
width: unset;
}
#contact {
margin-top: 2em;
margin-bottom: 375px;
position: unset;
bottom: unset;
right: unset;
font-size: 12pt;
text-align: center;
color: #fff;
}
video {
width: 100%;
height: unset;
}
#ss {
text-align: center;
}
#contact a {
color: #fff20d;
}
}
</style>
</head>
<body>
<div class="header">
<b>[eli]</b>
<img src="ppta_logo_eli.png" id="logo" alt=" ピンポン ">
PING PONG THE ANIMATION
<h4>– english subtitle project –</h4>
</div>
<div class="side">
<div id="description">
This is my personal, "best of all worlds, and then some" release of the 2014 anime <i>Ping Pong The Animation</i>, a project that aims to be <i>the</i> best way to enjoy what I consider the most impactful, incredible piece of animated media of all time. It is a combination of the hard work made possible by many other people, plus hundreds of hours of meticulous revision by myself over the past two years. Unlike most any other release of any captioned media, <b>these subtitles aim to be a part of the visuals of the show itself</b> rather than simply a layer of text laid atop video, where the lettering strives to follow the style & spirit of both the animation and the original manga paneling to which the show pays near-constant homage.<br><br>
The typesetting in this release is comprehensive and extremely detailed, based on the fansub group WhyNot?'s 2014 as-it-was-airing-on-broadcast-TV episode releases, with further creative modification inspired by Omeiht's "Dekinai" release of the show. These subtitles are synced to video from the Japanese Blu-Ray discs, provided by philosophy-raws.<br><br>
The script is largely an <b>original translation</b>. It is based on a combination of WhyNot?'s version and the official Funimation subtitles, heavily edited, with many chunks of dialogue across all episodes re-translated from scratch. (I especially put a lot of research into all the table tennis-related vocabulary and references!) Honorifics are left in. The opening, ending, and both insert songs notably use original translations, as all previous versions have significant errors or are based on misheard lyrics. I've re-timed signs and much of the dialogue, and worked to ensure a high degree of consistency across the script, e.g. in repeated motifs/phrases, episode titles, use of italics, color matching, font choices, and subtitle positioning. I hope Masaaki Yuasa and Taiyō Matsumoto would be proud.<br><br>
Viva!
</div>
<h2 id="download"><span class="symbol">★</span> Downloads</h2>
<center>
<b>Download: <a href="https://nyaa.si/download/1394822.torrent">Torrent</a> | <a href="magnet:?xt=urn:btih:5dbd9629227d3ce205717ee262472d182a8c0569&dn=%5Beli%5D%20Ping%20Pong%20The%20Animation%20%28BD%201080p%20HEVC%2010bit%20Opus%29&tr=http%3A%2F%2Fnyaa.tracker.wf%3A7777%2Fannounce&tr=udp%3A%2F%2Fopen.stealth.si%3A80%2Fannounce&tr=udp%3A%2F%2Ftracker.opentrackr.org%3A1337%2Fannounce&tr=udp%3A%2F%2Fexodus.desync.com%3A6969%2Fannounce&tr=udp%3A%2F%2Ftracker.torrent.eu.org%3A451%2Fannounce">Magnet</a> | <a href="https://nyaa.si/view/1394822">Nyaa</a></b>
</center>
<br>
You can also download the <a href="[eli]_Ping_Pong_The_Animation_subs.zip"><b>subtitles</b></a> and <a href="[eli]_Ping_Pong_The_Animation_fonts.zip"><b>fonts</b></a> separately. This release consists of episodes 1–11 and the official PV (trailer). This website hosts no video files for download.<br><br>
You'll want a video player like <a href="https://mpv.io/">mpv</a>, <a href="https://iina.io/">IINA</a>, or <a href="https://github.com/clsid2/mpc-hc/releases/">MPC-HC</a> to play .mkv files. <a href="https://www.videolan.org/vlc/">VLC</a> works fine too. Contact me for any problems with playback or download.<br><br>
I've written up a list of <a href="references.txt"><b>translation notes and references</b></a> to go along with the show.<br><br>
<small>If muxing a copy yourself (via MKVToolNix or similar program) using the above downloads + separately-obtained raws, i.e. rips from the JP BDs that you own, see <a href="fonts.txt">this list</a> for the attachments (fonts) used in each episode.</small>
<h4 id="info">» Release info</h4>
<tt>
Blu-Ray | MKV | h265 10-bit | 1080p | Opus 2.0 | Softsubs (eli)<br>
<br>
Script: eli (based on WhyNot)<br>
Typesetting: eli (based on WhyNot/Dekinai)<br>
Song TL: eli<br>
Song styling: Commie [OP], WhyNot [ED], eli [Inserts]<br>
Timing, QC: eli
</tt>
<br><br>
<small><a href="mediainfo01.txt">MediaInfo for '[eli] Ping Pong The Animation - 01.mkv'</a></small>
<h2 id="trailer"><span class="symbol">☾</span> Trailer / PV</h2>
<video width="640" height="360" poster="ss/003.png" controls>
<source type="video/mp4" src="PV-hardsubs.mp4" />
</video>
<br><br>
Mirror on <a href="https://www.youtube.com/watch?v=dlgcKEhlJvc">YouTube</a>.
<h2 id="screenshots"><span class="symbol">★</span> Screenshots <small>(includes spoilers!)</small></h2>
<div id="ss">
<a href="ss/001.png"><img src="ss/th/001.png"></a>
<a href="ss/002.png"><img src="ss/th/002.png"></a>
<a href="ss/003.png"><img src="ss/th/003.png"></a>
<a href="ss/004.png"><img src="ss/th/004.png"></a>
<a href="ss/005.png"><img src="ss/th/005.png"></a>
<a href="ss/006.png"><img src="ss/th/006.png"></a>
<a href="ss/007.png"><img src="ss/th/007.png"></a>
<a href="ss/008.png"><img src="ss/th/008.png"></a>
<a href="ss/009.png"><img src="ss/th/009.png"></a>
<a href="ss/010.png"><img src="ss/th/010.png"></a>
<a href="ss/011.png"><img src="ss/th/011.png"></a>
<a href="ss/012.png"><img src="ss/th/012.png"></a>
<a href="ss/013.png"><img src="ss/th/013.png"></a>
<a href="ss/014.png"><img src="ss/th/014.png"></a>
<a href="ss/015.png"><img src="ss/th/015.png"></a>
<a href="ss/016.png"><img src="ss/th/016.png"></a>
<a href="ss/017.png"><img src="ss/th/017.png"></a>
<a href="ss/018.png"><img src="ss/th/018.png"></a>
<a href="ss/019.png"><img src="ss/th/019.png"></a>
<a href="ss/020.png"><img src="ss/th/020.png"></a>
<a href="ss/021.png"><img src="ss/th/021.png"></a>
<a href="ss/022.png"><img src="ss/th/022.png"></a>
<a href="ss/023.png"><img src="ss/th/023.png"></a>
<a href="ss/024.png"><img src="ss/th/024.png"></a>
<a href="ss/025.png"><img src="ss/th/025.png"></a>
<a href="ss/026.png"><img src="ss/th/026.png"></a>
<a href="ss/027.png"><img src="ss/th/027.png"></a>
<a href="ss/028.png"><img src="ss/th/028.png"></a>
<a href="ss/029.png"><img src="ss/th/029.png"></a>
<a href="ss/030.png"><img src="ss/th/030.png"></a>
<a href="ss/031.png"><img src="ss/th/031.png"></a>
<a href="ss/032.png"><img src="ss/th/032.png"></a>
<a href="ss/033.png"><img src="ss/th/033.png"></a>
<a href="ss/034.png"><img src="ss/th/034.png"></a>
<a href="ss/035.png"><img src="ss/th/035.png"></a>
<a href="ss/036.png"><img src="ss/th/036.png"></a>
<a href="ss/037.png"><img src="ss/th/037.png"></a>
<a href="ss/038.png"><img src="ss/th/038.png"></a>
<a href="ss/039.png"><img src="ss/th/039.png"></a>
<a href="ss/040.png"><img src="ss/th/040.png"></a>
<a href="ss/041.png"><img src="ss/th/041.png"></a>
<a href="ss/042.png"><img src="ss/th/042.png"></a>
<a href="ss/043.png"><img src="ss/th/043.png"></a>
<a href="ss/044.png"><img src="ss/th/044.png"></a>
<a href="ss/045.png"><img src="ss/th/045.png"></a>
<a href="ss/046.png"><img src="ss/th/046.png"></a>
<a href="ss/047.png"><img src="ss/th/047.png"></a>
<a href="ss/048.png"><img src="ss/th/048.png"></a>
<a href="ss/049.png"><img src="ss/th/049.png"></a>
<a href="ss/050.png"><img src="ss/th/050.png"></a>
<a href="ss/051.png"><img src="ss/th/051.png"></a>
<a href="ss/052.png"><img src="ss/th/052.png"></a>
<a href="ss/053.png"><img src="ss/th/053.png"></a>
<a href="ss/054.png"><img src="ss/th/054.png"></a>
<a href="ss/055.png"><img src="ss/th/055.png"></a>
<a href="ss/056.png"><img src="ss/th/056.png"></a>
<a href="ss/057.png"><img src="ss/th/057.png"></a>
<a href="ss/058.png"><img src="ss/th/058.png"></a>
<a href="ss/059.png"><img src="ss/th/059.png"></a>
<a href="ss/060.png"><img src="ss/th/060.png"></a>
</div>
</div>
<div id="contact">
Contact: <a href="https://twitter.com/frozenpandaman">@frozenpandaman</a>
</div>
</body>
</html>