Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(739)

Side by Side Diff: components/dom_distiller/core/html/preview.html

Issue 1192363006: Update reader mode viewer according to specs (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: subtitle color, table cell padding, simplify striped table color, wide table scrolling Created 5 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE HTML>
2 <!--
3 Copyright 2014 The Chromium Authors. All rights reserved.
4 Use of this source code is governed by a BSD-style license that can be
5 found in the LICENSE file.
6 -->
7 <html>
8 <head>
9 <meta charset="utf-8">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal e=1,user-scalable=no">
11 <title>Title goes here and it could be kind of lengthy - Publisher name</title >
12 <link href="../css/distilledpage.css" rel="stylesheet" type="text/css">
13 <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' t ype='text/css'>
14 <style>
15 .english :lang(th) {display: none}
16 .english :lang(zh) {display: none}
17 .tall :lang(en) {display: none}
18 .tall :lang(zh) {display: none}
19 .dense :lang(en) {display: none}
20 .dense :lang(th) {display: none}
21 </style>
22 </head>
23 <body class="light sans-serif">
24 <div id="menus" style="position: absolute; right: 0; z-index: 2; color: black; background: #CCC; opacity: 0.8;">
25 Theme:
26 <select id="selectTheme" onchange="useTheme(this.value)">
27 <option value="light" selected="selected">light</option>
28 <option value="dark">dark</option>
29 <option value="sepia">sepia</option>
30 </select>
31 <br/>
32 Lead image:
33 <select id="showLeadImg" onchange="document.getElementById('leadImg').style. display=this.value">
34 <option value="block" selected="selected">show</option>
35 <option value="none">hide</option>
36 </select>
37 <br/>
38 Lang family:
39 <select id="langFamily" onchange="document.getElementById('contentWrap').cla ssName=this.value">
40 <option value="english" selected="selected">English-like</option>
41 <option value="tall">Tall</option>
42 <option value="dense">Dense</option>
43 </select>
44 </div>
45 <div id="contentWrap" class="english">
46 <div id="mainContent">
47 <article>
48 <header id="articleHeader">
49 <h1 id="titleHolder">
50 <span lang="en">Title goes here and it could be kind of lengthy - Pu blisher name</span>
51 <span lang="zh-tw">因為草的和暖的mixed顏色自然的喚起你童稚的words活潑 - 靜僻的道上</span>
52 <span lang="th">คือ เนื้อหาจำลองแบบเรียบๆ ที่ใช้กันในธุรกิจงานพิมพ์ห รือ</span>
53 </h1>
54 </header>
55 <div id="content">
56 <div id="leadImg">
57 <img
58 src="https://www.webkit.org/demos/srcset/image-1x.png"
59 srcset="https://www.webkit.org/demos/srcset/image-1x.png 1x,
60 https://www.webkit.org/demos/srcset/image-2x.png 2x,
61 https://www.webkit.org/demos/srcset/image-3x.png 3x,
62 https://www.webkit.org/demos/srcset/image-4x.png 4x">
63 <div class="media_caption">
64 <span lang="en">Head image with srcset attribute</span>
65 <span lang="zh-tw">打攪你的清聽!小鵝,小琴</span>
66 <span lang="th">งานเรียงพิมพ์</span>
67 </div>
68 </div>
69 <h1 id="firstHeading">
70 <span lang="en">The first heading might show up just below the header H1</span>
71 <span lang="zh-tw">也不能給12我們利益,你才知道靈魂的English愉快是怎樣的</span>
72 <span lang="th">วางจำหน่ายโดยมีข้อความบนนั้นเป็น Lorem Ipsum และล่าสุด กว่านั้น</span>
73 </h1>
74 <p>
75 Lorem ipsum C<sub>sub</sub> 2<sup>sup</sup> sit amet, elit velit in vehi cula et, blandit diam
76 suscipit luctus in, <code>Code outside of PRE</code>. Aenean interdum nu lla ridiculus nibh vitae.
77 Placerat malesuada lorem, <a href="">visited link</a> sed cras enim in n ibh nullam eros. Sed
78 sapien etiam donec ipsum. Tristique tortor, <a href="link">link vestibul um eget
79 amet</a>,
80 sem vel. Leo euismod magna leo vestibulum, <cite>cite: massa sed amet pr etium
81 mattis quisque ipsum, ut iaculis consectetuer</cite>, semper facilisi et
82 neque sit, in sit amet. Vel wisi viverra velit nullam velit vel,
83 maecenas vestibulum ridiculus turpis, nec aliquam id, in dui.
84 </p>
85 <p>
86 威武不能屈的好漢。您<sub>走了</sub>,我<sup>不知</sup>何時再能與他相見。<code>來聽他講學的人!</code>
87 撥轉牛頭。<a href="">駝留峰!</a>傍午傍晚散了工。<a href="link">我才覺著骨肉的關連</a>,得用起重機,在空中發出 幾點火花。
88 臉上籠上了一層灰色。於是這位牛醫王大夫走近前。沒有出門,我將打開那扇門,溫兩碗酒,彼得,將死雞塞進網兜裡?
89 不分。哈哈,女辛,我猜想。便又歎一口氣。<cite>我就整年地只給她吃烏鴉的炸醬麵,姚家,家中光景很是慘淡,也許是你自己種下的?</cite>
90 愈久愈大。才回家吃早飯。使女們也一齊跟著他,待到講到,竟偷到丁舉人家裏去了,我去年就有四十五歲了。許是死了,我望著他走出去。
91 </p>
92 <p>
93 ตรงกันข้ามกับความเชื่อที่นิยมกัน Lorem Ipsum ไม่ได้เป็นเพีย<sub>งแค่ชุด< /sub>ตัวอักษร<sup>ที่สุ่มขึ้น</sup>
94 มามั่วๆ <code>แต่หากมีที่มาจากวรรณกรรมละตินคลาสสิกชิ้นหนึ่งในยุค 45 ปีก่ อนคริสตศักรา</code>
95 ช <a href="">ทำให้มันมีอายุถึงกว่า</a> 2000
96 <a href="link">ปีเลยทีเดียว</a>
97 ริชาร์ด แมคคลินท็อค ศาสตราจารย์ชาวละติน จากวิทยาลัยแฮมพ์เด็น-ซิดนีย์ ในร ัฐเวอร์จิเนียร์ นำคำภาษาละตินคำว่า
98 consectetur <cite>ซึ่งหาคำแปลไม่ได้จาก Lorem Ipsum ตอนหนึ่งมาค้นเพิ่มเติ ม โดยตรวจเทียบกับแหล่งอ้างอิงต่างๆ ในวรรณกรรมคลาสสิก
99 และค้นพบแหล่งข้อมูลที่ไร้ข้อกังขาว่า Lorem Ipsum นั้นมาจากตอนที่ 1.10.32 และ 1.10.33 ของเรื่อง "de Finibus Bonorum et Malorum"</cite>
100 (The Extremes of Good and Evil) ของ ซิเซโร ที่แต่งไว้เมื่อ 45 ปีก่อนคริส ตศักราช หนังสือเล่มนี้เป็นเรื่องราวที่ว่าด้วยทฤษฎีแห่งจริยศาสตร์ ซึ่งเป็นที่นิยม มากในยุคเรเนสซองส์ บรรทัดแรกของ
101 Lorem Ipsum "Lorem ipsum dolor sit amet.." ก็มาจากบรรทัดหนึ่งในตอนที่ 1. 10.32 นั่นเอง
102 </p>
103 <img
104 src="https://www.webkit.org/demos/srcset/image-1x.png"
105 srcset="https://www.webkit.org/demos/srcset/image-1x.png 1x,
106 https://www.webkit.org/demos/srcset/image-2x.png 2x,
107 https://www.webkit.org/demos/srcset/image-3x.png 3x,
108 https://www.webkit.org/demos/srcset/image-4x.png 4x">
109 <div class="media_caption">
110 <span lang="en">Image with srcset attribute</span>
111 <span lang="zh-tw">一包胡麻,她只對我一望</span>
112 <span lang="th">ด้านล่างของหน้านี้คือท่อนมาตรฐานของ</span>
113 </div>
114 <pre>Pre: nulla libero elit sit, penatibus mi donec bibendum risus, aliq uam elit orci, ducimus iaculis leo porta eget curabitur pede. <code>
115 Code inside PRE:
116
117 Justo dolor
118 vehicula augue
119 ante
120 suspendisse
121 mauris
122
123 eleifend sagittis tortor turpis.</code></pre>
124 <pre>連母雞也不認識,書記先生竟打起磕睡來,他小時候,怎的。只要把話匣開上。不能怨,因此我想說的話或許還有人聽,殖民地。耳朵也不及分別那聲音 ,但聽的不很分明。<code>又是引經據典,
125 沈澱著彩虹似的夢,凡事總是先準備。
126
127 低聲說。
128 交卸了的關官
129 和還沒有做關官
130 的隱士,到得關上。
131
132 農夫繼續種他的奇異果,正如我輕輕的來,才看見王升站在門外面!像你那謫期的簡淨?</code></pre>
133 <pre>มีหลักฐานที่เป็นข้อเท็จจริงยืนยันมานานแล้ว ว่าเนื้อหาที่อ่านรู้เรื่ องนั้นจะไปกวนสมาธิของคนอ่านให้เขวไปจากส่วนที้เป็น Layout เรานำ Lorem Ipsum มาใช้ เพราะความที่มันมีการกระจายของตัวอักษรธรรมดาๆ <code>แบบพอประมาณ ซึ่งเอามาใช้แทนกา รเขียนว่า
134 ‘ตรงนี้เป็นเนื้อหา, ตรงนี้เป็นเนื้อหา' ได้
135
136 เป็นแบบจำลองเนื้อหาที่เป็นค่าตั้งต้น
137 คอลัมน์โทร
138 และซอฟท์แวร์การสร้างเว็บเพจ
139 หลายตัวที่ใช้
140
141 และยังทำให้มองดูเหมือนกับภาษาอังกฤษที่อ่านได้ปกติ</code></pre>
142 <table>
143 <thead>
144 <tr>
145 <th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</t h><th>Column 5</th>
146 </tr>
147 </thead>
148 <tr>
149 <td>12345678890</td>
150 <td>12345678890</td>
151 <td>12345678890</td>
152 <td>12345678890</td>
153 <td>Longer-than-expected-content</td>
154 </tr>
155 </table>
156 <table>
157 <thead>
158 <tr>
159 <th>Title 1</th><th>Title of column 2</th>
160 </tr>
161 </thead>
162 <tbody>
163 <tr>
164 <td>Content of row one column 1 goes here</td>
165 <td>Content of row one column 2 goes here</td>
166 </tr>
167 <tr>
168 <td>row 2 column 1</td>
169 <td>Content of row two column two goes here and it is much
170 longer than the rest of the cells</td>
171 </tr>
172 </tbody>
173 </table>
174 <table>
175 <thead>
176 <tr>
177 <th>對,手摩著</th><th>脫毛的舊豹皮</th>
178 </tr>
179 </thead>
180 <tbody>
181 <tr>
182 <td>長劍!,我的箭法掌太巧妙了</td>
183 <td>同八點三十二分開,哈哈哈,一過就是三個月,倒楣</td>
184 </tr>
185 <tr>
186 <td>眼睛都望著碟子?</td>
187 <td>老子就又靜下來。沉默了一會。留下紙條說?也不過五千個大字,自己是一動也不動。</td>
188 </tr>
189 </tbody>
190 </table>
191 <table>
192 <thead>
193 <tr>
194 <th>มีท่อนต่างๆ</th><th>แต่ส่วนใหญ่</th>
195 </tr>
196 </thead>
197 <tbody>
198 <tr>
199 <td>แล้วจะถูกนำไปปรับให้เป็นรูปแบบอื่นๆ</td>
200 <td>ของ Lorem Ipsum ให้หยิบมาใช้งานได้มากมาย</td>
201 </tr>
202 <tr>
203 <td>อาจจะด้วยการสอดแทรกมุกตลก </td>
204 <td>หรือด้วยคำที่มั่วขึ้นมาซึ่งถึงอย่างไรก็ไม่มีทางเป็นเรื่องจริงไ ด้เลยแม้แต่น้อย ถ้าคุณกำลังคิดจะใช้ Lorem Ipsum สักท่อนหนึ่ง คุณจำเป็นจะต้อง</td >
205 </tr>
206 </tbody>
207 </table>
208 <p>
209 A ac, vitae tristique, aliquam vitae ut integer sed
210 in pharetra, pharetra volutpat non porttitor nunc, massa curabitur
211 officia. Q: <q>Sodales consectetuer pellentesque duis sed, at risus, ris us
212 enim lacus pede, morbi quis. Malesuada at, proin facilisis nec
213 congue.</q> Dolor tincidunt eget massa eget neque ultrices, quis eu id
214 semper, odio est elit in, dolor et, mauris suspendisse tellus
215 dictum.
216 </p>
217 <p>拿我的射日弓來,老子到了函谷關!<q>本以為至少總可以有一兩匹狐兒兔兒的!話說的很少,
218 蘿莉控們的成功!幸而。</q>不正是同道了嗎,哈哈哈。
219 </p>
220 <p>ตรวจให้แน่ใจว่าไม่มีอะไรน่าอับอายซ่อนอยู่ภายในท่อนนั้นๆ
221 <q>
222 ตัวสร้าง Lorem Ipsum บนอินเทอร์เน็ตทุกตัวมักจะเอาท่อนที่แน่ใจแล้วมาใช้ ซ้ำๆ ทำให้กลายเป็นที่มาของตัวสร้างที่แท้จริงบนอินเทอร์เน็ต
223 </q>
224 ในการสร้าง Lorem Ipsum ที่ดูเข้าท่า ต้องใช้คำจากพจนานุกรมภาษาละตินถึงกว่ า
225 </p>
226 <hr>
227 <ol>
228 <li>Justo convallis at porttitor
229 <li>Sodales neque metus habitasse vel sem
230 <li>Praesent ipsum nunc lorem dui pellentesque morbi
231 </ol>
232 <ul>
233 <li>Mauris integer feugiat erat luctus
234 <li>Orci netus pretium purus neque mauris arcu vel maecenas nec aliqua m
235 <li>Sed consequat
236 </ul>
237 <ol>
238 <li>想像對方寫信時的心情!
239 <li>一包胡麻,她只對我一望
240 <li>當敵兵哀號著!
241 </ol>
242 <ul>
243 <li>眼珠子動也不動,那裡那裡?
244 <li>名為人生的冒險仍在進行
245 <li>又回過頭去問道。庚桑楚出去了。
246 </ul>
247 <ol>
248 <li>ผสมกับรูปแบบโครงสร้างประโยคอีกจำนวนหนึ่ง
249 <li>เพราะฉะนั้น
250 <li>Lorem Ipsum ที่ถูกสร้างขึ้นใหม่นี้ก็จะไม่ซ้ำไปซ้ำมา
251 </ol>
252 <ul>
253 <li>ไม่มีมุกตลกซุกแฝงไว้ภายใน
254 <li>หรือไม่มีคำใดๆ
255 <li>ที่ไม่บ่งบอกความหมาย
256 </ul>
257 <h1>Fermentum ligula mauris cras h1</h1>
258 <p>
259 Blockquote:
260 </p>
261 <blockquote>
262 Urna ad leo vel at,
263 nibh purus arcu, penatibus maecenas tristique tristique proin,
264 fermentum et feugiat. Netus in, sapien risus et in consectetuer,
265 mauris egestas rhoncus dui duis malesuada. Laoreet eros eu posuere,
266 neque arcu eget, sed nulla suspendisse, quis quibusdam sed tristique
267 porta amet bibendum.
268 </blockquote>
269 <h2>Fermentum ligula mauris cras h2</h2>
270 <p>
271 Fermentum ligula mauris cras, elementum pede mi impedit mi nulla,
272 tristique vitae nisl pede, blandit nec nullam semper cras a, sit
273 iure eget hendrerit.
274 </p>
275 <p>
276 Id elit nullam lorem mollit vitae, elementum
277 at, pulvinar ipsum orci placerat vel velit nulla.
278 </p>
279 <p>
280 Metus sagittis a
281 lacus nec mattis vel, mauris malesuada et nisl, scelerisque risus,
282 in pede morbi.
283 </p>
284 <h3>Fermentum ligula mauris cras h3</h3>
285 <p>Laoreet urna dapibus at nulla ac, sed ornare
286 lobortis, non id nascetur non. Placerat vitae at interdum duis hac,
287 lacus luctus, amet dolore pharetra urna nulla vitae. Sed sit dui.
288 <img
289 src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Ara-Zoo-M uenster-2013-02.jpg/800px-Ara-Zoo-Muenster-2013-02.jpg">
290 <img
291 src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Ara-Zoo-M uenster-2013-02.jpg/800px-Ara-Zoo-Muenster-2013-02.jpg">
292 <span>Span text between pics</span>
293 <img
294 src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Ara-Zoo-M uenster-2013-02.jpg/800px-Ara-Zoo-Muenster-2013-02.jpg">
295 Ipsum aliquam placerat odio turpis, est lacinia, risus aenean
296 adipiscing integer, semper wisi tortor.
297 </p>
298 <h4>Fermentum ligula mauris cras h4</h4>
299 <p>
300 Quia in elementum senectus,
301 sapien eu integer, id nibh, nec amet nibh suscipit. Hendrerit risus,
302 est sit vestibulum erat eu rutrum, nulla natoque etiam vehicula eu
303 pellentesque tincidunt, ligula neque praesent odio aliquam. Ultrices
304 risus suscipit vel quam lacus, sed mauris elit suspendisse, enim
305 risus convallis et, feugiat a integer ultrices, ut velit integer
306 lectus velit volutpat et. Tellus suspendisse, aliquam nulla tempor
307 praesent eget vestibulum.
308 </p>
309
310 <h1>看了片刻。荊棘刺入了行路人的脛踝</h1>
311 <p>
312 他們終於找到條正確的道路
313 </p>
314 <blockquote>
315 姐已經不行了,被奇異果少女們圍毆,站住,我心頭便湧起了不少的感想?說。一溜煙跑下去了。
316 你不能走得更遠一點的麼,做哥哥的就哭,兩腳再向上縮,三十年改革,諸君。而改當人口販子?
317 我才覺著骨肉的關連,農夫把奇異果搬回家以後,並且在他活潑的神情裏我想見了你,那裡那裡。
318 不是差不多嗎。
319 </blockquote>
320 <h2>天橋上積了水!得向腳夫行些小費。</h2>
321 <p>
322 他的眼色,總不許我哭出聲音來,天與地之間。又不會營生。幫助他們睜開眼睛,
323 即使在email如此方便的今天?
324 </p>
325 <p>
326 叫旅館裡一個熟識的茶房陪我同去?叫我披衣坐起。
327 </p>
328 <p>
329 我趕緊拭乾了淚,也說明了當時蘿莉控的興起符合世界人民的利益和希望,王升呢,
330 那知環境卻如此頹唐,我手捧著那收存你遺灰的錫瓶?
331 </p>
332 <h3>中央是一大碗烏鴉肉做的炸醬</h3>
333 <p>
334 同時她們講你生前的故事,不上一點鐘,諸君,盧矢?羿在垃圾堆邊懶懶地下了馬,葛德說的?
335 只好明天再走了。中秋過後,而是那飄盪的不確定撞擊著想要安定的情緒,
336 無奈這時魯般和墨翟還都沒有出世。
337 </p>
338 <h4>颼的一聲,許是死了</h4>
339 <p>
340 每每花四文銅錢,便替人家鈔鈔書。但現在卻還在睡大覺的敵人吧,弩機,在門口玩。彼得,
341 是早就廢止了朝食的,同來的八人之外,孔乙己等了許久,詩意,涼?大約孔乙己的確死了。團結一致。
342 弄到將要討飯了,討厭。是不完全變態真是太好了!自此以後,城市中唯一處有50度以上的溫度?
343 陸海空軍都對付不了他們,在下更是嚐得比一般人更多,支支梧梧地說。有幾個還帶著筆,
344 這回可是全是之乎者也之類。太太。是勉強爬得上的?回頭問著女辛道,我的你,
345 掌燈時候就不看見了,他便很詫異。
346 </p>
347
348 <h1>เมเปิลทรู ชาร์ปโอเลี้ยง ทาวน์เฮาส์คอมเมนท์</h1>
349 <p>
350 เคสไฮบริด แล็บซันตาคลอสโปสเตอร์
351 </p>
352 <blockquote>
353 แผดเผาแพนงเชิญพฤหัสสเตเดียม ทัวริสต์ดอกเตอร์ อุปัทวเหตุคลิปฮัลโลวีนโปร ฟ าสต์ฟู้ดพูล เอ๋วอร์รูมมอลล์อิสรชน เซนเซอร์ สติ๊กเกอร์แกสโซฮอล์ฮอตดอกอึมครึม อาร์ พีจีออร์แกนชัตเตอร์ วาไรตี้ โบรชัวร์ปักขคณนาเจล ศิรินทร์เสกสรรค์
354 </blockquote>
355 <h2>ฮาโลวีน เรซินอมาตยาธิปไตย</h2>
356 <p>
357 ราเมนมยุราภิรมย์สงบสุข หยวนเซฟตี้ แหววโอเคบ๋อยซาร์ดีนเชอร์รี่ เทรลเลอร์ว ้อยซัพพลายเช็งเม้งบิล เคอร์ฟิว พอเพียงคอนเซ็ปต์ยนตรกรรมไนน์ มาเฟียสปอร์ตไกด์ เฟิ ร์มสแตนเลส สตูดิโอเมเปิล เบิร์น เอาต์ต่อยอดคอนโดซิ้ม เรซิ่น
358 </p>
359 <p>
360 พรานแอดมิชชั่นคอรัปชันวิวเวิลด์ อพาร์ตเมนต์สติ๊กเกอร์คอรัปชันเรซิน
361 </p>
362 <p>
363 ก๋ากั่นนอมินีเบลอไอซียู แกรนด์ โปรเจ็กต์สะบึมรีสอร์ต พาสปอร์ตฉลุย ล็อบบี ้ ยะเยือกเตี๊ยมแชมเปี้ยนรองรับ เทเลกราฟแบล็ค ซิมฮาร์ด ลีกมวลชนดาวน์ไลฟ์ไทม์
364 </p>
365 <h3>แฟนตาซี ไฮเทค</h3>
366 <p>
367 โรลออนมัฟฟินมะกันวาไรตี้ จิตพิสัยบาร์บี้สตรอเบอรีเลคเชอร์เพาเวอร์ โต๊ะจี นก่อนหน้ารีสอร์ทแฮมเบอร์เกอร์ซาฟารี รวมมิตรว้อย รามเทพซันตาคลอสแซ็ก แกรนด์ว่ะรีส อร์ตเยลลี่ลาเต้ ซีนสหัสวรรษฮัมฮิปโป เซรามิก แซนด์วิชรอยัลตี้ ดาวน์อีโรติก เหี่ยว ย่นบอยคอตต์วอล์คเพาเวอร์ สเตย์โฟน เอ็นทรานซ์กษัตริยาธิราชเอ็กซ์โปแจม คาปูชิโนแอค ทีฟเกสต์เฮาส์ลาตินลิมูซีน
368 </p>
369 <h4>ไอติมตอกย้ำ โคโยตี้อึมครึมกรอบรูปฮ็อตด็อก บอมบ์เอ๋</h4>
370 <p>
371 โอเลี้ยงซิม อาข่าวัจนะไลน์ โอ้ย วาริชศาสตร์สี่แยกป่าไม้ แจ๊สลิมูซีนกัมมั นตะ เบนโตะไฟลท์ โพลารอยด์ เครปจูเนียร์คำตอบ โฟมเฟรมโฮปภารตะซูชิ โง่เขลาธรรมาภิบา ลดอกเตอร์คูลเลอร์เกย์ ตัวตน ไวอะกร้าจ๊าบ โมเต็ลติ่มซำ
372 อพาร์ทเมนต์ช็อปปิ้งตู้เซฟ ตรวจทานแซ็กเกย์ รูบิกปิยมิตรโดมิโน แจ็กพอตมอนส เตอร์มอยส์เจอไรเซอร์จึ๊ก เกมส์เปราะบาง รีวิวเสกสรรค์อึ๋มเบบี้ราสเบอร์รี ก๋ากั่นแ จ็กพ็อตซีนีเพล็กซ์ ผลไม้ ม็อบอิออน เวเฟอร์พฤหัส เฟอร์รี่ โฟนโคโยตีรีสอร์ทโปรเจ็ค ท์ลีเมอร์ ไฮเปอร์ สเตย์โยโย่ เฟรมสเตเดียมซิมติวตนเอง เดบิตโบว์ลิ่งม้าหินอ่อนมายอ งเนส
373 </p>
374 </div>
375 </article>
376 </div>
377 <a href="" id="closeReaderView">Close Reader View</a>
378 </div>
379 <div id="feedbackContainer" class="footerFeedback">
380 <div class="feedbackContent">
381 <div id="feedbackQuestion"></div>
382 <div class="feedbackButtonWrap">
383 <a class="feedbackButton" id="feedbackNo"></a>
384 <a class="feedbackButton" id="feedbackYes"></a>
385 </div>
386 </div>
387 <div class="clear"></div>
388 </div>
389 </body>
390 <script src="../javascript/dom_distiller_viewer.js">
391 </script>
392 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698