<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-25126569</id><updated>2012-01-22T23:55:16.105+08:00</updated><category term='cooking'/><category term='yui'/><category term='computer science'/><category term='dom'/><category term='CSS/Javascript/PHP'/><category term='funny'/><category term='CSS'/><category term='english'/><category term='html5'/><category term='php'/><category term='programming'/><category term='information'/><category term='weekly reading'/><category term='quote'/><category term='world'/><category term='hacking'/><category term='font'/><category term='http'/><category term='inspiration'/><category term='chart'/><category term='chrome'/><category term='comet'/><category term='android'/><category term='node'/><category term='job'/><category term='functional language'/><category term='CSS3'/><category term='survey'/><category term='software'/><category term='Living / Eating / Playing'/><category term='Linux'/><category term='browser'/><category term='html'/><category term='terms'/><category term='mac'/><category term='bookmarkelet'/><category term='microformat'/><category term='design'/><category term='nosql'/><category term='boardgame'/><category term='performance'/><category term='canvas'/><category term='vim'/><category term='eb'/><category term='aws'/><category term='JavaScript'/><category term='google'/><title type='text'>Wuff,  Wuff!!</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default?start-index=101&amp;max-results=100'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>1376</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-25126569.post-5225011686073574519</id><published>2012-01-22T23:53:00.001+08:00</published><updated>2012-01-22T23:55:16.151+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='world'/><title type='text'>豬灣事件 - 维基百科，自由的百科全书</title><content type='html'>&lt;a href="http://zh.wikipedia.org/wiki/%E7%8C%AA%E6%B9%BE%E4%BA%8B%E4%BB%B6"&gt;豬灣事件 - 维基百科，自由的百科全书&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;豬灣事件（豬玀灣事件）是1961年4月17日，在中央情報局的協助下逃亡美國的古巴人，在古巴西南海岸豬灣（豬玀灣、科奇諾斯灣，Bahia de los Cochinos），向菲德爾·卡斯楚領導的古巴革命政府發動的一次失敗的入侵。豬灣事件標誌著美國反古巴行動的第一個高峰。&lt;br /&gt;&lt;br /&gt;軍事計劃&lt;br /&gt;在冷戰的氣氛下美國已經無法使用第二次世界大戰以前的炮艦外交做法了，假如美國現在入侵古巴的話會造成巨大的地緣政治反應，因為許多第三世界國家會抗議美國這樣「干涉其它國家內政」。1961年2月17日甘迺迪問他的顧問「是否可以將推翻卡斯楚政府的行動與（蘇聯對古巴的）提供武器聯在一起」。「我們能否說，我們本來的進攻目標是威脅美國安全的現代的噴氣式轟炸機和火箭？」但這個計劃無法實現，因為當時蘇聯對古巴的武器供應還很少，而古巴的空軍當時實際上完全由幾架改裝的運動飛機組成。&lt;br /&gt;唯一可行的，可能性是一個位於古巴的反政府向美國求援，這樣美國就可以向古巴提供軍事援助了。&lt;br /&gt;[编辑]建立一支秘密軍隊&lt;br /&gt;1953年中央情報局在伊朗、1954年在瓜地馬拉成功地使用極小的特務行動推翻了當時的政府。1960年開始，中央情報局開始在瓜地馬拉招募逃亡的古巴人，首先對他們進行從事破壞行動的訓練，後來訓練他們在美國支持下進行大規模入侵。&lt;br /&gt;古巴流亡者被編成「2506」突擊旅，下轄4個步兵營、1個摩托化營、1個空降營、一個重炮營及數支裝甲分隊。何塞·佩羅斯·聖羅曼任指揮官，政治領導人為叛逃的前古巴土地改革全國委員會督察員曼努埃爾·阿蒂梅。&lt;br /&gt;[编辑]入侵計劃&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;豬灣所在的圖示.&lt;br /&gt;流亡古巴人的唯一任務是在古巴用武力保衛一個臨時機場，直到在邁阿密的古巴流亡政府得以飛往古巴後向美國發電求救。對這個計劃來說豬灣似乎是一個理想的地點：&lt;br /&gt;它位於一個沼澤地的邊上，古巴政府要對它進行軍事攻擊有一定的難度。&lt;br /&gt;在它附近的埃斯坎布雷山中直到1960年代中依然有反政府武裝力量行動。&lt;br /&gt;這裡人煙稀少，當地的反抗不會很強。&lt;br /&gt;中央情報局使用的情報來自於想要推翻古巴政府的反政府人士，它們誇張了古巴國內的反政府情緒，同時也誇張了俄斯坎姆布拉山中的武裝力量的實力。中央情報局本身也試圖誇張他們的報告，來向當時剛剛上任的甘迺迪保證這個行動肯定會成功的。甘迺迪一開始猶豫不決。也許當時中央情報局的計劃署認為，行動開始後，即使失利，甘迺迪也會同意投入美國軍隊的。後來對甘迺迪的責怪，說他中斷了行動計劃，似乎證明中央情報局的確做了這樣的假設。&lt;br /&gt;4月14日甘迺迪同意了中央情報局的計劃，但作為美軍最高統帥他決定不將投入美軍的決定放出手。&lt;br /&gt;[编辑]入侵過程&lt;br /&gt;1961年4月15日美國B-26轟炸機轟炸古巴機場作為準備。這些飛機被塗上古巴的標記來造成反政府起義的假象。5架美國飛機被古巴飛機擊落。&lt;br /&gt;4月17日，約1500受過訓練的流亡古巴人在兩名中央情報局官員指揮下在豬灣登陸。美國海軍提供補給支援。&lt;br /&gt;入侵者的兩條運送彈藥的船被古巴軍隊擊沉。&lt;br /&gt;三天後入侵軍被消滅，1000多人被俘，約90人陣亡。被俘的人受公開審判。一些人在1963年通過與美國交換緊急需要的藥品、食品和農業機械返回美國。&lt;br /&gt;[编辑]失敗&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;羅伯特·甘迺迪的聲明，對古巴和中立的法律，1961年4月20日&lt;br /&gt;由於流亡古巴軍無法守住「流亡政府」打算飛往的機場，因此這個流亡政府無法發出他們的「求援」。對甘迺迪來說，這樣他也就無法下令讓海軍陸戰隊介入。因此不顧中央情報局的反對，下令中止這次行動。&lt;br /&gt;對於被俘虜的流亡分子，古巴政府取消了他們的公民身份，並以此為人質向美國政府索取了6,200萬比索的藥品與嬰兒食品。這也是美國政府歷史上第一次支付戰爭賠款。&lt;br /&gt;這次行動失敗的原因有：&lt;br /&gt;入侵計劃沒有保密。許多參戰的流亡古巴人在邁阿密的酒店裡吹牛，說他們將要參加入侵古巴的行動。&lt;br /&gt;入侵前的破壞活動和從美國起飛的飛機轟炸也為古巴報了警。&lt;br /&gt;當地的居民屬於古巴最貧窮的階層，也是受益於古巴革命最大的階層（建造學校、醫院、基礎建設），因此他們是一開始反抗入侵者的人，他們為古巴正規軍提供了組織反攻的寶貴時間。&lt;br /&gt;古巴軍隊剛剛贏得三年游擊戰的勝利，他們士氣高昂，而且很有作戰經驗。&lt;br /&gt;甘迺迪將美國的空軍支援減少，因此古巴空軍只有一半在地面上被消滅，其餘的得以升空，擊毀五架美國飛機和兩條彈藥船。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-5225011686073574519?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/5225011686073574519/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=5225011686073574519' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5225011686073574519'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5225011686073574519'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/blog-post_22.html' title='豬灣事件 - 维基百科，自由的百科全书'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4737205437054725126</id><published>2012-01-22T23:50:00.002+08:00</published><updated>2012-01-22T23:52:54.568+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='world'/><title type='text'>正義已伸張；如果你依然相信的話！(賓拉登與周董) @ 王大師論壇 :: 痞客邦 PIXNET ::</title><content type='html'>&lt;a href="http://accrcw75.pixnet.net/blog/post/30419208"&gt;正義已伸張；如果你依然相信的話！(賓拉登與周董) @ 王大師論壇 :: 痞客邦 PIXNET ::&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;美國有其可愛的地方，甚至在某方面『可愛』一詞著實可讓位給『偉大』來形容。世界的主要國家在二次大戰後，之所以沒有再度發生稍早前《凡爾賽體系》後的希特勒竄起、墨索里尼法西斯政權、與日本軍國主義，甚至第三次世界大戰，是因老美在二戰後，決定積極主導整個世界的走向，採取的方式，異於英、法、俄在一次大戰後的羞辱戰敗國處置，將德國貶入萬劫不覆的地步。&lt;br /&gt;&lt;br /&gt;當時法國要求德國的賠償數字幾乎天價，甚至一度佔領德國魯爾區，趁機展現戰勝國的『威望』。德國戰後脆弱的經濟導致惡性通貨膨脹（hyperinflation），馬克對美元匯率從1922年8月1：1000，升至1：42000『億』，沒錯，是億，促使戰後德國一片蕭條，經濟停擺，最後農民左傾，爆發革命，導致希特勒最後竄起，其他也不需贅述了。&lt;br /&gt;&lt;br /&gt;而二戰後，美國開始將自己角色放大，異於之前威爾遜搞一團糟的『國際聯盟』（league of nation），羅斯福執意要建構強勢的『聯合國』，這回國會不敢再杯葛，老美直接將UN本部設在紐約市，就近看管，而對戰敗國，也不尋求羞辱式的懲罰，而是在歐洲建構『馬歇爾計劃』（Marshall Plan）復興經濟體制，並在布列敦森林會議 (Bretton Woods )後陸續建制IMF、ITO (WTO前身）、以及世界銀行（World Banks)，鞏固世界金融體系。&lt;br /&gt;&lt;br /&gt;在亞洲，麥克阿瑟將軍幫日本制定憲法，政體改內閣制政府，並挹注幾千億的救濟金入中、日、韓、菲、泰等國，使戰後的德、日，經濟在5年內恢復到戰前水準，10年後起飛，15年後重返國際榮耀，30年後日本及德國分別為世界第2及3大經濟體，而重點是，日、德、義在戰後皆為民主、法治之經濟大國，且『未發動過一場戰爭！』&lt;br /&gt;&lt;br /&gt;那美帝到底在哪裡走錯路了？導致目前為止，其在世界兩地有主要戰場，在韓、日、泰國、澳大利亞、菲律賓、歐洲的北約諸國、沙烏地阿拉伯、西班牙等國內有大量駐軍，而軍事基地、顧問、合作專案等軍事佈署遍佈世界各地，美國一年的軍事預算比全世界加總還多，美國為何那麼缺乏安全感？又在那一事件後，使美軍的勢力讓全球極端反感，從引領潮流的『世界警察』，淪為單邊主義的『流氓國家』，我認為轉捩點是─『越戰』。&lt;br /&gt;&lt;br /&gt;先不說老美在越戰前與戰爭中的罪行，因在兩者間挑美軍的惡行實在太容易了。而是在戰後，異於二次大戰後對戰敗國的金援措施，美國在越戰後是採取所謂的『放血死』(bleeding Vietnam)方式蹂躪我們的亞洲鄰國，美國阻撓任何盟國採取援助胡志民政府的措施，欲使越南落於永無翻身之地，彷彿是給世界其他國家一個教訓：『挑戰美帝的後果將是這樣！！』&lt;br /&gt;&lt;br /&gt;印度政府甚至一度要送100頭水牛到越南幫助其戰後的農業困境與缺糧情況，因美軍在越戰期間，誠如李梅將軍（Lt. General Lemay）所言，要把老越『轟回石器時代』（bomb them back to the Stone Age），幾乎把中南半島夷為平地，水牛也就不見蹤影了。但印度的好意最後也遭美國政府阻撓，而鎩羽而歸。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;而在古巴，甘迺迪於失敗的豬玀灣（Bay of Pigs）的丟臉事件，以及古巴飛彈危機後（Cuban Missile Crisis），老美亦同樣的封鎖整個古巴，人家又沒有侵略世界任何一個國家，其領袖卡司楚反而於切哥瓦拉一同幫助南美各國脫離殖民對待，美帝卻要求世界不可與古巴作朋友，一直到1996年的柯林頓時期，國會還通過不要臉的「何姆斯－伯頓法案」( The Helms-Burton Act )&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;而這又是個什麼鬼東西？美國政府為了常久來想染指古巴未遂，就通過一項禁止跟美帝作生意的外國企業，同時間跟古巴有生意往來，包括『醫療與食品』交易，這不但違反美國老爸一向引以為傲的市場機制、自由貿易、看不見的一隻手等鬼話，甚至小氣到連他最愛標榜的人道救援，像醫療物資與糧食也要處分與古巴往來的企業，唉。最後連歐盟都看不下去，提議跟全世界在聯合國投票譴責老美；當時只有美國的看門狗，以色列投票挺老爸，外加狀況外的烏茲別克。&lt;br /&gt;&lt;br /&gt;這些例子，在越戰後的美國真是不勝枚舉，從季星吉的中南半島轟炸，一路炸到北韓的水壩都被轟光。寮國、柬埔寨，所投下的炸彈，比盟軍在二次大戰於軸心國投下的總和還多。季氏並在智利扶持殺人魔皮諾契特（Pinochet），暗殺民選的總統阿蓮得（Allende），揭穿了美國在世界上鼓吹民主的假象。&lt;br /&gt;&lt;br /&gt;另外，東地汶（East Timor）的屠殺、印尼劊子手蘇哈陀的暴政，皆要記在季辛吉的頭上。而雷根時代則對南美洲的秘密軍事行動，對尼加拉瓜內政及軍事的干預，甚至駁斥世界法院的制裁，認為自己在世界規範之上。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;而賓拉登與海珊這兩個所謂的『流氓』，正是美國老爸在世界作壞事時所留下的私身子。海珊是美帝為了制衡伊朗傳統回教勢力所扶植的小壞蛋，老美對他的背書，從未間斷過，甚至在海珊使用毒氣對付庫德族人時，美國政府採眼不見為淨的技倆，暗中則持續運入大量武器。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;直到1991年，海珊對老爸叛逆，竟搞個《滿城盡帶黃金甲》技倆，挑戰『朕不給的，你不能搶』法則，威脅老爸的威信，美帝才會與其交惡，並非官方所謂的『捍衛科威特』、『尋找大規模毀滅性武器』，或是『移除暴君』，更非『民主建制』等鬼話，海珊違反的是美國歷任總統一道不成文規定，就是『這些暴君也許是王八蛋，但至少是我們養的王八蛋』（He may be a son of a bitch, but he's our son of a bitch）&lt;br /&gt;&lt;br /&gt;              &lt;br /&gt;&lt;br /&gt;                   美國老爸                                             海珊&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;現在剛被『除去』的賓拉登，說實話，我認為他僅是另一個『胡志民』罷了，或是台灣的『蔣渭水』，及黑人的『馬爾坎-X』（Malcolm X），為該地的民族英雄；想做的，也就是鼓吹回教的自治，讓西方的髒手不要再伸進中東的油田而已，除此之外，請問賓拉登有鼓吹過任何傷害其他國家國民的事嗎？他還是台灣某柔道教練的學生，對非西方勢力友善，我們為何要跟著美帝稱他為恐怖份子呢？&lt;br /&gt;&lt;br /&gt;         &lt;br /&gt;&lt;br /&gt;               賓拉登的教練                   最右邊是賓拉登，當時被認為是俗辣一個，跟郭台銘當兵時差不多&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;賓拉登在1980年代，也符合『我們養的王八蛋』定律，被美國CIA訓練，幫美國抵制當時的蘇聯帝國，可是當他開始有獨立自主的思考，有民族的自治意識後，就違反老爸的『王八蛋』定律，老爸也只好派海豹特戰部隊，越入另一個主權獨立國家境內斬首，中間在捏造一堆故事裝飾，稱賓拉登，『一下拿婦女當盾牌，一下身上攜有武器，一下又全身綁有炸藥』，好讓兩槍斃命的『遮口』技倆合理化，唉！&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;綜觀我剛剛所述的所有國家，美國沒有一個像二次大戰後的歐、日，在戰敗國、或被佔領國內實施有效的經濟、政治、憲法等制度的長期經營，在許多國家內不是大剌剌的強迫佔領（如伊拉克、阿富汗）竊取資源，再不就是打輸撤退再實施經濟制裁（如越南、北韓、古巴、伊朗），再不就是偷偷摸摸轟你國家（如格瑞那達、薩爾瓦多、尼加拉瓜、柬埔寨）；在不就是暗殺你領袖（如智利、古巴、伊拉克、埃及），再不就是培養經濟殺手（如玻利維亞、印尼、瓜地馬拉、厄瓜多爾、巴拿馬）。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;最後則就是扶植傀儡暴君（如台灣、韓國、埃及、以色列、智利、羅馬尼亞、沙烏地阿拉伯等），這些國家，除了亞洲四小龍因日本殖民時期打好的底子，以及政府實施『統合主義』（corporatism）讓自己至少在經濟上獨立於美國老爸外，或是一路聽話到底（如泰國、以色列），或是境內擁有龐大天然資源（如沙國、卡達、科威特、巴西）其他都是大災難。&lt;br /&gt;&lt;br /&gt;     經濟殺手的解釋（中文的只有阿六仔版本）台灣由『時報出版社』出版&lt;br /&gt;&lt;br /&gt;最後，在我們稱賓拉登為恐怖份子的時候，我想分享一個中古世紀哲學家『聖奧古斯汀』（St. Augustine）在《上帝之城》書內的一則寓言：&lt;br /&gt;&lt;br /&gt;某日，希臘國王亞歷山大的龐大海軍在愛琴海上生擒一艘海盜船上的頭目，隨即將他押到國王面前。亞歷山大見到海盜頭目後，憤怒的斥責頭目斗敢在希臘疆域內姦淫擄掠。&lt;br /&gt;&lt;br /&gt;在聽到亞歷山大如此的控訴後，頭目不急不徐的回：「大王，我只有一艘海盜船，乘風破浪的在汪洋大海中謀求三餐溫飽，所以您會稱我為海盜，但大王您有廣大的海軍艦隊及船堅砲利，暴行遍及整個愛琴海直到印度洋，他們卻稱您為『國王』，您說有不有趣？」&lt;br /&gt;&lt;br /&gt;聽說當亞歷山大聽到這段話後，唆使海豹射手在頭目的豪宅內賜他兩箭，，一箭穿胸，一箭入眼，死後便迅速葬入印度洋中，從此再也沒有海盜的消息了。&lt;img title="He-Somoza-may-be.jpg" src="http://pic.pimg.tw/accrcw75/3f43e1a7940445e5fec379254af8afa3.jpg" border="0" alt="He-Somoza-may-be.jpg"&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4737205437054725126?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4737205437054725126/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4737205437054725126' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4737205437054725126'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4737205437054725126'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/pixnet_22.html' title='正義已伸張；如果你依然相信的話！(賓拉登與周董) @ 王大師論壇 :: 痞客邦 PIXNET ::'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2195449836964428192</id><published>2012-01-20T23:11:00.001+08:00</published><updated>2012-01-20T23:11:51.587+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='world'/><title type='text'>諾貝爾和平獎迷思（中時嚴選好文） @ 王大師論壇 :: 痞客邦 PIXNET ::</title><content type='html'>&lt;a href="http://accrcw75.pixnet.net/blog/post/18880522"&gt;諾貝爾和平獎迷思（中時嚴選好文） @ 王大師論壇 :: 痞客邦 PIXNET ::&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;諾貝爾委員會選擇於此時將和平獎頒給劉曉波，本人認為這是西方國家對中國崛起的回應，老共對於異議份子的壓迫，最近並非為最嚴厲的時期，我認為諾貝爾委員會倘若真對中國的和平有興趣，應在前2個機會就已經頒給以中國為對象的人選了，卻選在老共取代了日本為第二大經濟體時才頒，居心叵測。既然諾貝爾是於1901年時創立，本人就將第一次應頒給中國人的時間往前拉到上世紀初的《西安事變》，我認為，第一個得獎的人選應為與諾貝爾獎同年生的張學良，當時的中國正面臨亡國的大混亂，內有國共內戰及軍閥割據，外有日本的九一八及蘆溝橋事變，與隨後的南京大屠殺，張學良於此時有感蔣介石因一己的權力鬥爭，征討當時在農民階級深獲人心的共產黨勢力。&lt;br /&gt;&lt;br /&gt; &lt;br /&gt;&lt;br /&gt;張學良不顧後果，將蔣介石挾持於西安，促使中國稍後的國共第二次合作，建立抗日的統一戰線，對往後日軍對中國的傷害程度大減。事變之後，張學良被蔣介石一路從中國軟禁至台灣，時間長達50年之久，最後終由李登輝釋放，監禁時間比起劉曉波多幾十倍，若諾貝爾喜好如緬甸的翁山蘇基或南非的曼得拉等人士的監禁紀錄，張學良的績效自不在話下。反觀與西安事變同年的1937年諾貝爾和平獎，卻是頒給英國的塞梭（Viscount, Cecil Of Chelwood），賽梭是一次大戰後《國際聯盟》（League of Nation）組織的幕後推手，但國際聯盟隨後證明是大國們失敗的實驗品。&lt;br /&gt;&lt;br /&gt;當時在兩次世界大戰之間有兩個著名的國際侵略行為，一為義大利侵佔伊索比亞，另一個就是日本侵華的九一八事件，國聯在兩個事件上皆袖手旁觀。當時，國聯指派《李頓調查團》到中國寫了一份報告後就不了了之，報告中雖承認日本侵華是違反國際法的行為，但是國際社會畢竟還是奉「現實主義」至上，康德式的國際社會只是嘴巴講講罷了。反觀當時的張學良是以實際行動為之，一切個人的後果皆不顧，也不需如國聯般撰寫一個再明顯也不過的侵略調查報告，卻沒有任何的後續作為。在此，我認為張學良比賽梭有資格拿諾貝爾獎多了，更何況，顧名思義，和平獎本意就是要頒給以和平為目的的獎項而非人權，人權所牽涉到的範圍卻常帶有政治性及文化霸權。&lt;br /&gt;&lt;br /&gt;中國第二個應得和平獎的人士，本人認為係開放中國的鄧小平，中國於1980年開放後，已成功的為世人提供一個成功的實驗，就是將世界窮人的數量在最短的時間內減少，中國人現在是自古以來，第一次可以吃飽的時期，全家也都有褲子可穿了，這在世界上是罕見的。中國的國民所得在短短20年內增加數十倍，這都是需要花英、美等國家200多年，日本一百年，四小龍則需50多年的時間換取，但中國所需時間卻是大大小於前述國家，鄧小平的「摸著石頭過河」經濟模式，以及抵抗歐美鼓吹的「休克療法」（shock therapy—亦即採取緊縮的貨幣及財政政策，開放國營企業予國際投資集團等措施），讓中國享有逾20年的雙位數經濟成長，使今年取代日本為世界第二大經濟體。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;鄧小平又技術性的迴避統獨問題，聲稱兩岸問題要留給更聰明的下一代來解決，在毛澤東時代，兩岸發生過八二三砲戰及零星衝突，可是到了鄧小平後，台海就在也沒有人因衝突而戰亡過，中國也從此沒與任何國家發生戰爭過，反觀美國在70年代後，共自行發動不下10次的對外侵略戰爭，且皆非自衛性。相對來說，鄧小平應該比較像是和平獎的候選人吧。諾貝爾卻頒給歐巴馬這位從未坐過任何牢、寫過任何著作、規劃任何政治及經濟體制、增兵攻打阿富汗的美國總統，甚至相傳挪威執政黨於頒獎之前，欲藉由和平獎與美國交換鮭魚出口、軍售稅、北極軍事佈署等實利，和平獎的篩選機制實在有檢討的空間。&lt;br /&gt;&lt;br /&gt;和平獎不像其他較專業性的獎項如物理、化學甚至經濟等，有很明確的專業依據，和平獎所觸及的爭議性，大於前述獎項。首先，諾貝爾（Alfred Nobel）先生本身的背景就很受爭議，他是個炸藥發明者及軍火商，因為發戰爭財，故覺得內疚，想藉著諾貝爾獎的金錢，洗脫自己的惡名，故很諷刺的，諾貝爾和平獎本身其實也沾滿了戰場上所流的血，也許，這也是個另類的國際洗錢吧。&lt;br /&gt;&lt;br /&gt;其次，歷任有很多的得主也是極其的受爭議。 首先，在諾貝爾獎草創時期，1906年的和平獎得主竟頒給老羅斯福（Theodore Roosevelt），名義是這位總統成功的調停戰場在中國的日俄戰爭，殊不知美國之所以會當和事佬是因自己亦欲插手遠東利益，不希望日、俄任何一國在中國壯大勢力。另外，在召開和平會議時，居然沒邀兩國戰場的當事國--中國與會，使中國飽受別國的戰火災難，但事後卻無任何實質補償。  &lt;br /&gt;&lt;br /&gt;另外，老羅斯福的外交名言是「輕聲講話，但要拿著根大棒子」（Speak softly and carry a big stick）的《大棒子政策》（big stick policy），老羅斯福的羅斯福推論（Roosevelt Corollary），在南美洲用暴力殖民該地區，強佔巴拿馬運河，藉以連接東西岸之海軍勢力，方便佔領夏威夷、關島、菲律賓等殖民地，並延續以帝國主義為旨的《門羅主義》，如果這些舉動可稱和平，那和平的代價就是暴力囉！而且不僅老羅斯福，連鎮壓菲律賓、促使日本侵佔中國東北的其國務卿--路特（Root）也跟著在1912年一起獲冠，這諾貝爾的邏輯，唉！&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;另外一個諾貝爾委員會應該覺得羞恥的得獎人是季辛吉（Henry Kissinger），他在1973年與北越的黎德壽一同獲得，但是黎氏因此獎項的偽善而不屑領取，也迫使五位和平獎評審委員中的兩位憤而離開。根據季辛吉所言，他最崇拜的政治學者為義大利的厚黑教主--馬基維利（Machiavelli)，奉權力政治為一切國際事務的宗旨，有權力才有正義，這在他所主導的70-80年代美國外交策略可以得到相呼應。&lt;br /&gt;&lt;br /&gt;季氏所策劃的中南半島（越南、柬埔寨、寮國）轟炸，所投下的炸彈，比盟軍在二次大戰於軸心國投下的總和還多。季氏並在智利扶持殺人魔皮諾契特（Pinochet），暗殺民選的總統阿蓮得（Allende），揭穿了美國在世界上鼓吹民主的假象；另外，東地汶（East Timor）的屠殺、印尼劊子手蘇哈陀的暴政，皆要記在季辛吉的頭上，曾經有人感嘆道，諾貝爾在頒給季辛吉後，就從此失去其意義了。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;其他受爭議的得獎者包括如設立政治宣傳用之「公共資訊委員會」，藉以製造仇恨敵人，並成功將主和的美國國民導向戰爭的第28任總統威爾遜（Wilson）、回教恐怖主義領袖阿拉法特（Arafat）、屠殺巴勒斯坦兒童著名的以色列總理佩瑞茲（Simon Perez）與拉賓（Rabin）、貪污纏身的前聯合國秘書長安南（Kofi Annan）、富政治動機的美國前副總統高爾（Al Gore）、及主張中東石油利益的卡特（Jimmy Carter），其《卡特主義》（Carter Doctrine）奠定了之後美國於該地區的石油霸權，並間接引起日後的兩次伊拉克戰爭及賓拉登的崛起。&lt;br /&gt;&lt;br /&gt;諾貝爾頒在給上述諸多受爭議人物後，卻始終不頒給共提名五次的聖雄甘地，真令人苦思不透。另一個有趣的現象是，光美國歷任的正副總統就包辦了五屆的和平獎，其國務卿與政府官員亦佔多數名額，然美國於近百年來，卻是這地球上發動過最多戰爭、殺死最多人的國家，這真是歷史的弔詭。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2195449836964428192?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2195449836964428192/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2195449836964428192' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2195449836964428192'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2195449836964428192'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/pixnet_20.html' title='諾貝爾和平獎迷思（中時嚴選好文） @ 王大師論壇 :: 痞客邦 PIXNET ::'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8548134873137101416</id><published>2012-01-20T21:12:00.001+08:00</published><updated>2012-01-20T21:13:36.615+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>異鄉人 @ 王大師論壇 :: 痞客邦 PIXNET ::</title><content type='html'>&lt;a href="http://accrcw75.pixnet.net/blog/post/33461222"&gt;異鄉人 @ 王大師論壇 :: 痞客邦 PIXNET ::&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;我當初在讀到這幕時感觸極深，深感自己的人生也好比書中的主角般，任由一個比自己更大、更虛無、更荒謬的遊戲擺弄著，猶如卡夫卡小說『審判』最後一幕，主角K無端被人指控，但又無具體內容，被城中的權威機構耍的團團轉，最後亦無法擺脫被行刑者於半夜拖出城外給挨上兩刀的命運。&lt;br /&gt;&lt;br /&gt;我們這個社會其實被很多看不見的規則給左右著，而通常制定這些規則的人並非以所有人的考量為立意宗旨，但大部分的人就糊里糊塗照單全收；比方說，誰說作人一定要成功？誰說在公共場合不能流露真情感？誰說物質一定有定價？誰說有錢人可以購買更多商品？誰界定公共財與私有財的差別？誰界定對與錯、善與惡、有罪與無罪的仲裁？當這些規則在制定時，請問你在哪裡？有人問過你的意見嗎？你又為何還要依舊遵守？&lt;br /&gt;&lt;br /&gt;我相信，社會的規範，乃至於法律、經濟、甚至宗教，一開始僅為方便使然，可是各方的投機者隨後濫用這些規則，以至於遵從這些社會規範的盲從人士，到最後失去行為的意義，但脫離它又充滿不安、焦慮、與虛無，整個社會就這樣，被一股看不見的虛無勢力給牽著鼻子走。&lt;br /&gt;&lt;br /&gt;然而，這世界真如此的虛無嗎？異鄉人書中有談到一個狗主人，他每天於例行性的溜狗中，習慣連踢帶拖的將這隻倒楣老狗蹂躪一遍，嘴巴抱怨都是因為眼前的這個麻煩，害他無法好好的看電視，還要為牠把屎把尿。直到一天這位老人發現老狗突然不見了，老人一時驚慌失措，在眼角中可見如雨滴的淚水流出。請問那些淚水是虛無還是真有？那在老狗還沒走丟之前呢？是虛無嗎？&lt;br /&gt;&lt;br /&gt;異鄉人一書不試著教導價值，其立意為指出何為『真實』，吾人的實相又為何？蘇格拉底曾說過一個未深思的人生是不值得過的，但我認為這是老派哲學家愛說教的通病。卡繆不會拿著教鞭逼人思考生活的意義為何，但是一個敏感的靈魂常常會在問題還沒被人寫成書時，就已撇過實像的光影。這本書值得一讀再讀，不是因為讀後能學到什麼，而是屋外樹枝上的飛鳥初啼，我們已多久沒注意了。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8548134873137101416?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8548134873137101416/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8548134873137101416' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8548134873137101416'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8548134873137101416'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/pixnet.html' title='異鄉人 @ 王大師論壇 :: 痞客邦 PIXNET ::'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8282476969105379700</id><published>2012-01-16T14:25:00.000+08:00</published><updated>2012-01-16T14:26:17.869+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='chrome'/><title type='text'>网页截图（由Google提供）</title><content type='html'>&lt;a href="https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg"&gt;网页截图（由Google提供）&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;Chrome Screen Capture 是由 Google 官方所開發的 Chrome 瀏覽器免費外掛應用工具，支援網頁可視區域擷取、自訂區域擷取、整個網頁擷取成圖片及電腦螢幕擷取的四種擷取方式，擷取成圖片後，可以利用圖片編輯工具來編輯該圖片，或是利用 Chrome Screen Capture 所提供的簡易圖片編輯工具，像是加入框線、模糊、插入文字、畫線或箭頭等等，然後將編輯後的圖片儲存為 PNG 格式的圖片文件。另外，Chrome Screen Capture 可在 Windows、Linux 及 Mac 等作業系統應用，並可將擷取的圖片直接分享到 Picasa Web、Facebook 或是新浪微博，是相當方便的網頁擷取成圖片的 Chrome 擴展應用。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8282476969105379700?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8282476969105379700/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8282476969105379700' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8282476969105379700'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8282476969105379700'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/google.html' title='网页截图（由Google提供）'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4545811849309715023</id><published>2012-01-11T09:58:00.001+08:00</published><updated>2012-01-11T09:59:30.446+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='performance'/><title type='text'>Use Lowercase Markup For Better Compression - avoid uppercase markup to improve xhtml and html compression</title><content type='html'>&lt;a href="http://www.websiteoptimization.com/speed/tweak/lowercase/"&gt;Use Lowercase Markup For Better Compression - avoid uppercase markup to improve xhtml and html compression&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Lowercase markup compresses more efficiently than uppercase markup. Along with the benefits of XHTML compatibility, lowercase markup allows HTTP compression to work more efficiently by increasing redundancy. In this article we show the benefits of using lowercase markup on five popular sites.&lt;br /&gt;&lt;br /&gt;How Lowercase Markup Helps GZIP Compression&lt;br /&gt;&lt;br /&gt;The GZIP compression algorithm used in mod_gzip and other HTTP compression programs works by substituting shorter tokens for longer identical strings. By using more lowercase strings, especially repetitious table and div structures, you increase the likelihood of more string matches. While an HTML file of all lowercase markup is the same size as a mixed case HTML file, it compresses more efficiently. Even if you don't use HTTP compression on your site, your users on dialup accelerators like Earthlink's Accelerator and AOL's Topspeed will benefit from your lowercase markup.&lt;br /&gt;&lt;br /&gt;How Much Smaller?&lt;br /&gt;&lt;br /&gt;To test the effectiveness of lowercase markup we compressed the HTML homepages of five random sites before and after lowercasing all of their HTML markup (see Table 1).&lt;br /&gt;&lt;br /&gt;Table 1: Lowercase versus Mixed Uppercase Markup Compression&lt;br /&gt;&lt;br /&gt;Homepage Uncompressed HTML (bytes) GZIP -6 Compressed Compressed after lowercase markup Percent Smaller&lt;br /&gt;ABCNews.com* 49,959 11,125 10,785 3.05&lt;br /&gt;Guardian.co.uk 73,772 14,080 13,808 1.93&lt;br /&gt;JCPenny.com* 19,728 3,310 3,154 4.71&lt;br /&gt;Olympics.com* 26,927 6,273 6,126 2.34&lt;br /&gt;Slashdot.org* 49,291 12,589 12,434 1.23&lt;br /&gt;Average    2.65&lt;br /&gt;*Uses HTTP compression. The homepages tested were ABCNews.com, Guardian.co.uk, JCPenny.com, Olympics.com, and Slashdot.org. Note that mod_gzip defaults to gzip -6 for compression to give the best balance between speed and size.&lt;br /&gt;&lt;br /&gt;On average the all-lowercase markup saved an additional 2.65 percent off these compressed home pages. All lowercase markup saved from 1.23% (Slashdot.org) to 4.71% (JCPenny.com) off the compressed mixed case home pages. Four out of the five sites tested with our Web Page Analyzer used HTTP compression, so most of these sites would benefit from switching to lowercase markup and accelerated Guardian users would also benefit.&lt;br /&gt;&lt;br /&gt;Conclusion&lt;br /&gt;&lt;br /&gt;&lt;span class="hi"&gt;On average using all lowercase markup saved 2.65% off of compressed HTML file size. JCPenny.com would realize over 4.7% smaller HTML files using all lowercase markup after compression.&lt;/span&gt; You can achieve higher compression ratios by adopting the same approach to your CSS and JavaScript markup to maximize the efficiency of GZIP compression. Using identical wording, and repetitive markup (like tables, similarly structured divs, or class names) can improve GZIP compression even further.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4545811849309715023?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4545811849309715023/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4545811849309715023' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4545811849309715023'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4545811849309715023'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/use-lowercase-markup-for-better.html' title='Use Lowercase Markup For Better Compression - avoid uppercase markup to improve xhtml and html compression'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6947269473351861105</id><published>2012-01-10T10:05:00.001+08:00</published><updated>2012-01-10T10:09:07.793+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>東西的故事 - 完整版（The Story of Stuff [FULL]，中英字幕）</title><content type='html'>&lt;a href="http://www.youtube.com/watch?v=AcVq2rxGa18"&gt;東西的故事 - 完整版（The Story of Stuff [FULL]，中英字幕）&lt;/a&gt;&lt;br /&gt;&lt;iframe width="560" height="315" src="http://www.youtube.com/embed/AcVq2rxGa18" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br /&gt;&lt;br /&gt;The Story of Cosmetics 美麗的背後，醜陋的真相（Neways 安全照顧您！）&lt;br /&gt;&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/4WZeRP2_vQE" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br /&gt;&lt;br /&gt;碳交易的故事The Story of Cap and Trade&lt;br /&gt;&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/SKe-JGMUwkc" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;br /&gt;&lt;br /&gt;民主失竊的故事 The Story of Citizens United v. FEC 中文字幕&lt;br /&gt;&lt;iframe width="560" height="315" src="http://www.youtube.com/embed/A4x7MFZ4BXg" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6947269473351861105?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6947269473351861105/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6947269473351861105' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6947269473351861105'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6947269473351861105'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/story-of-stuff-full.html' title='東西的故事 - 完整版（The Story of Stuff [FULL]，中英字幕）'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://img.youtube.com/vi/AcVq2rxGa18/default.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1365190101680922699</id><published>2012-01-09T02:30:00.010+08:00</published><updated>2012-01-09T03:45:18.654+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>The Little Book on CoffeeScript - Idioms</title><content type='html'>&lt;a href="http://arcturo.github.com/library/coffeescript/04_idioms.html"&gt;The Little Book on CoffeeScript - Idioms&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-weight:bold;"&gt;each:&lt;/span&gt;&lt;br /&gt;myFunction(item) for item in array&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;map:&lt;/span&gt;&lt;br /&gt;&lt;code&gt;result = (item.name for item in list) &lt;/code&gt; // Notice we're surrounding the comprehension with parens, which is absolutely critical in ensuring the comprehension returns what you'd expect, the mapped array.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;select:&lt;/span&gt;&lt;br /&gt;&lt;code&gt;result = (item for item in list when item.name = 'name')&lt;/code&gt; //Don't forgot to include the parens, as otherwise result will be the last item in the array. &lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;includes:&lt;/span&gt;&lt;br /&gt;&lt;code&gt;included = "test" in array&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;compiled to:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;var included;&lt;br /&gt;var __indexOf = Array.prototype.indexOf || function(item) {&lt;br /&gt;  for (var i = 0, l = this.length; i &lt; l; i++) {&lt;br /&gt;    if (this[i] === item) return i;&lt;br /&gt;  }&lt;br /&gt;  return -1;&lt;br /&gt;};&lt;br /&gt;included = __indexOf.call(array, "test") &gt;= 0;&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Property iteration:&lt;/span&gt;&lt;br /&gt;However, as you've seen in the previous section, CoffeeScript has already reserved &lt;code&gt;in&lt;/code&gt; for use with arrays. Instead, the operator has been renamed of, and can be used like thus:&lt;br /&gt;&lt;code&gt;object = {one: 1, two: 2}&lt;br /&gt;alert("#{key} = #{value}") for key, value of object&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;And/or:&lt;/span&gt;&lt;br /&gt;One extremely nice addition to CoffeeScript is the 'or equals', which is a pattern Rubyists may recognize as ||=:&lt;br /&gt;&lt;br /&gt;&lt;pre&gt;hash or= {}&lt;/pre&gt;&lt;br /&gt;compiled to:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;hash || (hash = {});&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;hash ?= {}&lt;br /&gt;compiled to:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;if (typeof hash === "undefined" || hash === null) {&lt;br /&gt;  hash = {};&lt;br /&gt;}&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Destructuring assignments&lt;/span&gt;&lt;br /&gt;&lt;code&gt;someObject = { a: 'value for a', b: 'value for b' }&lt;br /&gt;{ a, b } = someObject&lt;br /&gt;console.log "a is '#{a}', b is '#{b}'"&lt;/code&gt;&lt;br /&gt;compiled to:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;var a, b, someObject;&lt;br /&gt;someObject = {&lt;br /&gt;  a: 'value for a',&lt;br /&gt;  b: 'value for b'&lt;br /&gt;};&lt;br /&gt;a = someObject.a, b = someObject.b;&lt;br /&gt;console.log("a is '" + a + "', b is '" + b + "'");&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Private variables&lt;/span&gt;&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;type = do -&gt;  &lt;br /&gt;type = -&gt;&lt;/pre&gt;&lt;br /&gt;compiled to&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;var type;&lt;br /&gt;type = (function() {})();&lt;br /&gt;type = function() {};&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;The &lt;code&gt;do&lt;/code&gt; keyword in CoffeeScript lets us execute functions immediately, a great way of encapsulating scope &amp; protecting variables. In the example below, we're defining a variable classToType in the context of an anonymous function which's immediately called by do. That anonymous function returns a second anonymous function, which will be ultimate value of type. Since classToType is defined in a context that no reference is kept to, it can't be accessed outside that scope.&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;# Execute function immediately&lt;br /&gt;type = do -&gt;&lt;br /&gt;  classToType = {}&lt;br /&gt;  for name in "Boolean Number String Function Array Date RegExp Undefined Null".split(" ")&lt;br /&gt;    classToType["[object " + name + "]"] = name.toLowerCase()&lt;br /&gt;&lt;br /&gt;  # Return a function&lt;br /&gt;  (obj) -&gt;&lt;br /&gt;    strType = Object::toString.call(obj)&lt;br /&gt;    classToType[strType] or "object"&lt;/pre&gt;&lt;br /&gt;compiled to:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;var type;&lt;br /&gt;type = (function() {&lt;br /&gt;  var classToType, name, _i, _len, _ref;&lt;br /&gt;  classToType = {};&lt;br /&gt;  _ref = "Boolean Number String Function Array Date RegExp Undefined Null".split(" ");&lt;br /&gt;  for (_i = 0, _len = _ref.length; _i &lt; _len; _i++) {&lt;br /&gt;    name = _ref[_i];&lt;br /&gt;    classToType["[object " + name + "]"] = name.toLowerCase();&lt;br /&gt;  }&lt;br /&gt;  return function(obj) {&lt;br /&gt;    var strType;&lt;br /&gt;    strType = Object.prototype.toString.call(obj);&lt;br /&gt;    return classToType[strType] || "object";&lt;br /&gt;  };&lt;br /&gt;})();&lt;/pre&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1365190101680922699?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1365190101680922699/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1365190101680922699' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1365190101680922699'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1365190101680922699'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/little-book-on-coffeescript-idioms.html' title='The Little Book on CoffeeScript - Idioms'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1711593717742795408</id><published>2012-01-06T12:11:00.001+08:00</published><updated>2012-01-06T12:13:25.968+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>polarmobile/coffeescript-style-guide - GitHub</title><content type='html'>&lt;a href="https://github.com/polarmobile/coffeescript-style-guide"&gt;polarmobile/coffeescript-style-guide - GitHub&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Inspiration&lt;br /&gt;&lt;br /&gt;The details in this guide have been very heavily inspired by several existing style guides and other resources. In particular:&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.python.org/dev/peps/pep-0008/"&gt;PEP-8&lt;/a&gt;: Style Guide for Python Code&lt;br /&gt;Bozhidar Batsov's Ruby Style Guide&lt;br /&gt;Google's JavaScript Style Guide&lt;br /&gt;&lt;a href="http://arcturo.github.com/library/coffeescript/04_idioms.html"&gt;Common CoffeeScript Idioms&lt;/a&gt;&lt;br /&gt;Thomas Reynolds' &lt;a href="http://awardwinningfjords.com/2011/05/13/coffeescript-specific-style-guide.html"&gt;CoffeeScript-specific Style Guide&lt;/a&gt;&lt;br /&gt;Jeremy Ashkenas' &lt;a href="https://gist.github.com/1005723"&gt;code review&lt;/a&gt; of Spine&lt;br /&gt;The &lt;a href="https://github.com/jashkenas/coffee-script/wiki/FAQ"&gt;CoffeeScript FAQ&lt;/a&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1711593717742795408?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1711593717742795408/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1711593717742795408' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1711593717742795408'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1711593717742795408'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/polarmobilecoffeescript-style-guide.html' title='polarmobile/coffeescript-style-guide - GitHub'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8964267190077847331</id><published>2012-01-05T11:08:00.000+08:00</published><updated>2012-01-05T11:09:20.080+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='terms'/><title type='text'>Moose test - Wikipedia, the free encyclopedia</title><content type='html'>&lt;a href="http://en.wikipedia.org/wiki/Moose_test"&gt;Moose test - Wikipedia, the free encyclopedia&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;A moose test or elk test is a test to determine how a certain vehicle acts when the driver evades a suddenly appearing obstacle (such as a moose on the road). When in 1997 the newly produced Mercedes-Benz A-Class failed an examination of the Swedish motor magazine Teknikens Värld, it became well-known under the name Älgtest (Swedish for “Moose test” – in Europe the word "elk" and its cognates refer to the moose and not to the smaller animal, the cervid called, confusingly, elk in North America).&lt;br /&gt;The test is performed on a dry road surface. Traffic cones are set up in an S shape to simulate the obstacle, the road and its edges. The car which is going to be tested has one belted person at each available seat and weights in the trunk to achieve maximum load. When the driver comes onto the track, he or she quickly swerves into the oncoming lane to avoid the object and then immediately swerves back to avoid oncoming traffic. The test is repeated with an increased speed until the car skids down the cones or spins around. This usually happens at speeds of about 70-80 km/h (45-50 mph) in the best cases.&lt;br /&gt;This test has been used in Sweden for decades. In 1997 the journalist Robert Collin from the motor magazine Teknikens Värld overturned the new Mercedes-Benz A-Class in the moose test, while a Trabant — a much older, and widely mocked car from the former German Democratic Republic — managed it perfectly.[1] The Dacia Logan appeared initially to fail the test, but a later investigation concluded that excessive testing had worn the car's tires to failure.&lt;br /&gt;On the occasion of being interviewed for an article in the German newspaper Süddeutsche Zeitung, Collin tried to explain this test by the example of an evasive maneuver for a moose on the road. It was soon called "Elchtest" (moose test).[2]&lt;br /&gt;The term has since then become popular with German journalists in various meanings, for example for friendly matches (German: Freundschaftsspiel or Testspiel) of the football national team against Sweden.&lt;br /&gt;Because Mercedes-Benz was forced to upgrade the A-Class, the test was important in the popularization of Electronic Stability Control.[citation needed]&lt;br /&gt;Swedish automotive magazine Teknikens Värld now publish results from many years of moose testing on their web site. There you can see many cars and the speed they had through the moose testing track. See external link below.&lt;/blockquote&gt;&lt;br /&gt;&lt;iframe width="420" height="315" src="http://www.youtube.com/embed/aZF8N9NItHI" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8964267190077847331?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8964267190077847331/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8964267190077847331' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8964267190077847331'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8964267190077847331'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/moose-test-wikipedia-free-encyclopedia.html' title='Moose test - Wikipedia, the free encyclopedia'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://img.youtube.com/vi/aZF8N9NItHI/default.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4424834812984905468</id><published>2012-01-02T17:46:00.003+08:00</published><updated>2012-01-02T17:50:11.165+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='computer science'/><title type='text'>密码学笔记 - 阮一峰的网络日志</title><content type='html'>&lt;a href="http://www.ruanyifeng.com/blog/2006/12/notes_on_cryptography.html"&gt;密码学笔记 - 阮一峰的网络日志&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;1.加密方法可以分为两大类。一类是单钥加密（private key cryptography），还有一类叫做双钥加密（public key cryptography）。前者的加密和解密过程都用同一套密码，后者的加密和解密过程用的是两套密码。&lt;br /&gt;历史上，人类传统的加密方法都是前一种，比如二战期间德军用的Enigma电报密码。莫尔斯电码也可以看作是一种私钥加密方法。&lt;br /&gt;2.在单钥加密的情况下，密钥只有一把，所以密钥的保存变得很重要。一旦密钥泄漏，密码也就被破解。&lt;br /&gt;3.在双钥加密的情况下，密钥有两把，一把是公开的公钥，还有一把是不公开的私钥。&lt;br /&gt;双钥加密的原理如下：&lt;br /&gt;a) 公钥和私钥是一一对应的关系，有一把公钥就必然有一把与之对应的、独一无二的私钥，反之亦成立。&lt;br /&gt;b) 所有的（公钥, 私钥）对都是不同的。&lt;br /&gt;c) 用公钥可以解开私钥加密的信息，反之亦成立。&lt;br /&gt;d) 同时生成公钥和私钥应该相对比较容易，但是从公钥推算出私钥，应该是很困难或者是不可能的。&lt;br /&gt;4.目前，通用的单钥加密算法为DES（Data Encryption Standard），通用的双钥加密算法为RSA（ Rivest-Shamir-Adleman），都产生于上个世纪70年代。&lt;br /&gt;5.&lt;span class="hi"&gt;在双钥体系中，公钥用来加密信息，私钥用来数字签名。&lt;/span&gt;&lt;br /&gt;6.因为任何人都可以生成自己的（公钥，私钥）对，所以为了防止有人散布伪造的公钥骗取信任，就需要一个可靠的第三方机构来生成经过认证的（公钥，私钥）对。目前，世界上最主要的数字服务认证商是位于美国加州的Verisign公司，它的主要业务就是分发RSA数字证书。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4424834812984905468?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4424834812984905468/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4424834812984905468' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4424834812984905468'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4424834812984905468'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/blog-post.html' title='密码学笔记 - 阮一峰的网络日志'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8854039762539029632</id><published>2012-01-02T17:44:00.006+08:00</published><updated>2012-01-02T18:15:06.796+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='computer science'/><title type='text'>数字签名是什么？ - 阮一峰的网络日志</title><content type='html'>&lt;a href="http://www.ruanyifeng.com/blog/2011/08/what_is_a_digital_signature.html"&gt;数字签名是什么？ - 阮一峰的网络日志&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;1. &lt;img src="http://image.beekka.com/blog/201108/bg2011080901.png"&gt;&lt;br&gt;鲍勃有两把钥匙，一把是公钥，另一把是私钥。&lt;br /&gt;&lt;br /&gt;2.&lt;img src="http://image.beekka.com/blog/201108/bg2011080902.png"&gt;&lt;br&gt;鲍勃把公钥送给他的朋友们----帕蒂、道格、苏珊----每人一把。&lt;br /&gt;&lt;br /&gt;3. &lt;img src="http://image.beekka.com/blog/201108/bg2011080903.png"&gt;&lt;br&gt;苏珊要给鲍勃写一封保密的信。她写完后用鲍勃的公钥加密，就可以达到保密的效果。&lt;br /&gt;&lt;br /&gt;4. &lt;img src="http://image.beekka.com/blog/201108/bg2011080904.png"&gt;&lt;br&gt;鲍勃收信后，用私钥解密，就看到了信件内容。这里要强调的是，只要鲍勃的私钥不泄露，这封信就是安全的，即使落在别人手里，也无法解密。&lt;br /&gt;&lt;br /&gt;5. &lt;img src="http://image.beekka.com/blog/201108/bg2011080905.png"&gt;&lt;br&gt;鲍勃给苏珊回信，决定采用"数字签名"。他写完后先用Hash函数，生成信件的摘要（digest）。&lt;br /&gt;&lt;br /&gt;6. &lt;img src="http://image.beekka.com/blog/201108/bg2011080906.png"&gt;&lt;br&gt;然后，鲍勃使用私钥，对这个摘要加密，生成"数字签名"（signature）。&lt;br /&gt;&lt;br /&gt;7.&lt;img src="http://image.beekka.com/blog/201108/bg2011080907.png"&gt;&lt;br&gt;鲍勃将这个签名，附在信件下面，一起发给苏珊&lt;br /&gt;&lt;br /&gt;8.&lt;img src="http://image.beekka.com/blog/201108/bg2011080908.png"&gt;&lt;br&gt;苏珊收信后，取下数字签名，用鲍勃的公钥解密，得到信件的摘要。由此证明，这封信确实是鲍勃发出的。&lt;br /&gt;&lt;br /&gt;9. &lt;img src="http://image.beekka.com/blog/201108/bg2011080909.png"&gt;&lt;br&gt;苏珊再对信件本身使用Hash函数，将得到的结果，与上一步得到的摘要进行对比。如果两者一致，就证明这封信未被修改过。&lt;br /&gt;&lt;br /&gt;10.&lt;img src="http://image.beekka.com/blog/201108/bg2011080910.png"&gt;&lt;br&gt;复杂的情况出现了。道格想欺骗苏珊，他偷偷使用了苏珊的电脑，用自己的公钥换走了鲍勃的公钥。此时，苏珊实际拥有的是道格的公钥，但是还以为这是鲍勃的公钥。因此，道格就可以冒充鲍勃，用自己的私钥做成"数字签名"，写信给苏珊，让苏珊用假的鲍勃公钥进行解密。&lt;br /&gt;&lt;br /&gt;11. &lt;img src="http://image.beekka.com/blog/201108/bg2011080911.png"&gt;&lt;br&gt;后来，苏珊感觉不对劲，发现自己无法确定公钥是否真的属于鲍勃。她想到了一个办法，要求鲍勃去找"证书中心"（certificate authority，简称CA），为公钥做认证。证书中心用自己的私钥，对鲍勃的公钥和一些相关信息一起加密，生成"数字证书"（Digital Certificate）。&lt;br /&gt;&lt;br /&gt;12. &lt;img src="http://image.beekka.com/blog/201108/bg2011080912.png"&gt;&lt;br&gt;鲍勃拿到数字证书以后，就可以放心了。以后再给苏珊写信，只要在签名的同时，再附上数字证书就行了。&lt;br /&gt;&lt;br /&gt;13. &lt;img src="http://image.beekka.com/blog/201108/bg2011080913.png"&gt;&lt;br&gt;苏珊收信后，用CA的公钥解开数字证书，就可以拿到鲍勃真实的公钥了，然后就能证明"数字签名"是否真的是鲍勃签的。&lt;br /&gt;&lt;br /&gt;有關於CA公鑰為何無法偽造:&lt;br /&gt;CA公钥无法伪造，因为CA公钥是可查的，比如在MSDN里可以查到微软用于签名driver的公钥（Base64码）。&lt;br /&gt;1. CA的公钥网上可以取得，浏览器中也有预存。&lt;br /&gt;2. 证书必须用CA的私钥加密，如果能用CA的公钥打开，就证明确实是CA颁发的。&lt;br /&gt;3. 我对HTTPS的一些实现细节不熟悉，但是我的理解是，如果HTTPS公钥不在浏览器列表内，浏览器可以从网上取得。&lt;br /&gt;&lt;br /&gt;通常公开钥算法用于相互验证，之后会建立session key（比如128位AES key）。后续交互的信息都是用session key和对称加密算法（比如AES）来加解密的，已经与证书本身和公钥密钥无关。因为公开密钥算法比对称密钥算法开销大很多。不过HTTPS不了解，不敢定论。&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8854039762539029632?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8854039762539029632/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8854039762539029632' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8854039762539029632'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8854039762539029632'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/blog-post_02.html' title='数字签名是什么？ - 阮一峰的网络日志'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4509756989627367768</id><published>2012-01-02T16:49:00.000+08:00</published><updated>2012-01-02T16:51:10.315+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>一名护士告诉你：临终病人最后悔的5件事</title><content type='html'>&lt;a href="http://www.u148.net/article/39869.html"&gt;一名护士告诉你：临终病人最后悔的5件事&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;最近有一篇文章在Facebook、twitter上频频被转，&lt;a href="http://www.inspirationandchai.com/Regrets-of-the-Dying.html"&gt;Nurse reveals the top 5 regrets people make on their deathbed，它的原文是一名叫Bronnie Ware的护士写的&lt;/a&gt;。Bronnie Ware专门照顾那些临终病人，所以有机会听到很多人临终前说出他们一生里最后悔的事。她作了一个概括，有5件事是大多数人最后悔的。&lt;br /&gt;&lt;br /&gt;很好奇为什么这么多人转载它，也许，因为这是一种你永远无法提前经历的事吧。你不会时常面对别人的死亡，你更不怎么时常有机会听到一个临终前的人告诉你他最后悔的事是什么。而即便你听到，你又会觉得自己来日方长。我们似乎永远无法感同身受；也许，只有我们自己的生命到了尽头时，我们才会意识到自己究竟错过了什么，最后悔什么。&lt;br /&gt;&lt;br /&gt;1. &lt;span class="hi"&gt;我希望当初我有勇气过自己真正想要的生活，而不是别人希望我过的生活。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;这是所有后悔的事中最常听到的。&lt;br /&gt;&lt;br /&gt;心理学上有个理论，较之那些我们做过的事，人们后悔的往往是那些没做的事。所以当人们在生命尽头往回看时，往往会发现有好多梦想应该实现，却没有实现。你的生活方式、你的工作、你的感情、你的伴侣，其实我们多少人过着的是别人希望你过的生活，而不是自己真正想要的生活——又可能，一直以来你把别人希望你过的生活当作是你想要的生活。&lt;br /&gt;&lt;br /&gt;当你疾病缠身时，才发现其实自己应该而且可以放下很多顾虑追求你要的生活，似乎已经晚了一点。&lt;br /&gt;&lt;br /&gt;2. &lt;span class="hi"&gt;我希望当初我没有花这么多精力在工作上。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Ware说这是她照顾过的每一个男病人会说的话。因为工作，他们错过了关注孩子成长的乐趣，错过了爱人温暖的陪伴，这是他们最深的后悔与愧疚。其实对于现在的职业女性来说，这也将成为一个问题。&lt;br /&gt;&lt;br /&gt;如果把你的生活变简单些，你也许会发现自己在做很多你以为你需要做其实不需要你做的事。腾出那些事占的空间，可能你会过得开心一点。&lt;br /&gt;&lt;br /&gt;3. &lt;span class="hi"&gt;我希望当初我能有勇气表达我的感受。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;太多的人压抑自己的感受与想法，只是为了“天下太平”，不与别人产生矛盾。渐渐他们就成了中庸之辈，无法成为他们可以成为的自己。其实，有很多疾病与长期压抑愤怒与消极情绪有关。&lt;br /&gt;&lt;br /&gt;也许当你直言不讳，你会得罪某些人。但可能从此以后因为你的中肯，你们不打不相识；又或者翻脸，正好让你摆脱这种需要你压抑自己感受才能维持的累人关系。不管哪一种结果，你都是赢家，不是吗？——不过当然，直言不讳还是有底线的。&lt;br /&gt;&lt;br /&gt;4. &lt;span class="hi"&gt;我希望当初我能和朋友保持联系。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;老朋友的好，我们总要到自己有事了的时候才会想到。&lt;br /&gt;&lt;br /&gt;多少人因为自己忙碌的生活忽略了朋友忽略了曾经闪亮的友情。很多人临终前终于放下钱、放下权，却放不下心中的情感与牵挂。朋友也好，爱人也罢，其实生命最后的日子里，他们才是我们最深的惦念。&lt;br /&gt;&lt;br /&gt;5. &lt;span class="hi"&gt;我希望当初我能让自己活得开心点。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;也许有点出乎意料，但这一条也在前5之中。很多人直到生命的最后才发现，“快乐是选择”。&lt;br /&gt;&lt;br /&gt;他们在自己既定习惯和生活方式中太久了，习惯了掩饰，习惯了伪装，习惯了在人前堆起笑脸。就像五月天的那首歌，“你不是真正的快乐，你的笑只是你给的保护色”。他们以为是生活让他们不快乐，其实是他们自己让自己不快乐了。&lt;br /&gt;&lt;br /&gt;是只有临终的时候才会发现，别人怎么看你又有什么关系呢？傻也好，怪也罢，能有真心的笑，比什么都值得。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4509756989627367768?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4509756989627367768/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4509756989627367768' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4509756989627367768'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4509756989627367768'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/5.html' title='一名护士告诉你：临终病人最后悔的5件事'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-689720202027930526</id><published>2012-01-02T15:42:00.002+08:00</published><updated>2012-01-02T15:42:59.740+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>Box2dWeb</title><content type='html'>&lt;a href="http://code.google.com/p/box2dweb/"&gt;Box2dWeb&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;I took the challenge and crafted a simple game HTML5 physics based game on both languages, using Box2dWeb, a js port of Box2D (the physics engine, created by Erin Catto, that is behind Angry birds).&lt;br /&gt;&lt;br /&gt;via: &lt;a href="http://metaphysicaldeveloper.wordpress.com/2011/08/28/clojurescript-vs-coffeescript/"&gt;http://metaphysicaldeveloper.wordpress.com/2011/08/28/clojurescript-vs-coffeescript/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-689720202027930526?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/689720202027930526/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=689720202027930526' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/689720202027930526'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/689720202027930526'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/box2dweb.html' title='Box2dWeb'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-5948360616554666945</id><published>2012-01-02T14:50:00.000+08:00</published><updated>2012-01-02T14:51:40.427+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>The Pragmatic Bookshelf | PragPub 2011-05 | A CoffeeScript Intervention</title><content type='html'>&lt;a href="http://pragprog.com/magazines/2011-05/a-coffeescript-intervention"&gt;The Pragmatic Bookshelf | PragPub 2011-05 | A CoffeeScript Intervention&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;5. Repetition, Repetition&lt;br /&gt;I’ll let the code speak for itself:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;      x = sprite.x;&lt;br /&gt;      y = sprite.y;&lt;br /&gt;      css = {&lt;br /&gt;        opacity: opacity,&lt;br /&gt;        fontFamily: fontFamily&lt;br /&gt;      };&lt;br /&gt;      function(request) {&lt;br /&gt;        body = request.body;&lt;br /&gt;        status = request.status;&lt;br /&gt;        // ...&lt;br /&gt;      }&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;The CoffeeScript Way&lt;br /&gt;Each snippet above becomes a one-liner, thanks to pattern-matching:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;      {x, y} = sprite&lt;br /&gt;      css = {opacity, fontFamily}&lt;br /&gt;      ({body, status}) -&gt; ...&lt;br /&gt;&lt;/pre&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-5948360616554666945?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/5948360616554666945/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=5948360616554666945' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5948360616554666945'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5948360616554666945'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/pragmatic-bookshelf-pragpub-2011-05.html' title='The Pragmatic Bookshelf | PragPub 2011-05 | A CoffeeScript Intervention'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-9093829477893152594</id><published>2012-01-02T14:27:00.001+08:00</published><updated>2012-01-02T14:29:36.201+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='android'/><title type='text'>[Android小程式] My Tracks 足跡、行車記錄器（用GPS畫路線圖、記錄速度距離）</title><content type='html'>[Android小程式] My Tracks 足跡、行車記錄器（用GPS畫路線圖、記錄速度距離）&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;如果你喜歡慢跑或騎自行車到處欣賞美景，偶爾可能想知道自己到底跑了多遠、騎了多久、行經哪些路線，甚至想知道自己的速度大概都維持多快或多慢。以前如果想在自己運動或開車時記錄一下這些資訊，大概都得用推算的方式算出個大概。現在如果你有Android手機，可以試試看My Tracks這個免費軟體來記錄。&lt;br /&gt;&lt;br /&gt;My Tracks是個非常好用的小程式，他可以透過GPS的方式在Google Maps地圖上「用紅線」畫出你行經的路線，就算你小小的繞了一圈，它也會在地圖上畫出小小的圈圈。此外還可將你慢跑或騎車的時間、距離、速度與當地海拔高度…等等資訊記錄下來。&lt;br /&gt;&lt;br /&gt;執行My Tracks時，除了會用簡單的表格展示總距離、目前速度、平均速度、最高速度...等資訊之外，還可將行經路線中的海拔高度與當時的速度繪製成一個圖表，讓我們可以輕鬆得知哪時候速度快、哪時候速度慢。&lt;br /&gt;&lt;br /&gt;此外還可將My Tracks的足跡記錄上傳到Google Maps或Google Docs文件中，讓我們可以將每天的運動量與運動時間等等資訊通通做成完整的表格，方便日後查詢、統計，或與朋友分享。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-9093829477893152594?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/9093829477893152594/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=9093829477893152594' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/9093829477893152594'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/9093829477893152594'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/android-my-tracks-gps.html' title='[Android小程式] My Tracks 足跡、行車記錄器（用GPS畫路線圖、記錄速度距離）'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4029868332310275466</id><published>2012-01-02T14:08:00.005+08:00</published><updated>2012-01-02T16:10:22.951+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Linux'/><title type='text'>SSH原理与运用（二）：远程操作与端口转发</title><content type='html'>&lt;a href="http://www.ruanyifeng.com/blog/2011/12/ssh_port_forwarding.html"&gt;SSH原理与运用（二）：远程操作与端口转发&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;七、远程操作&lt;br /&gt;SSH不仅可以用于远程主机登录，还可以直接在远程主机上执行操作。&lt;br /&gt;上一节的操作，就是一个例子：&lt;br /&gt;　　$ ssh user@host 'mkdir -p .ssh &amp;&amp; cat &gt;&gt; .ssh/authorized_keys' &lt; ~/.ssh/id_rsa.pub&lt;br /&gt;&lt;span class="hi"&gt;单引号中间的部分，表示在远程主机上执行的操作；后面的输入重定向，表示数据通过SSH传向远程主机。&lt;br /&gt;这就是说，SSH可以在用户和远程主机之间，建立命令和数据的传输通道，因此很多事情都可以通过SSH来完成。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;【例1】&lt;br /&gt;&lt;span class="hi"&gt;将$HOME/src/目录下面的所有文件，复制到远程主机的$HOME/src/目录。&lt;/span&gt;&lt;br /&gt;　　$ cd &amp;&amp; tar czv src | ssh user@host 'tar xz'&lt;br /&gt;【例2】&lt;br /&gt;&lt;span class="hi"&gt;将远程主机$HOME/src/目录下面的所有文件，复制到用户的当前目录。&lt;/span&gt;&lt;br /&gt;　　$ ssh user@host 'tar cz src' | tar xzv&lt;br /&gt;【例3】&lt;br /&gt;查看远程主机是否运行进程httpd。&lt;br /&gt;　　$ ssh user@host 'ps ax | grep [h]ttpd'&lt;br /&gt;&lt;br /&gt;八、绑定本地端口&lt;br /&gt;既然SSH可以传送数据，那么我们可以让那些不加密的网络连接，全部改走SSH连接，从而提高安全性。&lt;br /&gt;假定我们要让8080端口的数据，都通过SSH传向远程主机，命令就这样写：&lt;br /&gt;　　$ ssh -D 8080 user@host&lt;br /&gt;SSH会建立一个socket，去监听本地的8080端口。一旦有数据传向那个端口，就自动把它转移到SSH连接上面，发往远程主机。可以想象，如果8080端口原来是一个不加密端口，现在将变成一个加密端口。&lt;br /&gt;&lt;br /&gt;九、本地端口转发&lt;br /&gt;有时，绑定本地端口还不够，还必须指定数据传送的目标主机，从而形成点对点的"端口转发"。为了区别后文的"远程端口转发"，我们把这种情况称为"本地端口转发"（Local forwarding）。&lt;br /&gt;假定host1是本地主机，host2是远程主机。由于种种原因，这两台主机之间无法连通。但是，另外还有一台host3，可以同时连通前面两台主机。因此，很自然的想法就是，通过host3，将host1连上host2。&lt;br /&gt;我们在host1执行下面的命令：&lt;br /&gt;　　$ ssh -L 2121:host2:21 host3&lt;br /&gt;命令中的L参数一共接受三个值，分别是"本地端口:目标主机:目标主机端口"，它们之间用冒号分隔。这条命令的意思，就是指定SSH绑定本地端口2121，然后指定host3将所有的数据，转发到目标主机host2的21端口（假定host2运行FTP，默认端口为21）。&lt;br /&gt;这样一来，我们只要连接host1的2121端口，就等于连上了host2的21端口。&lt;br /&gt;　　$ ftp localhost:2121&lt;br /&gt;"本地端口转发"使得host1和host3之间仿佛形成一个数据传输的秘密隧道，因此又被称为"SSH隧道"。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;十、远程端口转发&lt;br /&gt;既然"本地端口转发"是指绑定本地端口的转发，那么"远程端口转发"（remote forwarding）当然是指绑定远程端口的转发。&lt;br /&gt;还是接着看上面那个例子，host1与host2之间无法连通，必须借助host3转发。但是，特殊情况出现了，host3是一台内网机器，它可以连接外网的host1，但是反过来就不行，外网的host1连不上内网的host3。这时，"本地端口转发"就不能用了，怎么办？&lt;br /&gt;&lt;span class="hi"&gt;解决办法是，既然host3可以连host1，那么就从host3上建立与host1的SSH连接，然后在host1上使用这条连接就可以了。&lt;/span&gt;&lt;br /&gt;我们在host3执行下面的命令：&lt;br /&gt;　　$ ssh -R 2121:host2:21 host1&lt;br /&gt;&lt;span class="hi"&gt;R参数也是接受三个值，分别是"远程主机端口:目标主机:目标主机端口"。这条命令的意思，就是让host1监听它自己的2121端口，然后将所有数据经由host3，转发到host2的21端口。由于对于host3来说，host1是远程主机，所以这种情况就被称为"远程端口绑定"。&lt;/span&gt;&lt;br /&gt;绑定之后，我们在host1就可以连接host2了：&lt;br /&gt;　　$ ftp localhost:2121&lt;br /&gt;这里必须指出，"远程端口转发"的前提条件是，host1和host3两台主机都有sshD和ssh客户端。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4029868332310275466?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4029868332310275466/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4029868332310275466' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4029868332310275466'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4029868332310275466'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/ssh.html' title='SSH原理与运用（二）：远程操作与端口转发'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1357260101230097540</id><published>2012-01-02T13:32:00.007+08:00</published><updated>2012-01-02T14:08:03.105+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Linux'/><title type='text'>SSH原理与运用（一）：远程登录 - 阮一峰的网络日志</title><content type='html'>&lt;a href="http://www.ruanyifeng.com/blog/2011/12/ssh_remote_login.html"&gt;SSH原理与运用（一）：远程登录 - 阮一峰的网络日志&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;三、中间人攻击&lt;br /&gt;SSH之所以能够保证安全，原因在于它采用了公钥加密。&lt;br /&gt;整个过程是这样的：&lt;span class="hi"&gt;（1）远程主机收到用户的登录请求，把自己的公钥发给用户。（2）用户使用这个公钥，将登录密码加密后，发送回来。（3）远程主机用自己的私钥，解密登录密码，如果密码正确，就同意用户登录。&lt;/span&gt;&lt;br /&gt;这个过程本身是安全的，但是实施的时候存在一个风险：&lt;span class="hi"&gt;如果有人截获了登录请求，然后冒充远程主机，将伪造的公钥发给用户，那么用户很难辨别真伪。因为不像https协议，SSH协议的公钥是没有证书中心（CA）公证的，也就是说，都是自己签发的。&lt;/span&gt;&lt;br /&gt;可以设想，如果攻击者插在用户与远程主机之间（比如在公共的wifi区域），用伪造的公钥，获取用户的登录密码。再用这个密码登录远程主机，那么SSH的安全机制就荡然无存了。这种风险就是著名的"中间人攻击"（Man-in-the-middle attack）。&lt;br /&gt;SSH协议是如何应对的呢？&lt;br /&gt;&lt;br /&gt;四、口令登录&lt;br /&gt;如果你是第一次登录对方主机，系统会出现下面的提示：&lt;br /&gt;　　$ ssh user@host&lt;br /&gt;　　The authenticity of host 'host (12.18.429.21)' can't be established.&lt;br /&gt;　　RSA key fingerprint is 98:2e:d7:e0:de:9f:ac:67:28:c2:42:2d:37:16:58:4d.&lt;br /&gt;　　Are you sure you want to continue connecting (yes/no)?&lt;br /&gt;这段话的意思是，无法确认host主机的真实性，只知道它的公钥指纹，问你还想继续连接吗？&lt;br /&gt;&lt;span class="hi"&gt;所谓"公钥指纹"，是指公钥长度较长（这里采用RSA算法，长达1024位），很难比对，所以对其进行MD5计算，将它变成一个128位的指纹。上例中是98:2e:d7:e0:de:9f:ac:67:28:c2:42:2d:37:16:58:4d，再进行比较，就容易多了。&lt;/span&gt;&lt;br /&gt;很自然的一个问题就是，用户怎么知道远程主机的公钥指纹应该是多少？&lt;span class="hi"&gt;回答是没有好办法，远程主机必须在自己的网站上贴出公钥指纹，以便用户自行核对。&lt;/span&gt;&lt;br /&gt;当远程主机的公钥被接受以后，它就会被保存在文件$HOME/.ssh/known_hosts之中。下次再连接这台主机，系统就会认出它的公钥已经保存在本地了，从而跳过警告部分，直接提示输入密码。&lt;br /&gt;每个SSH用户都有自己的known_hosts文件，此外系统也有一个这样的文件，通常是/etc/ssh/ssh_known_hosts，保存一些对所有用户都可信赖的远程主机的公钥。&lt;br /&gt;&lt;br /&gt;五、公钥登录&lt;br /&gt;使用密码登录，每次都必须输入密码，非常麻烦。好在SSH还提供了公钥登录，可以省去输入密码的步骤。&lt;br /&gt;&lt;span class="hi"&gt;所谓"公钥登录"，原理很简单，就是用户将自己的公钥储存在远程主机上。登录的时候，远程主机会向用户发送一段随机字符串，用户用自己的私钥加密后，再发回来。远程主机用事先储存的公钥进行解密，如果成功，就证明用户是可信的，直接允许登录shell，不再要求密码。&lt;/span&gt;&lt;br /&gt;这种方法要求用户必须提供自己的公钥。如果没有现成的，可以直接用ssh-keygen生成一个：&lt;br /&gt;　　$ ssh-keygen&lt;br /&gt;运行上面的命令以后，系统会出现一系列提示，可以一路回车。其中有一个问题是，要不要对私钥设置口令（passphrase），如果担心私钥的安全，这里可以设置一个。&lt;br /&gt;运行结束以后，在$HOME/.ssh/目录下，会新生成两个文件：id_rsa.pub和id_rsa。前者是你的公钥，后者是你的私钥。&lt;br /&gt;这时再输入下面的命令，将公钥传送到远程主机host上面：&lt;br /&gt;　　&lt;span class="hi"&gt;$ ssh-copy-id user@host&lt;/span&gt;&lt;br /&gt;好了，从此你再登录，就不需要输入密码了。&lt;br /&gt;&lt;br /&gt;六、authorized_keys文件&lt;br /&gt;远程主机将用户的公钥，保存在登录后的用户主目录的$HOME/.ssh/authorized_keys文件中。公钥就是一段字符串，只要把它追加在authorized_keys文件的末尾就行了。&lt;br /&gt;&lt;br /&gt;这里不使用上面的ssh-copy-id命令，改用下面的命令，解释公钥的保存过程：&lt;br /&gt;　　$ ssh user@host 'mkdir .ssh &amp;&amp; cat &gt;&gt; .ssh/authorized_keys' &lt; ~/.ssh/id_rsa.pub&lt;br /&gt;这条命令由多个语句组成，依次分解开来看：（1）"$ ssh user@host"，表示登录远程主机；（2）单引号中的mkdir .ssh &amp;&amp; cat &gt;&gt; .ssh/authorized_keys，表示登录后在远程shell上执行的命令：（3）"$ mkdir .ssh"的作用是，如果用户主目录中的.ssh目录不存在，就创建一个；&lt;span class="hi"&gt;（4）'cat &gt;&gt; .ssh/authorized_keys' &lt; ~/.ssh/id_rsa.pub的作用是，将本地的公钥文件~/.ssh/id_rsa.pub，重定向追加到远程文件authorized_keys的末尾。&lt;/span&gt;&lt;br /&gt;写入authorized_keys文件后，公钥登录的设置就完成了。&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1357260101230097540?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1357260101230097540/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1357260101230097540' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1357260101230097540'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1357260101230097540'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/ssh-123-httpssshca-wifisshman-in-middle.html' title='SSH原理与运用（一）：远程登录 - 阮一峰的网络日志'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8630680608992081533</id><published>2012-01-02T00:31:00.003+08:00</published><updated>2012-01-02T00:32:54.324+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>How to Learn About Everything</title><content type='html'>&lt;a href="http://metamodern.com/2009/05/27/how-to-learn-about-everything/"&gt;How to Learn About Everything&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Studying to learn about everything&lt;br /&gt;&lt;br /&gt;To intellectually ambitious students I recommend investing a lot of time in a mode of study that may feel wrong. An implicit lesson of classroom education is that successful study leads to good test scores, but this pattern of study is radically different. It cultivates understanding of a kind that won’t help pass tests — the classroom kind, that is.&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;br /&gt;&lt;li&gt;Read and skim journals and textbooks that (at the moment) you only half understand. Include Science and Nature.&lt;br /&gt;&lt;li&gt;Don’t halt, dig a hole, and study a particular subject as if you had to pass a test on it.&lt;br /&gt;&lt;li&gt;Don’t avoid a subject because it seems beyond you — instead, read other half-understandable journals and textbooks to absorb more vocabulary, perspective, and context, then circle back.&lt;br /&gt;&lt;li&gt;Notice that concepts make more sense when you revisit a topic.&lt;br /&gt;&lt;li&gt;Notice which topics link in all directions, and provide keys to many others. Consider taking a class.&lt;br /&gt;&lt;li&gt;Continue until almost everything you encounter in Science and Nature makes sense as a contribution to a field you know something about.&lt;br /&gt;&lt;/ol&gt;&lt;br /&gt;Why is this effective?&lt;br /&gt;&lt;span class="hi"&gt;You learned your native language by immersion, not by swallowing and regurgitating spoonfuls of grammar and vocabulary.&lt;/span&gt; With comprehension of words and the unstructured curriculum of life came what we call “common sense”.&lt;br /&gt;&lt;br /&gt;The aim of what I’ve described is to learn an expanded language and to develop what amounts to common sense, but about an uncommonly broad slice of the world. Immersion and gradual comprehension work, and I don’t know of any other way.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8630680608992081533?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8630680608992081533/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8630680608992081533' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8630680608992081533'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8630680608992081533'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2012/01/how-to-learn-about-everything.html' title='How to Learn About Everything'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-5211112555609491298</id><published>2011-12-30T23:27:00.001+08:00</published><updated>2011-12-30T23:29:06.946+08:00</updated><title type='text'>關於「小確幸」的考察</title><content type='html'>&lt;a href="http://www.oui-blog.com/zha/archives/024499.html"&gt;關於「小確幸」的考察&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;據說它是村上春樹創造出來的詞，在google中鍵入此字，果然發現這個詞都跟村上兄連在一起。然而網路上大多只看能到幾句片段的話，比如：&lt;br /&gt;&lt;br /&gt;...『如果沒有這種小確幸，人生只不過像乾巴巴的沙漠而已』－村上春樹《終於悲哀的外國語》&lt;br /&gt;...「小確幸」就是生活中「微小但確切的幸福」的事，而「小確幸」的起源是來自村上春樹的一篇「小確幸」文章中，村上說他自己選購內褲，把洗滌過的潔淨內褲捲摺好然後整齊的放在抽屜中，就是一種微小而真確的幸福。&lt;br /&gt;我想進一步看到這個詞彙完整的前後文，因此循著前面兩條線索，我推論應該是《終於悲哀的外國語》裡面有那麼一篇＜小確幸＞吧。然而當我到書店裡翻出《終於悲哀的外國語》，卻找不到這樣的標題，我猜想，可能是有人誤記了文章篇名，這種狀況下，我只能用「速讀掃描法」把整本書翻過一遍，然而卻怎樣也沒發現這個詞。&lt;br /&gt;&lt;br /&gt;我拿起另外一本村上的散文集《尋找漩渦貓的方法》，因為它的封面跟《終於悲哀的外國語》滿相像，我猜想一定是有人搞混了，於是我再次用速讀掃描法搜尋「小確幸」，果然就讓我在＜郵購的種種、快樂貓的、「吃飯睡覺遊戲」手錶＞這篇文末找到了。&lt;br /&gt;&lt;br /&gt;那一段的大意是說，喜愛蒐集唱片的村上，某天找到一張喜愛的唱片，但因價格太高而作罷，三年後，竟在不同的地方找到同一張唱片，價格意外很便宜，讓他感到很快樂。於是他就有了這一段結論：&lt;br /&gt;&lt;br /&gt;「為了找出生活中個人的小確幸（雖然小，卻很確實的幸福），還是需要或多或少有類似自我節制的東西。例如忍耐著做完激烈運動之後，喝到冰冰的啤酒之類的時，會一個人閉上眼睛忍不住嘀咕道：『嗯，對了，就是這個』。那樣的興奮感慨，再怎麼說就是『小確幸』的真正妙味了。而且如果沒有這種小確幸，我認為人生只不過像乾巴巴的沙漠而已。」&lt;br /&gt;那篇文章標題很長，但並不是＜小確幸＞。原本以為，果然是有人把篇名搞錯，根本沒有＜小確幸＞這篇文章，正待發作，沒想到又在網路上查到，原來在《蘭格漢斯島的午后》這本散文裡，的確就有一篇＜小確幸＞，談的是關於內褲的事。&lt;br /&gt;&lt;br /&gt;我特地去圖書館翻了那篇，覺得反而沒有《尋找漩渦貓的方法》裡那段有意思。&lt;br /&gt;&lt;br /&gt;小確幸就是「雖然微小，卻很確實的幸福」的縮寫。以這個定義來看，有很多事都可以稱為小確幸吧？比如：早晨起來看見陽光，好幸福喔；喝一杯自己煮的咖啡，好幸福喔；冬天裡鑽進暖和的被窩，好幸福喔；喝著啤酒，好幸福喔....。&lt;br /&gt;&lt;br /&gt;然而真的是這樣嗎？&lt;br /&gt;我們可不是每天起床看到陽光就會感到小確幸，也不是每次喝咖啡的時候都會感到小確幸，我們只有在某些特定的時刻，才會感到小確幸。換句話說，小確幸沒辦法列出一個清單，讓我們照著做就能得到幸福感。差別在哪裡？&lt;br /&gt;&lt;br /&gt;這就是村上在《尋找漩渦貓的方法》裡那段提出來的，「小確幸的真正妙味」。&lt;br /&gt;「為了找出個人生活中的小確幸，還是需要或多或少有類似自我節制的東西。例如忍耐著做完激烈運動之後，喝到冰冰的啤酒之類的。」&lt;br /&gt;&lt;br /&gt;我想說得更清楚一點，那就是「飢餓感」。小確幸的前提，是飢餓感；或者根本所有的幸福之前提，就是飢餓感。因為滿足了小飢餓感，而得到小確幸，因為滿足了大飢餓感，而感到大幸福。&lt;br /&gt;&lt;br /&gt;如果沒有經過那種微小的飢餓、等待、尋找的過程，即使每天早上都可以泡咖啡、下午可以喝啤酒、晚上可以欣賞摺疊好的內褲、聽聽自己喜愛的唱片，那大概也不會有什麼幸福感吧。想一想，喝冰涼啤酒會很幸福，也是在忍耐劇烈運動的燠熱之後；看著折疊好的內褲會很幸福，也是因為花了很多時間在重複無聊的動作之後呀。&lt;br /&gt;&lt;br /&gt;因此，我們若想享受生活中的小幸福，一定要常常使自己有所不滿足，並且經歷那不滿足之苦，才會有滿足之甜。No pain no gain. 一樣的意思。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;好，既然有所謂的小確幸，那麼有沒有「大」而「虛幻」的幸福呢？&lt;br /&gt;&lt;br /&gt;噢，那不就是政治人物跟廣告商最擅長的事嗎？&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-5211112555609491298?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/5211112555609491298/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=5211112555609491298' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5211112555609491298'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5211112555609491298'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/blog-post_30.html' title='關於「小確幸」的考察'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2756396643003765617</id><published>2011-12-26T00:18:00.003+08:00</published><updated>2011-12-26T18:50:01.986+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>jquery essentials</title><content type='html'>http://speakerdeck.com/u/addyosmani/p/the-jquery-essentials-1&lt;br /&gt;&lt;script src="http://speakerdeck.com/embed/4eeacd28b9f971004c0052f0.js"&gt;&lt;/script&gt;&lt;br /&gt;&lt;br /&gt;=jQuery Structure=&lt;br /&gt;Core&lt;br /&gt;CSS&lt;br /&gt;Selectors&lt;br /&gt;//attribute selector&lt;br /&gt;$('input[name="attendeeName"]')&lt;br /&gt;&lt;br /&gt;Ajax&lt;br /&gt;Attributes&lt;br /&gt;Effects&lt;br /&gt;Properties&lt;br /&gt;Deferred Object&lt;br /&gt;Dimensions&lt;br /&gt;Events&lt;br /&gt;Manipulation&lt;br /&gt;Plugins&lt;br /&gt;Utilities&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2756396643003765617?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2756396643003765617/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2756396643003765617' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2756396643003765617'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2756396643003765617'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/jquery-essentials.html' title='jquery essentials'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4046248810925780186</id><published>2011-12-25T17:58:00.003+08:00</published><updated>2011-12-25T17:59:26.760+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>健康食物</title><content type='html'>&lt;a href="http://2.bp.blogspot.com/-AoP1BIDnxfk/Tvbz84zOXxI/AAAAAAAAAeM/KwW56vxXcoc/s1600/390676_307124635976952_100000382549264_1018906_1845337304_n%2B%25281%2529.jpg"&gt;&lt;img style="cursor:pointer; cursor:hand;width: 320px; height: 282px;" src="http://2.bp.blogspot.com/-AoP1BIDnxfk/Tvbz84zOXxI/AAAAAAAAAeM/KwW56vxXcoc/s320/390676_307124635976952_100000382549264_1018906_1845337304_n%2B%25281%2529.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5690003406594137874" /&gt;&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4046248810925780186?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4046248810925780186/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4046248810925780186' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4046248810925780186'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4046248810925780186'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/blog-post.html' title='健康食物'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://2.bp.blogspot.com/-AoP1BIDnxfk/Tvbz84zOXxI/AAAAAAAAAeM/KwW56vxXcoc/s72-c/390676_307124635976952_100000382549264_1018906_1845337304_n%2B%25281%2529.jpg' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1060186706869430829</id><published>2011-12-25T17:45:00.004+08:00</published><updated>2011-12-25T19:33:37.205+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>Sleep (or how to hack your brain) + Dustin Curtis</title><content type='html'>&lt;a href="http://www.dustincurtis.com/sleep.html"&gt;Sleep (or how to hack your brain) + Dustin Curtis&lt;/a&gt;&lt;br /&gt;&lt;a href="http://en.wikipedia.org/wiki/Non-24-hour_sleep-wake_syndrome"&gt;Non-24-hour sleep-wake syndrome - Wikipedia, the free encyclopedia&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;The most simple is the “Siesta” method, which includes just one nap in the day and then a huge chunk of sleep at night. Remarkably, adding just one nap during the day shaves an hour and forty minutes off your total sleep requirement.&lt;br /&gt;&lt;img src="http://www.dustincurtis.com/images/sleep/2_mans.png"&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1060186706869430829?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1060186706869430829/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1060186706869430829' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1060186706869430829'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1060186706869430829'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/sleep-or-how-to-hack-your-brain-dustin.html' title='Sleep (or how to hack your brain) + Dustin Curtis'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-86474566060444615</id><published>2011-12-25T16:22:00.000+08:00</published><updated>2011-12-25T16:23:02.259+08:00</updated><title type='text'>cdto - Finder Toolbar app to open the current directory in the Terminal</title><content type='html'>&lt;a href="http://code.google.com/p/cdto/wiki/InstallAndUsage"&gt;cdto - Finder Toolbar app to open the current directory in the Terminal&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;Install&lt;br /&gt;&lt;br /&gt;To install "&gt; cd to ..." copy it to your Applications folder, and then from the applications folder drag it into the Finder toolbar.&lt;br /&gt;&lt;br /&gt;Usage&lt;br /&gt;To use just click on it in the Toolbar and it will open the terminal window&lt;br /&gt;&lt;br /&gt;To use with iTerm or X11/xterm, using the finder contextual menu "show package contents" and exchange the plugins in the Plugin/Plugin Disabled folders respectively. Next time you run "cd to" it should open with the correct application.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-86474566060444615?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/86474566060444615/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=86474566060444615' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/86474566060444615'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/86474566060444615'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/cdto-finder-toolbar-app-to-open-current.html' title='cdto - Finder Toolbar app to open the current directory in the Terminal'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-5945374606931458013</id><published>2011-12-25T14:48:00.004+08:00</published><updated>2011-12-25T14:53:07.538+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>movist - Movie Player for Mac OS X based on QuickTime &amp; FFmpeg</title><content type='html'>&lt;a href="http://code.google.com/p/movist/downloads/detail?name=Movist_v0.6.8.zip&amp;can=2&amp;q="&gt;movist - Movie Player for Mac OS X based on QuickTime &amp; FFmpeg&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;可以載入多個字幕(最多三個)並且設定分別的顯示位置&lt;br /&gt;可以設定字幕位置低於螢幕&lt;br /&gt;可以設定字幕編碼&lt;br /&gt;左右鍵可以向前後跳10秒&lt;br /&gt;option+左右鍵可以向前後跳60秒&lt;br /&gt;&lt;br /&gt;vlc player新版的沒辦法調整字型大小&lt;br /&gt;via: &lt;a href="http://hintsforums.macworld.com/archive/index.php/t-121966.html"&gt;VLC subtitles Preferencesparagon&lt;/a&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-5945374606931458013?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/5945374606931458013/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=5945374606931458013' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5945374606931458013'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5945374606931458013'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/movist-movie-player-for-mac-os-x-based.html' title='movist - Movie Player for Mac OS X based on QuickTime &amp; FFmpeg'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8660602343160518002</id><published>2011-12-25T14:27:00.002+08:00</published><updated>2011-12-25T14:29:41.431+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>enca -- detect and convert encoding of text files</title><content type='html'>&lt;a href="http://linux.die.net/man/1/enca"&gt;enca -- detect and convert encoding of text files&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;brew install enca&lt;br /&gt;&lt;br /&gt;檢查文件編碼&lt;br /&gt;[~/dev/google.code/project/subutil] $ enca foo.srt&lt;br /&gt;Traditional Chinese Industrial Standard; Big5&lt;br /&gt;  CRLF line terminators&lt;br /&gt;&lt;br /&gt;將文件編碼轉換成utf-8&lt;br /&gt;[~/dev/google.code/project/subutil] $ enca -x UTF-8 &lt; foo.srt &gt; foo.ut8.srt&lt;br /&gt;enca: Iconv conversion error on `/tmp/encaWvyWlGJf': Illegal byte sequence&lt;br /&gt;&lt;br /&gt;不一定會成功, 比較可行的方式是 check 編碼後直接在 vlc player 把預設字幕編碼改掉&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8660602343160518002?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8660602343160518002/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8660602343160518002' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8660602343160518002'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8660602343160518002'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/enca-detect-and-convert-encoding-of.html' title='enca -- detect and convert encoding of text files'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2246117620337792216</id><published>2011-12-19T10:57:00.000+08:00</published><updated>2011-12-19T10:58:50.893+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='boardgame'/><title type='text'>[遊戲介紹]唐人街Chinatown @ 桌遊地圖室 :: 痞客邦 PIXNET ::</title><content type='html'>&lt;a href="http://heyjude0929.pixnet.net/blog/post/29083270-[%E9%81%8A%E6%88%B2%E4%BB%8B%E7%B4%B9]%E5%94%90%E4%BA%BA%E8%A1%97chinatown"&gt;[遊戲介紹]唐人街Chinatown @ 桌遊地圖室 :: 痞客邦 PIXNET ::&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;另外有90個商店版塊，共有十二種，上面印有數字3~6，代表商店最大的規模為多少。&lt;br /&gt;例如海鮮店上面的數字為3，代表玩家把3間海鮮店的店鋪連在一起時可以獲得最大獲益，但也是海鮮店的極限。&lt;br /&gt;原則上玩家要盡量透過交易地契或商店來讓自己相同的商店連在一起，&lt;br /&gt;這樣自己每一回合結束都會有龐大的收入。&lt;br /&gt;&lt;br /&gt;遊戲開始前玩家先拿取5萬元以及一組玩家標記，將商店版塊都放進布袋裡洗勻，&lt;br /&gt;再將時間標記放在1965年的位置，遊戲總共進行六年(六回合)。&lt;br /&gt;&lt;br /&gt;每回合流程如下:&lt;br /&gt;1.抽取店鋪地契牌&lt;br /&gt;依人數以及回合數不同，會分給每個玩家固定數量的地契牌，然後玩家決定要保留哪些。&lt;br /&gt;棄掉的地契牌會放回牌堆，下一回合會再洗勻一次。&lt;br /&gt;然後玩家依照自己保留的地契牌上的數字，放置自己的標記在圖版上。&lt;br /&gt;&lt;br /&gt;3人遊戲：7/5；6/4；6/4；6/4；6/4；6/4 &lt;br /&gt;4人遊戲：6/4：5/3：5/3：5/3：5/3：5/3 &lt;br /&gt;5人遊戲：5/3：5/3：5/3；4/2；4/2；4/2&lt;br /&gt;&lt;br /&gt;以三人遊戲為例，第一回合抽七張留五張，第二回合抽六張留四張，依此類推。&lt;br /&gt;&lt;br /&gt;2.抽取商店版塊&lt;br /&gt;根據玩家人數和回合數，從布袋中抽取固定數量的商店版塊。&lt;br /&gt;第一回合是抽取步驟1中較大的數字，之後的回合都是抽取較小的數字。&lt;br /&gt;同樣以三人遊戲為例，第一回合抽七個商店版塊，之後都是抽四個。&lt;br /&gt;&lt;br /&gt;3.交易&lt;br /&gt;玩家可以就任意東西作交易，金錢、商店版塊或地契。&lt;br /&gt;但已經蓋好的商店不可以移動或移除。&lt;br /&gt;若是用地契或蓋好的商店作交易，則必須改變上面的玩家標記。&lt;br /&gt;要注意的是未來的承諾並無任何約束力，只有當前的交易才有約束力。&lt;br /&gt;另外如果有人說我用一杯多多綠跟你換兩個商店版塊和一個地契時，其他人可以圍毆他(誤)，&lt;br /&gt;請勿用遊戲外的東西來交易。&lt;br /&gt;&lt;br /&gt;4.蓋商店&lt;br /&gt;由起始玩家開始依順時針方向，決定要蓋多少商店版塊在未開發的土地上，也可以都不蓋，留到下回合。&lt;br /&gt;&lt;br /&gt;5.收入&lt;br /&gt;玩家蓋好的商店會有收入。每個相同種類又相連的商店視為同一群。&lt;br /&gt;商店版塊上的數字代表它必須要幾個屬於自己的相同商店相連才算完整的商店群。&lt;br /&gt;若相連的商店版塊數量超過其數字，則當作兩群來計算。&lt;br /&gt;&lt;br /&gt;不完整：1個10k；2個20k；3個40k；4個60k；5個80k &lt;br /&gt;   完整：3個50k；4個80k；5個110k；6個140k&lt;br /&gt;&lt;br /&gt;以數字4的水族館為例，若是只有兩個版塊相鄰則收入是20k，&lt;br /&gt;如果能湊滿四個成為完整商店群的話則收入暴增為80k。&lt;br /&gt;若五個相鄰則收入為80k加10k。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2246117620337792216?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2246117620337792216/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2246117620337792216' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2246117620337792216'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2246117620337792216'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/12/chinatown-pixnet.html' title='[遊戲介紹]唐人街Chinatown @ 桌遊地圖室 :: 痞客邦 PIXNET ::'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-7312125143199903893</id><published>2011-11-21T14:43:00.001+08:00</published><updated>2011-11-21T14:43:31.737+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>Organizing your application using Modules (require.js)</title><content type='html'>&lt;a href="http://backbonetutorials.com/organizing-backbone-using-modules/"&gt;Organizing your application using Modules (require.js)&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-7312125143199903893?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/7312125143199903893/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=7312125143199903893' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7312125143199903893'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7312125143199903893'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/organizing-your-application-using.html' title='Organizing your application using Modules (require.js)'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-7907214547028757059</id><published>2011-11-17T18:35:00.001+08:00</published><updated>2011-11-17T18:36:31.740+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='software'/><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>guard/guard - GitHub</title><content type='html'>&lt;a href="https://github.com/guard/guard#readme"&gt;guard/guard - GitHub&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Guard is a command line tool to easily handle events on file system modifications (FSEvent / Inotify / Polling support).&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;tag: git hub watch guard&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-7907214547028757059?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/7907214547028757059/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=7907214547028757059' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7907214547028757059'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7907214547028757059'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/guardguard-github.html' title='guard/guard - GitHub'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6637081080449364976</id><published>2011-11-13T00:24:00.001+08:00</published><updated>2011-11-13T00:24:28.182+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>Mac] Xee v2.2 輕便好用的看圖軟體 (Mac界的IrfanView、ACDSee)</title><content type='html'>&lt;a href="http://briian.com/?p=5844"&gt;Mac] Xee v2.2 輕便好用的看圖軟體 (Mac界的IrfanView、ACDSee)&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6637081080449364976?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6637081080449364976/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6637081080449364976' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6637081080449364976'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6637081080449364976'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/mac-xee-v22-macirfanviewacdsee.html' title='Mac] Xee v2.2 輕便好用的看圖軟體 (Mac界的IrfanView、ACDSee)'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4682672279936569491</id><published>2011-11-11T16:09:00.001+08:00</published><updated>2011-11-11T16:10:28.578+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>s3fs</title><content type='html'>如果 brew install s3fs 不會過的話,&lt;br /&gt;手動安裝&lt;a href="http://fuse4x.org/"&gt;fuse4x&lt;/a&gt; 之後再執行 brew intsall s3fs.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4682672279936569491?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4682672279936569491/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4682672279936569491' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4682672279936569491'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4682672279936569491'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/s3fs.html' title='s3fs'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1584616976992660890</id><published>2011-11-10T18:28:00.003+08:00</published><updated>2011-11-10T18:50:51.510+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='http'/><title type='text'>HTTP cookie - Wikipedia, the free encyclopedia</title><content type='html'>&lt;a href="http://en.wikipedia.org/wiki/Http_cookie#HttpOnly_cookie"&gt;HTTP cookie - Wikipedia, the free encyclopedia&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Setting a cookie&lt;br /&gt;Transfer of Web pages follows the HyperText Transfer Protocol (HTTP). Regardless of cookies, browsers request a page from web servers by sending them a usually short text called HTTP request. For example, to access the page http://www.example.org/index.html, browsers connect to the server www.example.org sending it a request that looks like the following one:&lt;table&gt;&lt;br /&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;div style="border:solid thin; padding:0 1em;"&gt;&lt;p&gt;&lt;tt&gt;GET /index.html HTTP/1.1&lt;br&gt;Host: www.example.org&lt;br&gt;&lt;br&gt;&lt;/tt&gt;&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;b&gt;browser&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;center&gt;-------→&lt;/center&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;server&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;The server replies by sending the requested page preceded by a similar packet of text, called 'HTTP response'. This packet may contain lines requesting the browser to store cookies:&lt;table&gt;&lt;br /&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;div style="border:solid thin; padding:0 1em;"&gt;&lt;br /&gt;&lt;p&gt;&lt;tt&gt;HTTP/1.1 200 OK&lt;br&gt;Content-type: text/html&lt;br&gt;&lt;span style="color:green;"&gt;Set-Cookie: name=value&lt;/span&gt;&lt;br&gt;&lt;span style="color:green;"&gt;Set-Cookie: name2=value2; Expires=Wed, 09 Jun 2021 10:18:14 GMT&lt;/span&gt;&lt;br&gt;&amp;nbsp;&lt;br&gt;(content of page)&lt;/tt&gt;&lt;/p&gt;&lt;/div&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;b&gt;browser&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;center&gt;←-------&lt;/center&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;server&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt; &lt;br /&gt;(content of page)&lt;br /&gt;browser &lt;br /&gt;←-------&lt;br /&gt;server&lt;br /&gt;The server sends lines of Set-Cookie only if the server wishes the browser to store cookies. Set-Cookie is a directive for the browser to store the cookie and send it back in future requests to the server (subject to expiration time or other cookie attributes), if the browser supports cookies and cookies are enabled. For example, the browser requests the page http://www.example.org/spec.html by sending the server www.example.org a request like the following:&lt;br /&gt;GET /spec.html HTTP/1.1&lt;br /&gt;Host: www.example.org&lt;br /&gt;Cookie: name=value; name2=value2&lt;br /&gt;Accept: */*&lt;br /&gt; &lt;br /&gt;browser &lt;br /&gt;-------→&lt;br /&gt;server&lt;br /&gt;This is a request for another page from the same server, and differs from the first one above because it contains the string that the server has previously sent to the browser. This way, the server knows that this request is related to the previous one. The server answers by sending the requested page, possibly adding other cookies as well.&lt;br /&gt;The value of a cookie can be modified by the server by sending a new Set-Cookie: name=newvalue line in response of a page request. The browser then replaces the old value with the new one.&lt;br /&gt;The term "cookie crumb" is sometimes used to refer to the name-value pair.[23] This is not the same as breadcrumb web navigation, which is the technique of showing in each page the list of pages the user has previously visited; this technique, however, may be implemented using cookies.&lt;br /&gt;Cookies can also be set by JavaScript or similar scripts running within the browser. In JavaScript, the object document.cookie is used for this purpose. For example, the instruction document.cookie = "temperature=20" creates a cookie of name temperature and value 20.[24]&lt;br /&gt;[edit]&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1584616976992660890?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1584616976992660890/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1584616976992660890' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1584616976992660890'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1584616976992660890'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/http-cookie-wikipedia-free-encyclopedia.html' title='HTTP cookie - Wikipedia, the free encyclopedia'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1235400515943311045</id><published>2011-11-10T11:17:00.002+08:00</published><updated>2011-11-10T11:19:49.566+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='http'/><title type='text'>HttpOnly cookie</title><content type='html'>設定cookie時可以指定為 HttpOnly Cookie, 這個 cookie 無法被 javascript 讀出來 (ex: document.cookie)&lt;br /&gt;&lt;br /&gt;&lt;a href="http://blog.miniasp.com/post/2009/11/26/Using-HttpOnly-flag-to-avoid-XSS-attack.aspx"&gt;The Will Will Web | 設定 Cookie 時可善用 HttpOnly 特性減低網站安全風險(XSS)&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Cookie hijacking 是個很常見的 XSS 攻擊手法，大多是利用網站既有的 XSS 漏洞並透過 JavaScript 取得 documnet.cookie 資料，而 documnet.cookie 就包含所有你在該網頁所有可用的 Cookie 資料，但若你的網站程式在設定 Cookie 的時候有特別加上 HttpOnly 屬性，就可以進一步避免該頁的 Cookie 被 JavaScript 存取，也可保護使用者的 Cookie 不會偷走。&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://erlend.oftedal.no/blog/?blogid=33"&gt;[Security] HTTP-only cookies&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Vidar wrote an interesting article pointing me to HTTPOnly-cookies. Microsoft created this extension to the cookie standard, to allow servers to issue cookies with a special HttpOnly-flag. This flag makes the cookie inaccessible to javascript in supported browsers (currently only newer versions of IE supports this feature fully).&lt;br /&gt;&lt;br /&gt;The set-cookie header looks like this:&lt;br /&gt;Set-Cookie: USER=123; expires=Wednesday, 09-Nov-99 23:12:40 GMT; HttpOnly&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="https://www.owasp.org/index.php/HttpOnly#Who_developed_HttpOnly.3F_When.3F"&gt;HttpOnly - OWASP&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1235400515943311045?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1235400515943311045/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1235400515943311045' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1235400515943311045'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1235400515943311045'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/httponly-cookie.html' title='HttpOnly cookie'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-3508282929440239712</id><published>2011-11-10T11:11:00.000+08:00</published><updated>2011-11-10T11:12:39.743+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='canvas'/><title type='text'>HTML5 Canvas的Origin-Clean安全原則 - 黑暗執行緒</title><content type='html'>&lt;a href="http://blog.darkthread.net/post-2011-11-02-html5-canvas-orgin-clean.aspx"&gt;HTML5 Canvas的Origin-Clean安全原則 - 黑暗執行緒&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;前幾天介紹了如何利用toDataURL()將canvas繪製結果轉為圖檔的做法，但實際應用時，卻發現常常會冒出奇怪的錯誤:&lt;br /&gt;&lt;br /&gt;在IE, Chrome或Safari上出現: SECURITY_ERR: DOM Exception 18&lt;br /&gt;在FireFox則是冒出: 0x805303e8 (NS_ERROR_DOM_SECURITY_ERR)&lt;br /&gt;原來，跟Cross-Site Scripting的限制一樣，HTML canvas也有其安全原則! 簡單來說，可想成每個canvas有個origin-clean旗標，一開始預設為true，一旦有下列任一情況發生時，origin-clean旗標即被設為false:&lt;br /&gt;&lt;br /&gt;drawImage()時，使用與document不同來源(origin，跟瀏覽器跨網域議題裡網域的概念差不多)的image或video作為材料&lt;br /&gt;drawImage()時，使用orgin-clean=false的canvas作為材料&lt;br /&gt;fillStyle使用其他來源的image或video作為pattern&lt;br /&gt;fillStyle使用其他orgin-clean=false的canvas建立的pattern&lt;br /&gt;strokeStyle使用其他來源的image或video作為pattern&lt;br /&gt;strokeStyle使用其他orgin-clean=false的canvas建立的pattern&lt;br /&gt;fillText()或strokeText()使用其他來源的字型&lt;br /&gt;一旦canvas的orgin-clean旗標被設為false，此時若呼叫toDataURL()、getDataImage()或measureText()等方法，都會引發安全性錯誤[DOMException.SECURITY_ERR (18)]! 最簡單的例子，就是網站A網頁上的canvas，在drawImage時，引用了放在網站B的某個圖檔當作&lt;img&gt; src，則該canvas就無法再執行toDataURL()了!&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-3508282929440239712?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/3508282929440239712/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=3508282929440239712' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3508282929440239712'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3508282929440239712'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/html5-canvasorigin-clean.html' title='HTML5 Canvas的Origin-Clean安全原則 - 黑暗執行緒'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2998339644692715794</id><published>2011-11-10T10:57:00.001+08:00</published><updated>2011-11-10T11:00:28.048+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>新店步道</title><content type='html'>&lt;a href="http://travel.mtaipei.tw/index_m.php?ptype=map_main&amp;id=555"&gt;(美美美) 直潭山登山步道導覽圖&lt;/a&gt;&lt;br /&gt;&lt;a href="http://blog.xuite.net/chengbin/barefoot/7151867"&gt;銀河洞越嶺步道 @ 我的赤腳旅行‧My Barefoot Travel :: 隨意窩 Xuite日誌&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.tonyhuang39.com/tony0807/tony0807.html"&gt;[台北新店]．行啟紀念碑．屈尺道碣．礦工寮．和美山新步道．灣潭 (Tony的自然人文旅記第0807篇)&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.tonyhuang39.com/tony0832/tony0832.html"&gt;[新北市新店] ．碧潭．和美山步道 (Tony的自然人文旅記第0832篇)&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2998339644692715794?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2998339644692715794/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2998339644692715794' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2998339644692715794'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2998339644692715794'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/blog-post_7928.html' title='新店步道'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4385960192881665842</id><published>2011-11-10T10:12:00.001+08:00</published><updated>2011-11-10T10:20:39.693+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='terms'/><title type='text'>邪典電影 - 维基百科，自由的百科全书</title><content type='html'>&lt;a href="http://zh.wikipedia.org/wiki/%E9%82%AA%E5%85%B8%E7%94%B5%E5%BD%B1"&gt;邪典電影 - 维基百科，自由的百科全书&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;邪典電影（Cult Film）是指那些在小圈子內被支持者喜愛及推崇的電影，也可稱為非主流電影或另類電影。這種電影通常難以獲得小圈子外的大規模票房成功。它不是一種嚴格的電影類型，也不是一種電影風格。因為所處的地區不同，Cult Film的定義非常難下定論，例如香港的武俠片以及日本的特攝片尤其是怪獸系列，被歐美視為Cult Film，在當地則列入主流電影，廣範且成功得到商業利益。&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://news.santacruz.com/2011/09/14/top_ten_cult_films_then_and_now"&gt;Top Ten Cult Films, Then And Now - Santa Cruz News&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;1. THE BIG LEBOWSKI (1998)  The movie that saved cult movies. Coming off hits Raising Arizona and Fargo, no one expected anything less than a slam dunk at the box office from the Coen brothers when Lebowski was released. But writer/directors the Coens had layered the movie so densely—packing it with circular dialogue, out-there characters and enough quotable lines for 10 movies—that audiences simply couldn’t digest it in one sitting in theaters.&lt;br /&gt;&lt;br /&gt;The Big Lebowski disappeared quickly, and it wasn’t until movie geeks started watching the movie over and over that its sheer magnificence shone through. The Big Lebowski had such an effect on fans that in the early 2000s they started dressing in robes like The Dude and going to midnight screenings (full disclosure: I was one of them). Viewings were accompanied by White Russians and sometimes bowling (never on Shabbas).&lt;br /&gt;&lt;br /&gt;Eventually, four duderinos started the now-legendary Lebowski Fests, wrote a book about it called I’m a Lebowski, You’re a Lebowski where they extensively quoted the movie’s cultists (full disclosure: I was one of them), and finally brought the original cast back together in New York for a reunion this month.&lt;br /&gt;&lt;br /&gt;2. DONNIE DARKO (2001) The fact that this film flopped can’t be blamed entirely on the fact that it was released right after 9/11, or even that final cut was taken away from director Richard Kelly, resulting in a theatrical version that didn’t make sense. Even after the director’s cut restored the film’s logic with extensive backstory, people realized that this movie was just un-freakin’-believably weird.&lt;br /&gt;&lt;br /&gt;But Donnie Darko’s creepy vision of a teenager either losing his mind or trapped in a time-travel nightmare hooked fans on home video. (Kelly is adamant that the sci-fi stuff in the film should be taken as real, and the director’s cut makes this way more obvious, but after many viewings of both I actually prefer the greater ambiguity of the theatrical version.) Jake Gyllenhaal’s performance as the title character is perfectly twisted, and Kelly’s use of the soundtrack is genius. The film’s current level of cult fame was best summed up in Campbell electro group the Limousines’ song “Very Busy People”: “That Donnie Darko DVD has been repeating for a week, and we know every single word.”&lt;br /&gt;&lt;br /&gt;3. ANCHORMAN (2004) Loved by many, loathed by some, this first collaboration from producer Judd Apatow, director Adam McKay and star Will Ferrell eventually paved the way for their megahit Talladega Nights. But at the time, the mainstream found Anchorman puzzling, and audiences never gave it a chance.&lt;br /&gt;&lt;br /&gt;It had that stupid Ron Jeremy–parodying subtitle “The Legend of Ron Burgundy,” and was filled with highly improvised, absurd and even nonsensical humor, not to mention an unrecognizable Paul Rudd (I still forget it’s him). What’s more, it is the kind of movie that makes you laugh maybe three or four times on first viewing, a little more often the second time through, and so on until it can have fans rolling in sheer anticipation of lines and news-anchor gang fights to come. Steve Carell recently named über-dolt Brick Tamland as his favorite character he’s ever played. He also loves lamp.&lt;br /&gt;&lt;br /&gt;4. FIGHT CLUB (1999)  In his great tell-all What Just Happened? , producer Art Linson remembers that Fox executives completely freaked out when they first saw the movie they had paid David Fincher to make out of Chuck Palahniuk’s book. The way he tells it, they were downright scared of the film and its Molotov cocktail of anti-consumerism, violence, anarchy and man boobs, and made it their mission to sabotage the success of their own movie.&lt;br /&gt;&lt;br /&gt;But it quickly found an audience on DVD, with a whole generation of disaffected suburban white kids turning “I am Jack’s (fill in the blank)” into their own punk manifesto. Most fascinating to me is Fincher’s obsession with putting bizarre suicide attempts at the end of his films (he also did it in Se7en and The Game). His recurring message seems to be: In order to be free in the modern world, you have to be willing to give up everything, including your life. In any case, the finale, set to the Pixies’ “Where Is My Mind?,” is one of the most subversive and lyrical of any film ever.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;5. AUDITION (1999) Japanese director Takashi Miike is a cult-movie machine. Ichi the Killer, Visitor Q and Gozu all have their followings, but Audition is the film that made movie geeks sit up and take notice. Ironically, it’s also his most simple and straightforward film.&lt;br /&gt;&lt;br /&gt;The first hour is deceptively mundane, telling the story of a Japanese widower who is convinced to audition girls to be his new wife (using a nonexistent film role as cover). He picks the one who seems to be the sweetest and most submissive of all, Asami.&lt;br /&gt;&lt;br /&gt;Of course, this is all a set-up for one of the nastiest third acts in the history of horror, and the film quickly became a favorite of both gorehounds and art-movie types with a strong stomach. Everybody else walked out (I first saw it at a mall in L.A. where most of the small audience really did). The last decade has seen a return to extreme filmmaking—from junk like August Underground to the incredible French film Inside—but nothing has had the power of Miike’s movie.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;6. THE ROOM (2003) A brief history of The Room: Rejected by the studios, director Tommy Wiseau spends $6 million financing his own film, of which he is also the star. Critics barely even have time to rip it to shreds before it disappears from theaters.&lt;br /&gt;&lt;br /&gt;Then, like so many cult films before it, it gets booked as a midnight movie. For six years, it plays once a month in L.A., and word of mouth spreads about this latest contender in the “worst film of all time” sweepstakes, a barely comprehensible melodrama driven not so much by its love-triangle plot as by non sequiturs and unintentionally hilarious dialogue. &lt;br /&gt;Wiseau suddenly claims the unintentional humor was intentional. No one believes him. The movie goes on the road to sold-out screenings, beginning in New York. The two most famous WTF scenes—a rooftop conversation (“I did not hit her, I did not … Oh, hi Mark!”) and a scene where the guys throw around a football in tuxedos, go viral on YouTube, drawing even more barely suspecting victims to its midnight screenings.&lt;br /&gt;&lt;br /&gt;Fans begin throwing plastic spoons at the screen (a reference to a framed picture of a spoon that Wiseau fixates on for no reason), inviting comparisons to the rabid cult of Rocky Horror Picture Show 30 years earlier. Wiseau’s performance alone—he comes across like a malfunctioning Christopher Walken android with a heavy, impossible to place accent—guarantees this will be a cult favorite for years to come.&lt;br /&gt;&lt;br /&gt;7. MULHOLLAND DRIVE (2001) Throughout his career, David Lynch has basically made one cult film after another, his dream-state logic and hallucinogenic imagery never fully connecting with mainstream audiences. Whether it’s Eraserhead, Blue Velvet, TV’s Twin Peaks or Wild at Heart, his films were pretty much surefire cult stuff until the ’90s, when the Twin Peaks movie, some failed TV shows and Lost Highway turned even movie geeks off.&lt;br /&gt;&lt;br /&gt;His comeback was this film, originally filmed as a TV movie, then reworked extensively to be a feature film after ABC execs rejected it. (Its history can be traced even further back, as Lynch has said it was born out of his ideas for a third season of Twin Peaks that never came about.) In retrospect, it’s easy to see that Lost Highway was basically a failed dry run for Mulholland Drive—it uses identical plot devices like characters with two different identities and nonlinear structures.&lt;br /&gt;&lt;br /&gt;But with Mulholland Drive, possibly his best film, Lynch was able to prop up his mysterious storyline with an actual narrative solution, which was so subtly embedded in the film that most viewers didn’t catch it until the second or third viewings (anyone who never figured it out or wrote the movie off as nonsensical should google Lynch’s own 10 clues).&lt;br /&gt;&lt;br /&gt;Of course, it’s not all about the destination—the journey through the world of Mulholland Drive is one of the most fascinating Lynch has ever devised, with Naomi Watts’ intense performance grounding the surreal surroundings.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;8. WET HOT AMERICAN SUMMER (2001)  The people behind this movie claim it’s based on their actual experiences. If that’s even remotely true, summer camp may quickly replace drugs and gangs as the number-one threat to the youth of America.&lt;br /&gt;&lt;br /&gt;In reality, this movie is an absurdist twist on the early-’80s films that tried to cash in on the success of Animal House by setting their teen hi-jinx at camp. (Yes, Meatballs, but also the much lesser-known Gorp, which like this movie is set at a Jewish summer camp).&lt;br /&gt;&lt;br /&gt;Wet Hot American Summer throws in black comedy, Monty Python–type scenes like the most awesomely funny motorcycle chase ever, and insane plot threads like a talking can of vegetables and the threat of Skylab falling on Camp Firewood. Most critics and audiences didn’t get it, and despite a cast featuring Janeane Garofalo, David Hyde Pierce, Paul Rudd, Elizabeth Banks and Amy Poehler (not to mention the screen debut of The Hangover’s Bradley Cooper), it flopped big time. But it found a cult following on video and within a few years was making the midnight movie rounds.&lt;br /&gt;&lt;br /&gt;9. HAROLD &amp; KUMAR GO TO WHITE CASTLE (2004) The little stoner movie that could. Written off by the uninitiated as braindead on arrival, those who actually gave this movie a chance were surprised to discover it’s actually a pretty sharp piece of social satire. Stars John Cho and Kal Penn deserve a lot of the credit for playing Harold and Kumar with charm and a certain innocence.&lt;br /&gt;&lt;br /&gt;The other smart thing about Harold &amp; Kumar Go to White Castle is that unlike bad stoner movies like Pineapple Express, it doesn’t overcomplicate things with unnecessary plot. This movie is, on a story level at least, about nothing but Harold and Kumar trying to find a White Castle. What they encounter along the way, like Neil Patrick Harris in the cameo that made him cool, is what makes the movie.&lt;br /&gt;&lt;br /&gt;The cult for this got so big that there was a 2008 sequel, Harold &amp; Kumar Escape From Guatanamo Bay, with a slightly bigger budget and a slightly bigger take at the box office. It satisfied cultists, leading to the upcoming A Very Harold &amp; Kumar Christmas.&lt;br /&gt;&lt;br /&gt;10. BLACK DYNAMITE (2009) The blaxploitation genre was deserted by the masses long ago; even Quentin Tarantino couldn’t do much for it with his tribute, Jackie Brown. Along comes musclebound actor Michael Jai White (best known for bits parts in Universal Soldier and The Dark Knight, and for starring in Spawn), who had an idea in 2006 for the ultimate blaxploitation badass, making a $500 trailer and co-writing a script with director Scott Sanders and co-star Byron Minns.&lt;br /&gt;&lt;br /&gt;The humor is so deadpan and the attention to detail so perfect that it’s almost too easy to call Black Dynamite a spoof or even an homage—it’s more like an honest-to-god blaxploitation film with every element pushed to the point of absurdity. White’s portrayal of the Vietnam vet/ex-CIA title character is almost freakishly spot on, and the movie follows in the footsteps of Rudy Ray Moore’s Dolemite with its vision of an oversexed, superbad African American alpha male on a rampage.&lt;br /&gt;&lt;br /&gt;The lines are endlessly quotable (“Why, Black Dynamite? Why?”), and even the little soul songs that describe the plot throughout the film are note-perfect. The movie was finally released in 2009, but only played in theaters for two weeks; it found a following at midnight screenings and on DVD. You can bet Tarantino has two copies.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;TOP TEN CLASSIC CULT FILMS&lt;br /&gt;&lt;br /&gt;1. BLADE RUNNER (1982) In three decades, the reputation of Ridley Scott’s best film has swung slowly from “unlovable big-budget sci-fi flop” to “the pinnacle of cinematic achievement.” No kidding, this is now the movie that every geek on the Internet seems to use to prove they have good taste in movies—the ultimate insult in a movie-related flame war goes something along the lines of “Well, I watch movies like Blade Runner and The Big Lebowski, you probably like Twilight.”&lt;br /&gt;&lt;br /&gt;That’s a far cry from what people were saying in 1982, when it failed to be the blockbuster hit that everyone expected from the director of Alien and a leading man who had just played Han Solo and Indiana Jones. But critics and audiences found Scott’s vision of epic future-fail too dark, and Harrison Ford too cold and distant as android hunter Rick Deckard. &lt;br /&gt;On home video though, there was time to watch every incredible detail of Scott’s dystopian Los Angeles in 2019 (it could still happen, people!) over and over. And now we know that Ford played the character that way to suggest that Deckard was himself an android (don’t argue, just give in to the red-eye and unicorn clues).&lt;br /&gt;&lt;br /&gt;After exhausting the five-disc “Ultimate Collector’s” DVD (with all three cuts of the movie) and reading the making-of book, I can safely say there’s nothing about the story of this movie that hasn’t been told by now. And yet, there’s a mystical, more-than-the-sum-of-its parts quality to the film that continues to promise the revelation of new secrets with each repeat viewing. In other words, it is the ultimate cult movie.&lt;br /&gt;&lt;br /&gt;2. THE ROCKY HORROR PICTURE SHOW (1975) This ranking doesn’t have much to do with the quality of the film: it is neither as life-alteringly amazing as its die-hard fans claim, or as abysmally awful as its critics say. It’s a fun, campy and, for its time, pretty edgy little genre mash-up that manages to pay tribute to musicals, monster movies and science fiction double features at the same time that it subverts their button-down moralizing. (Tim Curry as the cross-dressing Dr. Frank-N-Furter is the highlight of every scene he’s in.) &lt;br /&gt;The simple truth is: There wouldn’t be cult films as we know them today without Rocky Horror Picture Show. It started the midnight movie craze and still brings out hordes of dressed-up, line-spewing, toast-chucking fanatics wherever and whenever it’s shown.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;3. THIS IS SPINAL TAP (1984) There’s a reason why this is the most quoted cult film of all time. First-time viewers will latch on to the most obvious jokes—“these go to 11,” “none more black.”&lt;br /&gt;&lt;br /&gt;But getting sucked into this mother of all mockumentaries is like going down the rabbit hole. By the third or fourth viewing, more subtle stuff like “mime is money” is starting to jump out, and by the 10th, completely buried jokes like the one about Boston: “I wouldn’t worry about it, though, it’s not a big college town.” To think that most of this dialogue was improvised is mind-blowing, although I was lucky enough to interview Michael McKean in character as David St. Hubbins, and I can attest that his improvised answers were as funny as anything in the film.&lt;br /&gt;&lt;br /&gt;It’s also hard to believe it took so long to find an audience on video, although director Rob Reiner has said that the movie went over the heads of many people who thought Spinal Tap was a real band. Ironically, they did become one, with McKean and co-stars Christopher Guest and Harry Shearer “getting the band back together” for albums in 1992 and 2009, and touring. &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;4. NIGHT OF THE LIVING DEAD (1968) Every installment of Romero’s original zombie trilogy is an important cult film, but this one takes the cake because without it, we wouldn’t have the modern zombie movie. Before this, zombies were the stuff of quaint voodoo flicks, but Night of the Living Dead changed everything. It used the idea of the dead coming back to life to eat the living as a blank slate onto which the whole world could project its fears.&lt;br /&gt;&lt;br /&gt;Endless big-brain theories sprung up to explain the film: Did the undead symbolize the oppressed proletariat? The revenge of the third world? And all this over a little black-and-white drive-in movie made for $140,000. Romero’s most brilliant move was making the zombies slow, lurching ghouls who overwhelm their prey with sheer numbers and relentless onslaught—they literally “crowd out” most of their victims. The ending is one of the most shocking in movie history, although I’ve never believed the official line that its racial overtones were unintentional. The scene may have, as Romero says, been written before African American Duane Jones was cast as Ben, but I guarantee everyone involved knew the message they were sending when they shot it.&lt;br /&gt;&lt;br /&gt;5. MONTY PYTHON AND THE HOLY GRAIL (1975) There’s a long-running debate among Monty Python fans as to which is their best film, Holy Grail or Life of Brian. But really, there’s no contest: Holy Grail is perfect, from the many scenes that could have been skits in their earlier TV series (“Bring out your dead,” the Bridge of Death, etc.) to the funny throwaway lines like “Someday, all this will be yours”… “What, the curtains?”&lt;br /&gt;&lt;br /&gt;What’s most ingenious about it all is that, rather than trying to hide the absurdity of a poorly financed comedy troupe trying to pull off a medieval period piece, the Pythons play it up whenever possible. The characters don’t ride horses, they skip along while banging coconuts together to sound like hooves, and the epic moment of their discovery of Camelot is undercut by the dismissive “It’s only a model.”  Graham Chapman is perfect as the beleagured King Arthur, who has to put up with mouthy peasants, rude French soldiers and a Black Knight who doesn’t know when to call it a day.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;6. REPO MAN (1984)  Though it’s now one of the iconic cult films of the ’80s, writer-director Alex Cox’s debut studio film came this close—more than once—to never being released at all. Cox, a UCLA film student at the time, wasn’t about to languish in development hell, however, and he gained his first real notoriety when he took out an ad in Variety daring Universal to make his movie. Still, he told me his midnight-movie favorite never would have seen the light of day if it hadn’t been for one man named Kelly Neal, who believed in it so much he kept shuttling it from one college campus to the next until it finally caught on. Neal lost his job at Universal because of it, but cult film fans got Emilio Estevez—pretty in punk before Pretty in Pink—as a young misfit who falls in with Harry Dean Stanton and a bunch of crazy repo men. They’re all on the trail of a mysterious 1964 Chevy Malibu that could be carrying aliens, a neutron bomb or time-machine technology. Along the way, Estevez learns the repo code, discovers the secret of air fresheners and sings classic punk tunes. It’s not as weird as it sounds, though. It’s much, much weirder.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;7. PINK FLAMINGOS (1972) Chicken sex. Semen injections. Girl-on-girl vomit. Turd eating. Edith Massey. Those are just a few of the things that make Pink Flamingos the kind of movie that makes you want to take a shower after watching it.&lt;br /&gt;&lt;br /&gt;The story of transvestite Divine’s quest to be “the filthiest person alive,” it’s got to be the most revolting film ever made. But its hour-and-a-half-long wallow in perversity and bad taste is exactly what made it so notorious, putting director John Waters on the map. When I interviewed him a few years ago, Waters marveled at how much things have changed since then, with Pink Flamingos playing on TV: “How can that be?” he pondered. “I mean, cable, but still.”&lt;br /&gt;&lt;br /&gt;8. THE TEXAS CHAINSAW MASSACRE (1974) It’s hard to imagine now what it was like for audiences to see TCM when it came out. Wes Craven told me that when he saw it in a theater shortly after it was released, he found it so shocking and insane that he thought it might have been made by some sick cult somewhere.&lt;br /&gt;&lt;br /&gt;He wasn’t that far off, as the production of director Tobe Hooper’s meat-versus-steel nightmare was as terrifying as the film itself (Edwin Neal, who plays the hitchhiker, said after filming wrapped: “If I see Tobe Hooper again, I’ll kill him”).&lt;br /&gt;&lt;br /&gt;Though John Carpenter’s Halloween gets all the credit/blame for starting the slasher-movie cycle, Hooper’s film had most of the key elements of the formula in place: a masked killer, a group of teens being picked off one by one in a series of bizarre murders and, most importantly, the “Final Girl” element that would come to be mandatory.&lt;br /&gt;&lt;br /&gt;Perhaps it doesn’t get the recognition it deserves as a trendsetter because it’s so weird and surreal that it’s hard to group it in with other movies; there hasn’t been one quite like it before or since. &lt;br /&gt;&lt;br /&gt;&lt;br /&gt;9. TAXI DRIVER (1976) When the people responsible for making one of the most important films of all time are on record publicly questioning whether it ever should have been made in the first place, you know you’re talking about a film that transcends the normal considerations of what makes a movie “good” or “bad.”&lt;br /&gt;&lt;br /&gt;Nor is there any notion of good or bad to be found in Martin Scorsese’s film, a reflection of the murky moral universe Americans felt themselves adrift in during the post-Watergate years of the mid-1970s. Taxi Driver never loses its power to disturb because it has no exterior moral universe whatsoever; the only codes of behavior on the table come out of the inner workings of Travis Bickle’s brain, and it’s pretty spooky in there. Robert De Niro allegedly studied both taxi drivers and mental illness to prepare for the role; the movie ends up being about both and neither.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;10. ERASERHEAD (1977) To paraphrase Laurence Fishburne in The Matrix: No one can be told what Eraserhead is. You have to see it for yourself.  Made for $10,000 over five years of on-again, off-again production, David Lynch’s debut film is as unsettling now as it was three decades ago. Not since Luis Buñuel and Salvador Dali collaborated on Un Chien Andalou in 1929 had there been a film whose surreal imagery tapped so directly into the viewer’s subconscious.&lt;br /&gt;&lt;br /&gt;Eraserhead is uncomfortable viewing, and its most disturbing scenes (with the “baby,” for instance) are now the stuff of legend. But nothing is more revealing about this movie than the fact that the dream sequences are no weirder than those the characters experience in waking life. In Lynch’s world, there’s no such divide.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4385960192881665842?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4385960192881665842/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4385960192881665842' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4385960192881665842'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4385960192881665842'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/blog-post_10.html' title='邪典電影 - 维基百科，自由的百科全书'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-716994101055432647</id><published>2011-11-03T02:23:00.003+08:00</published><updated>2011-11-03T02:29:51.163+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>iTerm2</title><content type='html'>&lt;a href="http://www.iterm2.com/#/section/home"&gt;iTerm2&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;iTerm2 is a terminal emulator for Mac OS X that does amazing things.&lt;/blockquote&gt;&lt;br /&gt;&lt;a href="http://www.yangzhiping.com/tech/iterm2.html"&gt;iTerm2新手应知特色功能&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;一种是用鼠标，在iterm2中，选中某个路径或者某个词汇，那么，iterm2就自动复制了。&lt;br /&gt;在新Tab中自动使用前一Tab路径&lt;br /&gt;command+d：垂直屏幕切割；&lt;br /&gt;command+shift+d：水平屏幕切割&lt;br /&gt;command+enter进入与返回全屏模式&lt;br /&gt;保存当前快照 Window &gt; Save Window Arrangement.&lt;br /&gt;恢复快照： Window &gt; Restore Window Arrangement&lt;br /&gt;可以在Preferences &gt; General &gt; Open saved window arrangement.设置自动恢复快照&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-716994101055432647?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/716994101055432647/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=716994101055432647' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/716994101055432647'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/716994101055432647'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/iterm2.html' title='iTerm2'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-3270348426216711430</id><published>2011-11-03T02:07:00.000+08:00</published><updated>2011-11-03T02:08:21.479+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='terms'/><title type='text'>利口酒</title><content type='html'>&lt;a href="http://zh.wikipedia.org/wiki/%E5%88%A9%E5%8F%A3%E9%85%92"&gt;利口酒 - 维基百科，自由的百科全书&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;利口酒，即餐後甜酒，譯自法語名稱Liqueur，還曾轉音為「利喬酒」或「力嬌酒」。它是用白蘭地為基酒，加入果汁和糖漿再浸泡各種水果或香料植物製成。所以利口酒氣味芬芳，口味甘美，適合餐前飯後單獨飲用。利口酒比重較大，所以特別適合用以調配各種色彩層次的雞尾酒。&lt;br /&gt;目前利口酒也有用威士忌作基酒的，或用葡萄酒作基酒，用葡萄酒作基酒的利口酒已經和苦艾酒很相似了，不過比苦艾酒甘甜。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-3270348426216711430?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/3270348426216711430/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=3270348426216711430' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3270348426216711430'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3270348426216711430'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/blog-post.html' title='利口酒'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1317540240436925951</id><published>2011-11-02T16:02:00.007+08:00</published><updated>2011-11-02T20:55:29.972+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='browser'/><title type='text'>Check if gzip is enabled</title><content type='html'>&lt;a href="https://gist.github.com/1109067"&gt;Check if gzip is enabled&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;curl -I -H "Accept-Encoding: gzip,deflate" "$URL"  --silent | grep -i "Content-Encoding:"&lt;br /&gt;&lt;br /&gt;# OR&lt;br /&gt;curl -H "Accept-Encoding: gzip,deflate" "$URL" --silent --write-out "%{size_download}"  --output /dev/null&lt;br /&gt;curl "$URL" --silent --write-out "%{size_download}"  --output /dev/null&lt;br /&gt;# 2nd must be greater the 1st&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;function check_compression {&lt;br /&gt;    local unzipped=`curl "$1" --silent --write-out "%{size_download}"  --output /dev/null`&lt;br /&gt;    local zipped=`curl -H "Accept-Encoding: gzip,deflate" "$1" --silent --write-out "%{size_download}" --output /dev/null`&lt;br /&gt;    echo "unzipped size: $unzipped, zipped size: $zipped"                                                                                                             &lt;br /&gt;}&lt;br /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;telnet l.yimg.com 80&lt;br /&gt;GET /f/a/tw/js/flash_general_20090213.js HTTP/1.1&lt;br /&gt;HOST: l.yimg.com&lt;br /&gt;&lt;br /&gt;response:&lt;br /&gt;function yad_ad_090213(e,q,t,o,g,m,l,s,h,d,a){var f=window.location.href;if(e&amp;&amp;q&amp;&amp;t&amp;&amp;o&amp;&amp;g&amp;&amp;m&amp;&amp;l&amp;&amp;s&amp;&amp;h&amp;&amp;d&amp;&amp;a){if(typeof(this["yad_plugin_flash"+d])=="undefined"){var b=(navigator.appVersion.indexOf("MSIE")!=-1)?true:false;var c=(navigator.appVersion.toLowerCase().indexOf("win")!=-1)?true:false;var p=(navigator.userAgent.indexOf("Opera")!=-1)?true:false;yad_ControlVersion=function(){var v=-1,w,u;try{w=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.8");v=w.GetVariable("$version")}catch(u){}return v};yad_GetSwfVer=function(){var B=-1;if(navigator.plugins!=null&amp;&amp;navigator.plugins.length&gt;0){if(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]){var y=navigator.plugins["Shockwave Flash 2.0"]?" 2.0":"";var x=navigator.plugins["Shockwave Flash"+y].description;var w=x.split(" ");var v=w[2].split(".");var A=v[0];var u=v[1];if(w[3]!=""){yad_tempArrayMinor=w[3].split("r")}else{yad_tempArrayMinor=w[4].split("r")}var z=yad_tempArrayMinor[1]&gt;0?yad_tempArrayMinor[1]:0;var B=A+"."+u+"."+z}}else{if(b&amp;&amp;c&amp;&amp;!p){B=yad_ControlVersion()}}return B};yad_getVerNum=function(v){if(v==-1){return v}else{if(v!=0){if(b&amp;&amp;c&amp;&amp;!p){yad_tempArray=v.split(" ");yad_tempString=yad_tempArray[1];yad_versionArray=yad_tempString.split(",")}else{yad_versionArray=v.split(".")}var x=yad_versionArray[0];var u=yad_versionArray[1];var w=yad_versionArray[2];return x}else{return -1}}};var k=yad_GetSwfVer(),n=yad_getVerNum(k);this["yad_plugin_flash"+d]=false;if(n&gt;=d){this["yad_plugin_flash"+d]=true}}var r="",j="clickTAG";for(i=0;i&amp;lt;e.length;i++){i==0?r+=j+"="+encodeURIComponent(e[i])+"&amp;yad_time="+h+"&amp;yad_page="+encodeURIComponent(f)+"&amp;":r+=j+i+"="+encodeURIComponent(e[i])+"&amp;yad_time="+h+"&amp;yad_page="+encodeURIComponent(f)+"&amp;"}this["yad_plugin_flash"+d]?document.write('&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+m+'" height="'+l+'" id="adbn_swf_'+g+'" &amp;gt;&amp;lt;param name="movie" value="'+q+'" /&amp;gt;&amp;lt;param name="wmode" value="'+s+'" /&amp;gt;&amp;lt;param name="loop" value="true" /&amp;gt;&amp;lt;param name="quality" value="high" /&amp;gt;&amp;lt;param name="allowScriptAccess" value="'+a+'" /&amp;gt;&amp;lt;param name="flashvars" value="'+r+'" /&amp;gt;&amp;lt;embed src="'+q+'" loop="true" wmode="'+s+'" quality="high" name="adbn_swf_'+g+'" width="'+m+'" height="'+l+'" flashvars="'+r+'" type="application/x-shockwave-flash" allowScriptAccess="'+a+'"&amp;gt;&amp;lt;/embed&amp;gt;&amp;lt;/object&amp;gt;'):document.write('&amp;lt;a href="'+t+'" target="_blank"&amp;gt;&amp;lt;img src="'+o+'" width="'+m+'" height="'+l+'" border="0" /&amp;gt;&amp;lt;/a&amp;gt;')}}function yad_showAd_090213(){if(yad_pos.lastIndexOf("%")!=-1){yad_pos="yad"}if(yad_url&amp;&amp;yad_swf&amp;&amp;yad_aurl&amp;&amp;yad_aimg&amp;&amp;yad_pos&amp;&amp;yad_w&amp;&amp;yad_h&amp;&amp;yad_wmode&amp;&amp;yad_time&amp;&amp;yad_ver&amp;&amp;yad_allowscript){yad_ad_090213(yad_url,yad_swf,yad_aurl,yad_aimg,yad_pos,yad_w,yad_h,yad_wmode,yad_time,yad_ver,yad_allowscript)}}yad_showAd_090213();var yad_flash_lib_loaded_090213=true;&lt;br /&gt;&lt;br /&gt;telnet l.yimg.com 80&lt;br /&gt;GET /f/a/tw/js/flash_general_20090213.js HTTP/1.1&lt;br /&gt;HOST: l.yimg.com&lt;br /&gt;Accept-Encoding: gzip, deflate&lt;br /&gt;&lt;br /&gt;response:&lt;br /&gt;HTTP/1.1 200 OK&lt;br /&gt;Date: Wed, 26 Oct 2011 15:27:01 GMT&lt;br /&gt;Cache-Control: max-age=31536000&lt;br /&gt;Expires: Thu, 25 Oct 2012 15:27:01 GMT&lt;br /&gt;Last-Modified: Fri, 13 Feb 2009 06:26:17 GMT&lt;br /&gt;Accept-Ranges: bytes&lt;br /&gt;Vary: Accept-Encoding&lt;br /&gt;Content-Type: application/x-javascript&lt;br /&gt;Content-Encoding: gzip&lt;br /&gt;Age: 594506&lt;br /&gt;Content-Length: 1180&lt;br /&gt;Connection: keep-alive&lt;br /&gt;Server: YTS/1.20.4&lt;br /&gt;&lt;br /&gt;?Vko?6?+&lt;br /&gt;?1D;v^k?Ё?dE?u??`-QIT?W\W$%?;m??׹????屓1????c?fR?2đ?"??E?ZD.Y???(?n ?7d?I!|?0??C?CAB?B@?B(?%&amp;[&amp;??!`?(?$?}Ͻ???ݙ?1?c?z,?.?)،I?|?q?%I?TK;??g?Ϗ?w?:?u???&amp;lt;?t?d?wd3?/??!)5??&amp;??;??mEyJ?اq??|H? d??7&amp;lt;??5A7k?&lt;br /&gt;i?g?????w&amp;lt;?x`h???n̾}?1?j???g?^=?y{?5,p??DA`/g]???`???,?k7MB&amp;?o?L???Y??mvǸ??fz??i?bWN?fG?&lt;br /&gt;ӎ??؎r{????,???V?????Ȫ???k?]?V?????^U??[?&amp;?{'?YS{'??a??k?ܬ:?????3޹t??b?Q????q?N??a?Z}??O????NȜ?ǟ????d?7dW???Cf?2A?????l??Mc??????ox??X6:?N?̲?g???Y&amp;ħ??&lt;%Z/?4W?G???N?]&lt;br /&gt;?Q????nj8?2WE????nn'?w????m??w????ɇ????????yO??dn`plG?10?? S?P-?2?.?yZz?c?W{??1QE?` s??^?dSF??-Lzr??!*?{?????^?A??tD???ۍ???-9@??*?i??5R??RF??i???4ƵV5Ƽ??wC??dm?zQH%????{?䵓???S????p????D; Ǻ&amp;lt;F??`?r???8J&amp;ӔD?K??|??Y?`??F????悞? ??U?m?ä??x???SW8??Y?f????湱jN??j๐_j???? Yoiq=?b?????Y??????g??5?*??ײ&amp;߼??????a?c???D-#?[??:"?`վ??&amp;lt;d?yȉK[?n???o??L?&lt;br /&gt;&lt;br /&gt;Connection closed by foreign host.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;SSL:&lt;br /&gt;openssl s_client -connect www.example.com:443 -state&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;GET /foo/javascripts/bar.js?0.0.26 HTTP/1.1&lt;br /&gt;HOST:www.example.com&lt;br /&gt;Accept-Encoding: gzip,deflate&lt;br /&gt;&lt;br /&gt;&lt;span class="hi"&gt;curl -H "Accept-Encoding: gzip,deflate" https://www.htctouch.com/personalize/javascripts/htc-scenebuilder.js?0.0.26 &lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1317540240436925951?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1317540240436925951/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1317540240436925951' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1317540240436925951'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1317540240436925951'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/check-if-gzip-is-enabled.html' title='Check if gzip is enabled'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8333096094761308770</id><published>2011-11-02T15:28:00.000+08:00</published><updated>2011-11-02T15:29:29.749+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>How to Change the Default Email Client on Mac OS X</title><content type='html'>&lt;a href="https://developer.mozilla.org/en/Core_Javascript_1.5_Reference"&gt;How to Change the Default Email Client on Mac OS X&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;1. Launch Apple Mail (Mail.app).&lt;br /&gt;If you've not set up Mail, set up a dummy POP, IMAP, or Exchange account (it will try and verify, get an error, but still allow you to continue). Keep filling in information and hitting continue until you can get to the next step:&lt;br /&gt;2. Go to Mail &gt; Preferences in the menu.&lt;br /&gt;3. Click on "General" tab.&lt;br /&gt;4. In the "Default Email Reader" pull-down menu, choose Select, browse to the email client application you want to use, highlight it and click "Select".&lt;br /&gt;5. Close the Preferences dialog box.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8333096094761308770?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8333096094761308770/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8333096094761308770' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8333096094761308770'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8333096094761308770'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/11/how-to-change-default-email-client-on.html' title='How to Change the Default Email Client on Mac OS X'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-7834793186070897042</id><published>2011-10-28T10:05:00.000+08:00</published><updated>2011-10-28T10:06:16.227+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>困境與抉擇 清大動機所彭明輝教授</title><content type='html'>&lt;a href="http://web.nlhs.tyc.edu.tw/~b307/backup/images/c/GOOD%20ARTICLE/NTHU.HTM"&gt;困境與抉擇 清大動機所彭明輝教授&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;人生最艱難的事，恐怕莫過於面對困境而不氣餒，以及面對艱難的抉擇時，能夠心平氣和地做出清晰而明智的決定。但是，這兩件事之所以艱難，其實完全只是因為我們誇大了人生偶然際遇的重要性。假如我們可以清楚地看到人生的真相，從來不會因為生命裡偶然的際遇而有重大的改變，面對困境與抉擇的能力，將會簡單到不可思臆的程度。&lt;br /&gt;&lt;br /&gt;有次清華電台訪問我：「老師，你如何面對人生中的困境？」我當場愣在那裡，許久都想不出我這一生什麼時候有過困境！這是怎麼一回事？我的兩個孩子國中成績都沒有到「就算失常也穩考得上」的程度，但是我和兩個孩子卻都不曾在聯考前夕真正地焦慮過。這又是怎麼做到的？在這篇文章裡提供你幾個秘訣。&lt;br /&gt;&lt;br /&gt;許多同學應該都還記得聯考前夕的焦慮：差一分可能就要掉好幾個志願，甚至於一生的命運從此改觀！到了大四，這種焦慮可能更強烈而複雜：到底要先當兵、就業，還是先考研究所？我就經常碰到學生充滿焦慮地問我這些問題。可是，這些焦慮實在是莫需有的！&lt;br /&gt;&lt;br /&gt;&lt;span class="hi"&gt;生命是一種長期而持續的累積過程，絕不會因為單一的事件而毀了一個人的一生，也不會因為單一的事件而救了一個人的一生。屬於我們該得的，遲早會得；屬於我們不該得的，即使僥倖巧取也不可能長久保有。如果我們看得清這個事實。許多所謂「人生的重大抉擇」就可以淡然處之，根本無需焦慮。而所謂「人生的困境」，也往往當下就變得無足掛齒。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;以聯考為例：一向不被看好的甲不小心猜對十分，而進了建國中學；一向穩上建國的乙不小心丟了廿分，而到附中。放榜日一家人志得意滿，另一家人愁雲慘霧，好像甲、乙兩人命運從此篤定。可是，聯考真的意味著什麼？建國中學最後錄取的那一百人，真的有把握一定比附中前一百名前景好嗎？僥倖考上的人畢竟仍舊只是僥倖考上，一時失閃的人也不會因為單一的事件而前功盡棄。一個人在聯考前所累積的實力，絕不會因放榜時的排名而有所增減。因為，生命是一種長期而持續累積的過程！所以，三年後乙順利地考上台大，而甲卻跑到成大去。這時回首高中聯考放榜的時刻，甲有什麼好得意？而乙又有什麼好傷心？同樣的，今天唸清大動機系的人當年聯考分數都比今天唸成大機械的人高，可是誰有把握考研究所時一定比成大機械的人考得好？仔細比較甲和乙的際遇，再重新想想這句話：「生命是一種長期而持續的累積過程，不會因一時的際遇而中止或增減」。聯考排名只不過是個表象。有何可喜、可憂、可懼？&lt;br /&gt;&lt;br /&gt;我常和大學的同學談生涯規劃，問他們三十歲以後希望在社會上扮演什麼樣的角色。可是，到現在沒有人真的能回答我這個問題，他們能想到的只有下一步到底是當兵還是考研究所。聯考制度已經把我們對生命的延續感徹底瓦解掉，剩下的只有片斷的「際遇」，更可悲的甚至只活在放榜的那個（光榮或悲哀的）時刻！但是，容許我不厭其煩地再重複一次：生命的真相是一種長期而持續的累積過程，該得的遲早會得到，不該得的不可能長久保有。我們唯一該關切的是自己真實的累積過程（這是偶發的際遇所無法剝奪的），而不是一時順逆的際遇。如果我們能看清楚這個事實，生命的過程就真是「功不唐捐」，沒什麼好貪求，也沒什麼好焦慮的了！剩下來，我們所需要做的無非只是想清楚自己要從人生獲得什麼，然後安安穩穩，勤勤懇懇地去累積就是了。&lt;br /&gt;&lt;br /&gt;我自己就是一個活生生的例子。從一進大學就決定不再唸研究所，所以，大學四年的時間多半在唸人文科學的東西。畢業後工作了兩年，才決定要唸研究所。碩士畢業後，立下決心：從此不再為文憑而唸書。誰知道，世事難料，當了五年講師後，我又被時勢所迫，卅四歲才整裝出國唸博士。出國時，一位大學同學笑我：全班最晚唸博士的都要回國了，你現在才要出去？兩年後我從劍橋回來，眼裡看著別人欣羨敬佩的眼光，心裡卻只覺得人生際遇無常，莫此為甚：一個從大一就決定再也不鑽營學位的人，竟然連碩士和博士都拿到了！屬於我們該得的，那樣曾經少過？而人生中該得與不該得的究竟有多少，我們又何曾知曉？從此我對際遇一事不能不更加淡然。&lt;br /&gt;&lt;br /&gt;當講師期間，有些態度較極端的學生曾當面表現出他們的不屑；剛從劍橋回來時，卻被學生當做傳奇性的人物看待。這種表面上的大起大落，其實都只是好事者之言，完全看不到事實的真相。從表面上看來，兩年就拿到劍橋博士，這好像很了不起。但是，在這「兩年」之前我已花整整一年，將研究主題有關的論文全部看完，並找出研究方向；而之前更已花三年時間做控制方面的研究，並且在國際著名的學術期刊上發表過數篇論文。而從碩士畢業到拿博士，其間七年的時間我從未停止過研究與自修。所以，這個博士其實是累積了七年的成果（或者，只算我花在控制學門的時間，也至少有五年），根本也沒什麼好驚訝的。常人不從長期而持續的累積過程來看待生命因積蓄而有的成果，老愛在表象上以斷裂而孤立的事件誇大議論，因此每每在平淡無奇的事件上強作悲喜。可是對我來講，當講師期間被學生瞧不起，以及劍橋剛回來時被同學誇大本事，都只是表象。事實是：我只在乎每天廿四小時點點滴滴的累積。拿碩士或博士只是特定時刻裡這些成果累積的外在展示而已，人生命中真實的累積從不曾因這些事件而中止或加添。&lt;br /&gt;&lt;br /&gt;常有學生滿懷憂慮地問我：「老師，我很想先當完兵，工作一兩年再考研究所。這樣好嗎？」「很好！這樣子有機會先用實務來印證學理，你唸研究所時會比別人更瞭解自己要的是什麼。」「可是，我怕當完兵又工作後，會失去鬥志，因此考不上研究所。」「那你就先考研究所好了。」「可是，假如我先唸研究所，我怕自己又會像唸大學時一樣茫然，因此唸得不甘不願的。」「那你還是先去工作好了！」「可是．．．．」我完全可以體會到他們的焦慮，可是卻無法壓抑住對於這種對話的感慨。其實，說穿了他所需要的就是兩年研究所加兩年工作，以便加深知識的深廣度和獲取實務經驗。先工作或先升學，表面上大相逕廷，其實骨子裡的差別根本可以忽略。在「朝三暮四」這個成語故事裡，主人原本餵養猴子的橡實是「早上四顆下午三顆」，後來改為「朝三暮四」，猴子就不高興而堅持要改回到「朝四暮三」。先工作或先升學，其間差異就有如「朝四暮三」與「朝三暮四」，原不值得計較。但是，我們經常看不到這種生命過程中長遠而持續的累積，老愛將一時際遇中的小差別誇大到攸關生死的地步。&lt;br /&gt;&lt;br /&gt;最諷刺的是：當我們面對兩個可能的方案，而焦慮得不知何所抉擇時，通常表示這兩個方案或者一樣好，或者一樣壞，因而實際上選擇那個都一樣，惟一的差別只是先後之序而已。而且，愈是讓我們焦慮得厲害的，其實差別愈小，越不值得焦慮。反而真正有明顯的好壞差別時，我們輕易的就知道該怎麼做了。可是我們卻經常看不到長遠的將來，短視地盯著兩案短期內的得失：想選甲案，就捨不得乙案的好處；想選乙案，又捨不得甲案的好處。如果看得夠遠，人生長則八、九十，短則五、六十年，先做那一件事又有什麼關係？甚至當完兵又工作後，再花一整年準備考研究所，又有什麼了不起？&lt;br /&gt;&lt;br /&gt;當然，有些人還是會憂慮道：「我當完兵又工作後，會不會因為家累或記憶力衰退而比較難考上研究所？」我只能這樣回答：「一個人考不上研究所，只有兩種可能：或者他不夠聰明，或者他的確夠聰明。不夠聰明而考不上，那也沒什麼好抱怨的。假如你夠聰明，還考不上研究所，那只能說你的決心不夠強。假如你是決心不夠強，就表示你生命中還有其它的可能性，其重要程度並不下於碩士學位，而你捨不得丟下它。既然如此，考不上研究所也無需感到遺憾。不是嗎？」人生的路那麼多，為什麼要老斤斤計較著一個可能性？我高中最要好的朋友，一生背運：高中考兩次，高一唸兩次，大學又考兩次，甚至連機車駕照都考兩次。畢業後，他告訴自己：我沒有人脈，也沒有學歷，只能靠加倍的誠懇和努力。現在，他自己擁有一家公司，年收入數千萬。一個人在升學過程中不順利，而在事業上順利，這是常見的事。有才華的人，不會因為被名校拒絕而連帶失去他的才華，只不過要另外找適合他表現的場所而已。反過來，一個人在升學過程中太順利，也難免因而放不下身段去創業，而只能乖乖領薪水過活。福禍如何，誰能全面知曉？我們又有什麼好得意？又有什麼好憂慮？&lt;br /&gt;&lt;br /&gt;人生的得與失，有時候怎麼說也不清楚，有時候卻再簡單也不過了：我們得到平日努力累積的成果，而失去我們所不曾努力累積的！所以重要的不是和別人比成就，而是努力去做自己想做的。功不唐捐，最後該得的不白少你一分，不該得的也不白多你一分。好像是前年的時候，我在往藝術中心的路上碰到一位高中同學。他在南加大當電機系的副教授，被清華電機聘回來給短期課程。從高中時代他就很用功，以第一志願上台大電機後，四年都拿書卷獎，相信他在專業的研究上也已卓然有成。回想高中入學時，我們兩人的智力測驗成績分居全學年第一、第二名。可是從高一起我就不曾放棄過自己喜歡的文學、音樂、書法、藝術、和哲學，而他卻始終不曾分心去涉獵任何課外的知識，因此兩個人在學術上的差距只會愈來愈遠。反過來說，這十幾二十年來我在人文領域所獲得的滿足，恐怕已遠非他所能理解的了。我太太問過我，如果我肯全心專注於一個研究領域，是不是至少會趕上這位同學的成就？我不這樣想，兩個不同性情的人，註定要走兩條不同的路。不該得的東西，我們註定是得不到的，隨隨便便拿兩個人來比，只看到他所得到的，卻看不到他所失去的，這有什麼意義？&lt;br /&gt;&lt;br /&gt;從高中時代閔始，我就不曾仔細算計外在的得失，只安心地做自己想做的事：我不喜歡鬼混，願意花精神把自己份內的事做好；我不能放棄對人文科學的關懷，會持續一生去探討。事實單單純純地只是：我只在乎每天廿四小時生命中真實的累積，而不在乎別人能不能看到我的成果。有人問找，既然遲早要唸博士，當年唸完碩士就出國，今天不是可以更早升教授？我從不這樣想。老是斤斤計較著幾年拿博士，幾年升等，這實在很無聊，完全未脫學生時代「應屆考取」的稚氣心態！人生長得很，值得發展的東西又多，何必在乎那三、五年？反過來說，有些學生覺得我「多才多藝」，生活「多采多姿」，好像很值得羨慕。可是，為了兼顧理工和人文的研究，我平時要比別人多花一倍心力，這卻又是大部份學生看不到，也不想學的。&lt;br /&gt;&lt;br /&gt;有次清華電台訪問找：「老師，你如何面對你人生中的困境？」我當場愣在那裡，怎麼樣都想不出我這一生什麼時候有過困境！後來仔細回想，才發現：我不是沒有過困境，而是被常人當做「困境」的境遇，我都只當做一時的際遇，不曾在意過而已。剛服完役時，長子已出生卻還找不到工作。我曾焦慮過，卻又覺得遲早會有工作，報酬也不致於低得離譜，就不曾太放在心上。唸碩士期間，家計全靠太太的薪水，省吃儉用，但對我而言又算不上困境。一來，精神上我過得很充實，二來我知道這一切是為了讓自己有機會轉行去教書（做自己想做的事）。三十二歲才要出國，而大學同學正要回同一個系上任副教授，我很緊張（不知道劍橋的要求有多嚴），卻不曾為此喪氣。因為，我知道自己過去一直很努力，也有很滿意的心得和成果，只不過別人看不到而已。&lt;br /&gt;&lt;br /&gt;&lt;span class="hi"&gt;我沒有過困境，因為我從不在乎外在的得失，也不武斷地和別人比高下，而只在乎自己內在真實的累積。我沒有過困境，因為我確實瞭解到：生命是一種長期而持續的累積過程，絕不會因為單一的事件而有劇烈的起伏。同時我也相信：屬於我們該得的，遲早會得到；屬於我們不該得的，即使一分也不可能長久持有。假如你可以分享這些信念，那麼人生於你也將會是寬廣而長遠，沒有什麼了不得的「困境」，也沒有什麼好焦慮的了。&lt;/span&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-7834793186070897042?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/7834793186070897042/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=7834793186070897042' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7834793186070897042'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7834793186070897042'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/blog-post_28.html' title='困境與抉擇 清大動機所彭明輝教授'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-424960221243621205</id><published>2011-10-24T01:30:00.002+08:00</published><updated>2011-10-24T01:32:51.798+08:00</updated><title type='text'>Bootstrapping hashtagify pro: How I doubled my workweek productivity</title><content type='html'>&lt;a href="http://blog.hashtagify.me/2011/10/23/bootstrapping-hashtagify-pro-how-i-doubled-my-workweek-productivity/"&gt;Bootstrapping hashtagify pro: How I doubled my workweek productivity&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;But a week ago I read a comment on HN (edit: thanks to raju in the comments for pointing me to the exact link) that inspired me to rethink how I’m organizing myself , and with one simple change I doubled my productivity on workdays. How? Instead of working on hashtagify at nights, after getting home from my day job, I’m starting my day two hours earlier, and doing 2 hours of programming in the morning, before going to work.&lt;br /&gt;&lt;br /&gt;I’m usually a night person, and have always been very productive at nights, since when I was just a student. But after eight hours of work, it is difficult to have that kind of focus that you need to program, and the two (or two and a half) hours in the morning have been much more productive than the equivalent time in the evening.&lt;br /&gt;&lt;br /&gt;After coming home I still do some lighter work, and don’t go to bed without having scheduled a task to do the next morning; this way when I wake up I don’t have to think what to do and I can be immediately productive.&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://news.ycombinator.com/item?id=3110632"&gt;http://news.ycombinator.com/item?id=3110632&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;yeah, my brain works really well after the run because it's full of fresh blood and oxygen. Seriously mate, 20 minutes of work in the morning after a run is better than 2 hours of work in the evening when I'm tired ... no exaggeration.&lt;br /&gt;I hate running and exercise in general, but I promised myself I would do anything to get my company going, and anything includes things I dont want to do, so I force myself :)&lt;br /&gt;Bonus points: Since I started running 6 or so months ago I have lost 28kg!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Try to get to bed at 9pm :) +- 30 mins&lt;br /&gt;reply&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-424960221243621205?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/424960221243621205/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=424960221243621205' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/424960221243621205'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/424960221243621205'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/bootstrapping-hashtagify-pro-how-i.html' title='Bootstrapping hashtagify pro: How I doubled my workweek productivity'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8359095384211693821</id><published>2011-10-22T03:38:00.003+08:00</published><updated>2011-10-22T03:44:31.978+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>名律師挑最棘手的先做　從容管好兩岸200位律師</title><content type='html'>&lt;a href="http://www.businessweekly.com.tw/webarticle.php?id=44495&amp;p=1"&gt;名律師挑最棘手的先做　從容管好兩岸200位律師&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;這樣日理萬機的人，大概不難想像其案牘勞形的樣子。但這些公事，都阻礙不了他愛玩、愛旅遊的一顆心；每週還固定撥出時間練瑜伽、寫書法，這半年來也開始學起太極拳；不禁讓人好奇，面對這麼多繁複工作及多重角色，還可以兼顧生活品質與休閒活動，黃日燦究竟是怎麼做到的？&lt;br /&gt;&lt;br /&gt;原因，黃日燦一言以蔽之：&lt;span class="hi"&gt;「最棘手、最麻煩的事情最先做。」&lt;/span&gt;他說，「三十多年下來，這對我可能是幫助最大的，如果沒有這麼做，我不可能做到今天。」他半開玩笑的說，照他的工作內容，彷彿已經活了一百五十歲，說明了這個習慣幫他增加工作效率，快速體驗人生。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;除了時間的緊迫性之外，事情的「多樣性」更是挑戰。黃日燦形容，做律師的就像開雜貨店、理髮店一樣，永遠不知道什麼人要進來，也永遠不確定明天的生活會是怎樣，&lt;span class="hi"&gt;「那個時候，遇到比較麻煩的事情，會想說明天再做，但明天又有新的事。事情放越久就越煩，煩了以後就更不想碰它。」&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="hi"&gt;其實，這種反應和大多數人一樣，喜歡讓自己的心情停留在一個舒適圈，讓心情保持愉快，卻忽略了這對事情的解決完全是背道而馳。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;於是，日積月累下，黃日燦發現，已經很努力的自己，每天的事情還是做不完，桌面文件總是堆積如山。「除非我不做這行業，不然永遠都是事情比時間多。」而且，困難或麻煩之事若放著不處理，即使先處理別的事，心還是懸在那裡，影響了做其他事的心情和狀態。黃日燦終於體悟到：「遲早要做，與其遲，不如早。」&lt;br /&gt;&lt;br /&gt;舉例來說，有時候律師在看案子時會出現盲點，這時多數人通常會想說「等下再想」，但黃日燦認為，「等下再想」這件事情已經造成心理負擔，「我的經驗是，現在想不出來，擺兩個鐘頭就想得出來，這種事發生的機率是有，但非常小。」&lt;br /&gt;&lt;br /&gt;幾次嘗試後發現，先做完最棘手的事會有種「輕舟已過萬重山」的感覺，接下來就很順手，因為感覺上再沒有更難的事了。「當你知道這麼做是有利的，並實際享受它帶來的好處，你就可以持續下去。」&lt;br /&gt;&lt;br /&gt;快速提綱挈領，收信五分鐘就回&lt;br /&gt;&lt;br /&gt;能抓出最重要的事情來，對於處理事情的輕重緩急，心中也早有了排序。他說：&lt;span class="hi"&gt;「最難的事都能先處理，簡單的事情就更沒什麼好拖的。」這麼做，除了可避免負面效應外，更能帶來正面回饋。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;黃日燦用他常從事的網球運動來比喻：只要早半秒鐘到位，就從容很多；晚半秒鐘，注定永遠疲於奔命。&lt;br /&gt;&lt;br /&gt;這樣的好習慣讓黃日燦在事業上很早取得成就，並不斷自我突破。一九九○年從美國回台灣時，他成為眾達全球唯一的華裔合夥人。在台灣二十一年來，陸續完成幾個轟動一時的案子，包括雅虎購併奇摩案、富邦金控購併荷商安泰人壽等等。&lt;br /&gt;&lt;br /&gt;這個習慣隨著職位越做越高，事情越來越多，而變得難度更高，「但是它創造的價值也越來越高啊！」黃日燦說，他現在雖然不必事必躬親，但他若不發動，下面的人也動不了，「假如我一有遲疑，留在我手上，那事情還是我的，只會累死自己。」他在管理上一樣貫徹這個習慣的精神：「該交辦、授權、給指示的，一定要馬上給。」&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8359095384211693821?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8359095384211693821/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8359095384211693821' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8359095384211693821'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8359095384211693821'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/200.html' title='名律師挑最棘手的先做　從容管好兩岸200位律師'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4836179549281020976</id><published>2011-10-22T03:30:00.001+08:00</published><updated>2011-10-22T03:32:14.517+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>Seashore - open source image editor for Mac OS X</title><content type='html'>&lt;a href="http://seashore.sourceforge.net/The_Seashore_Project/About.html"&gt;Seashore - open source image editor for Mac OS X&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Seashore is an open source image editor for Mac OS X's Cocoa framework. It features gradients, textures and anti-aliasing for both text and brush strokes. It supports multiple layers and alpha channel editing. It is based around the GIMP's technology and uses the same native file format.&lt;br /&gt;However, unlike the GIMP, Seashore aims to serve the basic image editing needs of most computer users, not to provide a replacement for professional image editing products. Also, unlike GIMP, Seashore has an all-new Cocoa UI that will fit right in on Mac OS X. &lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4836179549281020976?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4836179549281020976/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4836179549281020976' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4836179549281020976'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4836179549281020976'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/seashore-open-source-image-editor-for.html' title='Seashore - open source image editor for Mac OS X'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1448425993351224640</id><published>2011-10-22T03:04:00.001+08:00</published><updated>2011-10-22T03:06:55.526+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>活着的三个理由 - 阮一峰的网络日志</title><content type='html'>&lt;a href="http://www.ruanyifeng.com/blog/2011/10/what_I_have_lived_for.html"&gt;活着的三个理由 - 阮一峰的网络日志&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;罗素说，人活着有三个理由。&lt;br /&gt;&lt;br /&gt;第一个理由是"追求爱情"（longing for love）。&lt;br /&gt;因为爱情会带来"狂喜"（ecstasy），这是其他任何经历都做不到的；爱情能减轻孤独，让你对生活不再那么恐惧；爱情能创造最美好的人类生活，仿佛天堂的缩影。&lt;br /&gt;&lt;br /&gt;第二个理由是"追求知识"（search for knowledge）。&lt;br /&gt;因为知识能让我们理解人的内心，理解自然界，满足我们与生俱来的好奇心。&lt;br /&gt;&lt;br /&gt;第三个理由是"同情心"（pity for the suffering）。&lt;br /&gt;当你看到他人受苦、看到饥饿的孩子、看到被压迫的人民、看到被虐待的老人，看到人类的孤独、贫穷、痛苦，你的内心都会难以平静。我们活着，就是为了减轻一些这种苦难，不仅为了帮助他人，还因为我们自己也是这种苦难的受害者。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1448425993351224640?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1448425993351224640/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1448425993351224640' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1448425993351224640'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1448425993351224640'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/blog-post_22.html' title='活着的三个理由 - 阮一峰的网络日志'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-3088959407677955730</id><published>2011-10-18T00:56:00.005+08:00</published><updated>2011-10-18T01:11:48.515+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>Fw: [分享] 雙重等待 - 看板 GFonGuard - 批踢踢實業坊</title><content type='html'>&lt;a href="http://www.ptt.cc/bbs/GFonGuard/M.1318810987.A.732.html"&gt;Fw: [分享] 雙重等待 - 看板 GFonGuard - 批踢踢實業坊&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;並不是所有看似穩定的關係，最終都能走向紅地毯的底端；&lt;br /&gt;並不是所有的規劃與期待，最終都可以如願共同達成；&lt;br /&gt;並不是所有的約定與夢想，最終都能攜手一起走到。&lt;br /&gt;&lt;br /&gt;那些曾經以為能夠長久維繫的愛，常常禁不起時間的摧殘&lt;br /&gt;那些曾經以為能夠放下的釋懷，常常承受不住一些考驗與誤會&lt;br /&gt;那些曾經以為能夠安撫的傷痛，常常在夜裡擁抱不到對方臂膀時開始搖動。&lt;br /&gt;&lt;br /&gt;「當她哭著說她愛上別人的時候，我非常困難地壓抑住要爆發的情緒。&lt;br /&gt;  心裡有好多的問號湧現，我想問她什麼時候開始的？為什麼沒有先告訴我？&lt;br /&gt;  他究竟有哪裡比我好等等。可是我沒有問。&lt;br /&gt;  因為我知道，問得越多，也只會讓她離我更遠，場面越難堪而已…」&lt;br /&gt;&lt;br /&gt;一位學長將香菸壓熄於鋼盆說著。&lt;br /&gt;&lt;br /&gt;「直到很後來、很後來我才發現，那時我真的是太自私了。&lt;br /&gt;  人是很脆弱的動物阿，寂寞的時候會想要有人陪，孤單的時候會想要找人出去玩，&lt;br /&gt;  一群朋友聚在一起的時候，會談論八卦聊天等等…沒有誰有權力要求誰等待誰，&lt;br /&gt;  也沒誰生來就註定就應該要為誰站崗…如果今天換做是我在外面，&lt;br /&gt;  我難道就能保證自己的心永恆不變？與其說是她變心，&lt;br /&gt;  不如說，是她比我先找到了比我更適合的人。」&lt;br /&gt;&lt;br /&gt;當兵與站崗是種「雙重等待」(Double Waiting)的過程，沒有哪一方「一定」比較辛苦。&lt;br /&gt;在營的光頭不懂站崗的難耐，營外的等待也無法完全理解部隊裡的悲哀。&lt;br /&gt;關係中的雙方都預設了一些期待，在等待某個幸福的到來。&lt;br /&gt;只是，這兩個人常常不知道這樣的期待是否對等？&lt;br /&gt;對方是否把自己看做是生命中同等重要的人？&lt;br /&gt;自己對於未來又有多少信心？對方是否有同樣的信心？&lt;br /&gt;又願意為關係的維持付出多少努力？&lt;br /&gt;這些不對等與不確定性，都讓關係蒙上了一些陰影&lt;br /&gt;(J. J. Cameron &amp; Ross, 2007; Knobloch, 2005; Lydon, Pierce, &amp; Oregan, 1997;&lt;br /&gt;Solomon &amp; Knobloch, 2004)，也使得等待變得漫長而煎熬。&lt;br /&gt;&lt;br /&gt;換言之，真正讓人感到焦慮的，並不是等待本身，&lt;br /&gt;而是自己在等的，究竟是不是對的那個人。&lt;br /&gt;&lt;br /&gt;對於站崗的女人而言，心理上的壓力並不亞於部隊裡那顆光頭。&lt;br /&gt;她們一方面必須承擔社會期許的壓力，人際界限的顧慮，&lt;br /&gt;另一方面還要為自己逐漸增加的年齡與逐漸減少的吸引力默哀&lt;br /&gt;(Morry, Kito, &amp; Ortiz, 2011; Singh, 2011)，&lt;br /&gt;並掙扎於其他的追求者(alternative)與道德考量之間(Lydon, et al., 1997)。&lt;br /&gt;&lt;br /&gt;「我想說的是，女人的心其實是很柔軟的。當一個人對妳真的很好，&lt;br /&gt;  當妳在需要的時候，有一個人總是能及時的出現，聽妳說說話，陪妳走路散散心，&lt;br /&gt;  真的很難不放入感情。當平常在妳身邊的那個人不再能常常見面之後，&lt;br /&gt;  你自然會需要靠別的東西來填補這個空缺，很可能是新的活動，新的團體，&lt;br /&gt;  或認識新的朋友。」一位朋友在男友退伍前幾天跟他提分手，&lt;br /&gt;  幾個死黨到現在還對這件事情耿耿於懷，&lt;br /&gt;  覺得她太過狠心了，難道就不能再多等個兩三天嗎？&lt;br /&gt;&lt;br /&gt;但我的這些死黨們可能把事情想得太簡單了。&lt;br /&gt;沒有一段感情，可以透過「拖延」的方式延長一兩天，&lt;br /&gt;&lt;br /&gt;若真能延長，可能再也不能用同樣多的心力去愛對方了。&lt;br /&gt;&lt;br /&gt;畢竟，那些糾葛殘破問題始終沒有解決，&lt;br /&gt;&lt;br /&gt;而且大多在很早以前，就已經種下導致兩人分開的危險因子&lt;br /&gt;(Brehm, Miller, &amp; Perlmam, 2010)。&lt;br /&gt;&lt;br /&gt;劇情發展到這個時候，往往已經是「孤臣無力可回天」了。&lt;br /&gt;&lt;br /&gt;最新的研究也顯示，在關係裡如果只有一方付出了100%的努力與愛，是無法幸福美滿的。&lt;br /&gt;&lt;br /&gt;當雙方各付出了「同等」的感情、承諾與依託，不論是50%，50%，或是90%，90%，&lt;br /&gt;都比只有一個人努力挽回來得有效。&lt;br /&gt;(Oria, Collins, Simpson, Salvatore, &amp; Kim, in press)&lt;br /&gt;&lt;br /&gt;人類是很需要分享(Sharing)的。&lt;br /&gt;&lt;br /&gt;透過自我接露，我們與世界建立連結，感受到其他人是在乎我們的，&lt;br /&gt;因此聊聊彼此的心情，看法與生活，很容易增進雙方的親密感&lt;br /&gt;(Shelton, Trail, West, &amp; Bergsieker, 2010)。&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;這也是為什麼你剛認識一個人的時候，如果跟他徹夜長談，會有一種相見恨晚的感覺。&lt;br /&gt;只是這種分享的效果是有限的。&lt;br /&gt;首先，要對方對你印象不壞或是被你吸引[4]；&lt;br /&gt;再來，是你所談論的話題必須是他有興趣或有辦法回應的(Response)，&lt;br /&gt;沒有人會喜歡聽一大段聽不懂的東西，或是無止盡的自怨自艾&lt;br /&gt;(J. Cameron, Holmes, &amp; Vorauer, 2009; Canevello &amp; Crocker, 2010)。&lt;br /&gt;&lt;br /&gt;當然話題本身也很重要。&lt;br /&gt;&lt;br /&gt;距離與軍旅所造成的最大隔閡，就是減少了共通話題(Common Topic)。&lt;br /&gt;伴侶間的共通話題，是讓一段關係可以持續運作不乏味的重要調味料&lt;br /&gt;(Furma, Brown, &amp; Feiring, 2010)。&lt;br /&gt;&lt;br /&gt;從前就算她不打魔獸，你也可以跟她聊聊明星的八卦，吃遍各種美食；&lt;br /&gt;從前你就算不用蘭蔻，也可以陪她一起看電影或韓劇。&lt;br /&gt;你們關心一些共同的朋友，擁有一些相仿的興趣，&lt;br /&gt;可是現在你擁有了一個特別的世界，&lt;br /&gt;一個充斥著好多男人與汗臭味、奇怪的規定與公約、還有各種特殊術語的社會；&lt;br /&gt;她也認識了一些你不熟悉的朋友。如果不能有效地溝通交流彼此關心的事情，&lt;br /&gt;或是關心「對方所關心的事情」，共通話題很容易就用罄，然後在電話機前冷場。&lt;br /&gt;&lt;br /&gt;所以，一段戀情趨於平淡，並不一定是營外世界的勾引或部隊裡的貧瘠，&lt;br /&gt;而是無法真正地分享彼此的感受，搞到最後打電話像例行公事，&lt;br /&gt;不打怪怪的，打了又不知道要說什麼。&lt;br /&gt;&lt;br /&gt;那麼，怎樣才能增加話題的豐富性呢？&lt;br /&gt;&lt;br /&gt;許多溝通的書籍都談到如何開啟一段有趣的話題，茲舉幾個例子如下[5]：&lt;br /&gt;(1)回憶你們的交往初期，並重新發現當初是什麼吸引了彼此&lt;br /&gt;(2)計劃週末的旅行，想玩的景點，想吃的東西&lt;br /&gt;(3)關心他的工作或課業與人際狀況，是否預到瓶頸或困境&lt;br /&gt;(4)討論一些「如果的事」：&lt;br /&gt;   如果現在雙方可以放下手邊的事情，最想要做什麼？&lt;br /&gt;   如果世界末日到了，只能救十個人，那你會救誰？&lt;br /&gt;   如果可以變成某一種動物，你會想變成什麼？&lt;br /&gt;(5)討論一個不可能做到的點子，然後在不可能上面建築更多不可能：&lt;br /&gt;   比方說在雲端蓋一個城堡，並討論那城堡裡的擺設，或者為你昨夜做的夢做接龍等等。&lt;br /&gt;&lt;br /&gt;那麼，要怎樣知道自己守候的那個人，究竟是自己真的很愛很愛的，&lt;br /&gt;還是只是因為害怕寂寞而把對方留住呢？&lt;br /&gt;&lt;br /&gt;我想，實驗室學姐所說的一段話，某種程度上可以回答這個問題。&lt;br /&gt;「很多人為了等待把自己當成蜘蛛，讓思念像網一樣越纏越緊，&lt;br /&gt;  勒死對方，也讓自己瀕臨窒息。&lt;br /&gt;  等待可以很辛苦，也可以變成更大的前進力量。&lt;br /&gt;  當你在陷落、疲憊的時候，腦子裡還是會浮現某個人的樣子…」&lt;br /&gt;&lt;br /&gt;而這個人，往往就是你現在的心靈所停靠的那個港灣；&lt;br /&gt;而這樣的思念，或許也能讓等待不再那麼遙遠沒有終點&lt;br /&gt;(Le, Korn, Crockett, &amp; Loving, 2011)。&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-3088959407677955730?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/3088959407677955730/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=3088959407677955730' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3088959407677955730'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3088959407677955730'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/fw-gfonguard.html' title='Fw: [分享] 雙重等待 - 看板 GFonGuard - 批踢踢實業坊'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4772758040205626770</id><published>2011-10-17T00:50:00.003+08:00</published><updated>2011-10-17T00:57:57.740+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>板橋435藝文特區</title><content type='html'>&lt;a href="http://www.wretch.cc/blog/bajenny/2559284"&gt;《遊記》20051028初遊板橋435藝文特區&lt;/a&gt;&lt;br /&gt;&lt;a href="http://blog.yam.com/soldwork/article/28309391"&gt;Jimmy 旅遊手札: 【台北板橋】初遊435藝文特區 - yam天空部落&lt;/a&gt;&lt;br /&gt;&lt;a href="http://blog.chinatimes.com/bb2trip/archive/2011/04/28/665493.html"&gt;【板橋】435藝文特區、玩具博物館~親子慢遊好地方｜寶貝樂遨遊｜旅遊部落格｜中時部落格｜中時電子報&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4772758040205626770?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4772758040205626770/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4772758040205626770' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4772758040205626770'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4772758040205626770'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/435.html' title='板橋435藝文特區'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-464910644761385592</id><published>2011-10-15T02:11:00.002+08:00</published><updated>2011-10-15T02:15:08.708+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>陽明山</title><content type='html'>&lt;a href="http://www.wretch.cc/blog/cuisinemap/5369525"&gt;[台北‧陽明山] 馬槽花藝村&lt;/a&gt;&lt;br /&gt;&lt;a href="http://malukooo.pixnet.net/blog/post/3449867-%5B%E5%8F%B0%E5%8C%97%E9%99%BD%E6%98%8E%E5%B1%B1%5D%E9%A6%AC%E6%A7%BD%E8%8A%B1%E8%97%9D%E6%9D%91"&gt;[台北陽明山]馬槽花藝村&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.urmap.com/ur543/?p=3628"&gt;不分四季，網友去【陽明山】必光顧的推薦餐廳Top10&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-464910644761385592?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/464910644761385592/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=464910644761385592' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/464910644761385592'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/464910644761385592'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/10/blog-post.html' title='陽明山'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-7222052538544331963</id><published>2011-09-26T22:37:00.001+08:00</published><updated>2011-09-26T22:37:58.966+08:00</updated><title type='text'>hello world</title><content type='html'>hello world says:&lt;br /&gt;&lt;blockquote&gt;blah blah&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-7222052538544331963?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/7222052538544331963/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=7222052538544331963' title='2 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7222052538544331963'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7222052538544331963'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/hello-world.html' title='hello world'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4775283411119224257</id><published>2011-09-26T00:39:00.003+08:00</published><updated>2011-11-14T01:19:48.502+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='programming'/><title type='text'>Andrzej on Software: Rails is not MVC</title><content type='html'>&lt;a href="http://andrzejonsoftware.blogspot.com/2011/09/rails-is-not-mvc.html"&gt;Andrzej on Software: Rails is not MVC&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;OK, so what's the difference?&lt;br /&gt;&lt;br /&gt;&lt;span class="hi"&gt;In short, we're talking about MVC when a model can notify (through the Observer pattern) the views about the changes. It's not possible in a classical Rails app (it's possible when you use WebSockets, Pusher or a similar technology, but it's not so popular yet.). MVC was popular in desktop apps.&lt;br /&gt;&lt;br /&gt;On the other hand, Model2 is exactly what we do with Rails. We don't notify the views from the model, the controller simply passes the model data to the views and handles the html generation which is then sent to the browser.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;There's an interesting pattern evolving recently that a Rails app simply serves as a backend for a mobile app and all it does is exposing a JSON/REST API. It's similar to Model2, but instead of generating HTML it generates JSON. Still, it's not MVC.&lt;br /&gt;&lt;br /&gt;You can read more about UI architectures in this article by Martin Fowler&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://en.wikipedia.org/wiki/Model2"&gt;Model 2 - Wikipedia, the free encyclopedia&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4775283411119224257?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4775283411119224257/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4775283411119224257' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4775283411119224257'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4775283411119224257'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/andrzej-on-software-rails-is-not-mvc.html' title='Andrzej on Software: Rails is not MVC'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6177912389476263393</id><published>2011-09-25T23:09:00.000+08:00</published><updated>2011-09-25T23:10:14.179+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>On The Importance Of Playing</title><content type='html'>&lt;a href="http://pythonwise.blogspot.com/2011/09/on-importance-of-playing.html"&gt;On The Importance Of Playing&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;But when it came time to do some research. I couldn't get to work. I was a little tired; I was not interested; I couldn't do research! ...&lt;br /&gt;&lt;br /&gt;And then I thought to myself, "You know, what they think of you is so fantastic, it's impossible to live up to it. You have no responsibility to live up to it!"... &lt;br /&gt;&lt;br /&gt;Then I had another thought; Physics disgusts me a little bit now, but I used to enjoy doing physics. Why did I enjoy it? I used to play with it. I used to do whatever I felt like doing - it didn't have to do with whether it was important for the development of nuclear physics...&lt;br /&gt;&lt;br /&gt;So I get this new attitude ... I'm going to play with physics, whenever I want to, without worrying about any importance whatsoever.&lt;br /&gt;Within a week I was in the cafeteria and some guy, fooling around, throws a plate in the air. ...&lt;br /&gt;&lt;br /&gt;I had nothing to do, so I start to figure out the motion of the rotating plate...&lt;br /&gt;And before I knew it (it was a very short time) I was "playing" - working, really - with the same old problem that I loved so much, that I had stopped working on when I went to Los Alamos; my thesis-type problems; all those old-fashioned wonderful things.&lt;br /&gt;It was effortless. It was easy to play with these things. It was like uncorking a bottle: Everything flowed out effortlessly. ...&lt;br /&gt;&lt;br /&gt;There was no importance to what I was doing, but ultimately there was. The diagrams and the whole business that I got the Nobel Prize for came from that piddling around with the wobbling plate.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6177912389476263393?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6177912389476263393/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6177912389476263393' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6177912389476263393'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6177912389476263393'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/on-importance-of-playing.html' title='On The Importance Of Playing'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1205713706349841897</id><published>2011-09-25T23:00:00.000+08:00</published><updated>2011-09-25T23:01:27.998+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><title type='text'>MVC Architecture for JavaScript Applications</title><content type='html'>MVC Architecture for JavaScript Applications&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-weight:bold;"&gt;Real MVC&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;In a nutshell the classic MVC architecture work like this. &lt;span class="hi"&gt;There is a model that is at the heart of the whole thing. If the model changes, it notifies its observers that a change occurred. The view is the stuff you can see and the view observes the model. When the view is notified that the model has changed, the view changes its appearance. The user can interact with the view (e.g. clicking stuff) but the view doesn’t know what to do. So the view tells the controller what the user did and assumes the controller knows what to do. The controller appropriately changes the model. And around and around it goes.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;This description is probably a nice summary for those who already understand the MVC architecture but it is way too short for someone who doesn’t know it already. Describing all the ins and outs of MVC is a task I’m not going to attempt in full. I will do three things:&lt;br /&gt;&lt;br /&gt;Recommend the books I found that explain MVC well.&lt;br /&gt;Describe some tips about MVC for JavaScript web applications in particular that I have found helpful.&lt;br /&gt;Provide a complete example.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1205713706349841897?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1205713706349841897/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1205713706349841897' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1205713706349841897'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1205713706349841897'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/mvc-architecture-for-javascript.html' title='MVC Architecture for JavaScript Applications'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-656466311019304553</id><published>2011-09-17T16:14:00.001+08:00</published><updated>2011-09-17T16:14:59.445+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>Changing the transparency of terminal in Mac OS Leopard</title><content type='html'>&lt;a href="http://hints.macworld.com/article.php?story=20001120133050864"&gt;Changing the transparency of terminal in Mac OS Leopard&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Go to Terminal -&gt; Preferences, Window tab, Background Color and change the opacity to whatever you like. The window will change as you change the percentage of opacity.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-656466311019304553?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/656466311019304553/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=656466311019304553' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/656466311019304553'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/656466311019304553'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/changing-transparency-of-terminal-in.html' title='Changing the transparency of terminal in Mac OS Leopard'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2617029694207332471</id><published>2011-09-14T20:53:00.002+08:00</published><updated>2011-09-14T21:01:43.354+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>卡牌屋</title><content type='html'>&lt;a href="http://heyjude0929.pixnet.net/blog/post/35596184"&gt;[閒聊]第一屆卡牌屋桌遊教學王評審心得&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;最後推薦一下卡牌屋台北店的新店面，在Kmall 25樓，很舒適&lt;br /&gt;有兩個四人桌和兩個可容納6人左右的沙發區，還有眾多遊戲可供選購&lt;br /&gt;  &lt;br /&gt;&lt;img src="http://pic.pimg.tw/heyjude0929/1314583105-a9a6aa26736ea3d76056642243ebe829_m.jpg"&gt;&lt;br /&gt;&lt;br /&gt;如果你坐在沙發區這邊，還可以順便遠眺台北的風景&lt;br /&gt;聽說夜景很美，只是我沒等到晚上就先離開了&lt;br /&gt;還有人起鬨說現在就要先把跨年的場地包起來了(因為看得到101煙火)XD&lt;br /&gt;&lt;br /&gt;7 wonders (2.2)&lt;br /&gt;Santiago (2.5)&lt;br /&gt;Puerto Rico (3.3)&lt;br /&gt;Caylus (3.8) &lt;br /&gt;Small World (2.3)&lt;br /&gt;Nuns on the run (2.1)&lt;br /&gt;Power grid (3.3)&lt;br /&gt;Dream Factory (2.1)&lt;br /&gt;RA (2.4)&lt;br /&gt;Cargo Noir (2.0) 這遊戲我沒聽過，是今年出的新遊戲......&lt;br /&gt;Betrayal at the house on the hill (2.2)&lt;br /&gt;Endeavor (2.9)&lt;br /&gt;Factory Manager (3.0)&lt;br /&gt;Ticket to Ride Europe (2.0)&lt;br /&gt;Race for the Galaxy  (2.9)  &lt;br /&gt;Tigers &amp; Euphrates (3.6)&lt;br /&gt;星杯傳說 (?)&lt;br /&gt;  &lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2617029694207332471?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2617029694207332471/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2617029694207332471' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2617029694207332471'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2617029694207332471'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/blog-post_14.html' title='卡牌屋'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6413335491802738963</id><published>2011-09-14T20:45:00.000+08:00</published><updated>2011-09-14T20:46:08.420+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>隱藏版美食 ~榆小舖＠景美</title><content type='html'>&lt;a href="http://machico.pixnet.net/blog/post/29740855-%E9%9A%B1%E8%97%8F%E7%89%88%E7%BE%8E%E9%A3%9F-~%E6%A6%86%E5%B0%8F%E8%88%96%EF%BC%A0%E6%99%AF%E7%BE%8E"&gt;隱藏版美食 ~榆小舖＠景美&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;16台北市文山區羅斯福路六段269號&lt;br /&gt;02-2932-6377&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6413335491802738963?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6413335491802738963/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6413335491802738963' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6413335491802738963'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6413335491802738963'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/blog-post.html' title='隱藏版美食 ~榆小舖＠景美'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-7189581955126115401</id><published>2011-09-13T00:17:00.001+08:00</published><updated>2011-09-13T00:17:51.400+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>Color Picker Pro</title><content type='html'>&lt;a href="http://fructivity.com/"&gt;Color Picker Pro&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-7189581955126115401?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/7189581955126115401/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=7189581955126115401' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7189581955126115401'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7189581955126115401'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/color-picker-pro.html' title='Color Picker Pro'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1942331992619465185</id><published>2011-09-12T23:19:00.001+08:00</published><updated>2011-09-12T23:20:49.623+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Linux'/><title type='text'>Master the Linux bash command line with these 10 shortcuts | TechRepublic</title><content type='html'>&lt;a href="http://www.techrepublic.com/article/master-the-linux-bash-command-line-with-these-10-shortcuts/5827311"&gt;Master the Linux bash command line with these 10 shortcuts | TechRepublic&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;4. Use key shortcuts to efficiently edit the command line&lt;br /&gt;bash supports anumber of keyboard shortcuts for command-line navigation and editing. The Ctrl-A key shortcutmoves the cursor to the beginning of the command line, while the Ctrl-E shortcutmoves the cursor to the end of the command line. The Ctrl-W shortcutdeletes the word immediately before the cursor, while the Ctrl-K shortcutdeletes everything immediately after the cursor. You can undo a deletion with Ctrl-Y.&lt;br /&gt;&lt;br /&gt;8. Perform calculations&lt;br /&gt;bash can performsimple arithmetic operations at the command prompt. To use this feature, simplytype in the arithmetic expression you wish to evaluate at the prompt withindouble parentheses, as illustrated below. bash will attemptto perform the calculation and return the answer.&lt;br /&gt;&lt;br /&gt;bash&gt; echo $((16/2))&lt;br /&gt;8&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1942331992619465185?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1942331992619465185/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1942331992619465185' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1942331992619465185'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1942331992619465185'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/master-linux-bash-command-line-with.html' title='Master the Linux bash command line with these 10 shortcuts | TechRepublic'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2125251754324095322</id><published>2011-09-12T21:28:00.005+08:00</published><updated>2011-09-12T22:05:46.305+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='software'/><category scheme='http://www.blogger.com/atom/ns#' term='browser'/><title type='text'>Ask HN: I am wasting so much of time, what can I do?</title><content type='html'>&lt;a href="https://chrome.google.com/webstore/detail/laankejkbhbdhmipfmgcngdelahlfoji"&gt;StayFocusd - Chrome plugin&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;br /&gt;1. There's also a StayFocusd[1] plugin for Chrome which will block sites for you.&lt;br /&gt;2. Also try &lt;a href="https://chrome.google.com/webstore/detail/nbgjmohekjolcgemlolblankocjlgalf"&gt;Crackbook&lt;/a&gt; [1] for Chrome which delays pages instead of banning them. Works much better for me that Stayfocusd, which I just disable after a while. (Disclaimer: I am the author.)&lt;br /&gt;3. Soundtracks from RTS games (ex: starcraft) can create a sort of Pavlovian Response, telling your brain "You are sitting at a computer carrying out a difficult task which takes a good deal of focus and mental exertion. This activity is fun and rewarding, and it is urgent that you do it as well and as quickly as possible."&lt;br /&gt;4. ust use the headphones without music to only get the wins from this. It's not like anyone except you can tell the difference&lt;br /&gt;5. Get a second device, like a tablet, which you use for surfing, reading, and leisure. Your laptop is no longer for that. It's exclusively for producing and for serious work.&lt;br /&gt;6. Get rid of your TV if you have it. Completely. That's really just a senseless time-sucker and you won't miss it within a week.&lt;br /&gt;7. Babysteps, babysteps, babysteps. Taken from today's Hacker News: "I can not emphasize how important baby steps are. They are the key to avoiding fatal frustration. I have a law that helps define the size of subtasks: DO NOT EVER LEAVE THE COMPUTER IF YOUR PROGRAM DOES NOT RUN." http://all-things-andy-gavin.com/2011/09/11/video-game-progr...&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;- Fighting your urge to "procrastinate" all day long leads to lots of decision fatigue that will make everything just worse: http://www.nytimes.com/2011/08/21/magazine/do-you-suffer-fro... . The best way around this is to create habits, as they will get you on autopilot through difficult procrastination situations within a month. Some great thoughts on this from Leo Babauta: http://zenhabits.net/will/ My personal take on this: The key is starting out VERY slow (one habit a month at the most) and keeping your expectations really low. The habit itself needs to survive through all times and is more important than the actual outcome. Example from me: I do exercises right before showering, but the least I do is 5 pushups. That sounds like nothing, and actually it isn't but I do them no matter what - drunk, late, sad, happy. Habits will eventually carry you through everything, but you just stick to them. Suggestions for you: Not reading e-mail after or before a certain time, turning of the computer completely at a certain time. Stuff like that.&lt;br /&gt;- Building on that, affirmations and meditation are extremely powerful as a habit too. I've written an article on this if you're interested: http://www.growinup.org/?p=5&lt;br /&gt;- Gym and sports definitely helps your willpower, as long as you don't discover another way of procrastination in there. It can happen ;-)&lt;br /&gt;- Knowing what you really want. Maybe you know already (I certainly did), but you're too scared and unfocused to really take action. If you're too scared, watch this: http://www.youtube.com/watch?v=Lk0hSeQ5s_k If you're too unfocused, read this: http://focusmanifesto.com/ Anyway, know what you wanna do and where you're going.&lt;br /&gt;- All these things helped me in a way, but the final piece for me comes here as promised. I've had a huge fight with my wife for all kinds of reasons related to my procrastination, and she told me something I've never forgot. I've distilled the essence of what she told me on a paper and I read it every night. Here it is, for you all to read:&lt;br /&gt;"Every time I pray, I feel you falling down this black hole, but I cannot help you. Only YOU can do it. No amount of reading or games or [insert your timesucker here] can fill that emptiness inside of you. So don't do stuff out of an impulse. Do it conciously. Whatever you do, choose to do it and accept the consequences. Don't be guilty about anything anymore - just accept that you made your choice and be responsible. There's no need to lie to yourself. It's just ok. Live, breathe, be gentle. There is one and one way only out of the frustration, anger and depression: Accept your choices. Love yourself. Leave the guild behind and FOLLOW YOUR HEART".&lt;br /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.pomodorotechnique.com/"&gt;Pomodoro Technique&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;1. Choose a task to be accomplished&lt;br /&gt;2. Set the Pomodoro to 25 minutes (the Pomodoro is the timer)&lt;br /&gt;3. Work on the task until the Pomodoro rings, then put a check on your sheet of paper&lt;br /&gt;4. Take a short break (5 minutes is OK)&lt;br /&gt;5. Every 4 Pomodoros take a longer break&lt;br /&gt;&lt;a href="http://www.pomodorotechnique.com/resources/ThePomodoroTechnique-CHN_v1-3.pdf"&gt;Pomodoro Technique book &lt;/a&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://orgmode.org/"&gt;Org - an Emacs Mode for Notes, Project Planning, and Authoring &lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;via: &lt;a href="http://news.ycombinator.com/item?id=2983834"&gt;Ask HN: I am wasting so much of time, what can I do?&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2125251754324095322?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2125251754324095322/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2125251754324095322' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2125251754324095322'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2125251754324095322'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/stayfocusd-chrome-plugin.html' title='Ask HN: I am wasting so much of time, what can I do?'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-863277279341850661</id><published>2011-09-12T20:23:00.000+08:00</published><updated>2011-09-12T20:24:40.293+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>「好文分享」蔣勳：過得像個人，才能看到美 - 點石成金 文創志業 自費出版的領航者 - udn部落格</title><content type='html'>&lt;a href="http://blog.udn.com/eastolga/5493256"&gt;「好文分享」蔣勳：過得像個人，才能看到美 - 點石成金 文創志業 自費出版的領航者 - udn部落格&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;幾年來，幾乎所有的竹科企業我都去過了，和企業的人有所接觸後，我才知道我過去有「知識偏執」的狀況，但我並沒有真正認識30歲上下的職場工作人員。&lt;br /&gt;&lt;br /&gt;竹科有一家上市公司的員工平均年齡是31.8歲，他們都是最優秀大學畢業的菁英。&lt;br /&gt;&lt;br /&gt;在開始工作的前10年，是人生很重要的階段，但他們卻通常是11點以後才下班。要戀愛，可能沒有時間戀愛；要買房子，就用世俗的固定模式買房子，找一個大家認為有名的設計師；要結婚，但用很草率的方式結婚。我知道很多工程師經由輔導去娶烏克蘭新娘，他們可能連戀愛的時間、耐心都沒有。&lt;br /&gt;&lt;br /&gt;真正的美，作假不得&lt;br /&gt;&lt;br /&gt;我原來希望的藝術是能恢復人的品味和人的感覺，但他們接觸了這些東西卻沒有感覺，像有些企業會固定舉辦一些音樂會，但他們卻沒有辦法進入那個世界。所以我現在希望向大家說的是「人的原點」，當我們失去了人的原點，談所有的美都是假的。&lt;br /&gt;&lt;br /&gt;我有一個朋友，住在信義路上億元的豪宅，找了日本最有名的設計師來裝潢，但有一次我去他家，發現他住了2年，可是廚房裡所有進口廚具的膠膜都沒撕掉。&lt;br /&gt;&lt;br /&gt;他的房子只是一個showroom。可是家不是showroom，家是讓你可以放鬆自在、活得像人的地方，家是因為住在裡面的人有自己的渴望、自己的感覺，才會有自己的風格。&lt;br /&gt;&lt;br /&gt;如果主人對這個家沒有意見、對自己的生活沒有看法，只想告訴別人買的是義大利最貴的床，那只是作假給別人看。&lt;br /&gt;&lt;br /&gt;你可以在家裡放很多明式家具，很美；你喜歡家裡很空，也很美，但這裡面的難度是你到底要什麼，如果你不知道，你找再有名的建築師設計都是假的，你怎麼樣回來做自己，才是最難的功課。&lt;br /&gt;&lt;br /&gt;我自己是住在淡水河邊，當時會在那裡買房子，是因為覺得淡水河口好漂亮，但是我房子的建商卻不知道善用那裡的美景，窗戶建得很小，我在房間裡就覺得好難過。&lt;br /&gt;&lt;br /&gt;所以我找了一個學建築的學生，他幫我開了12個窗，而且全部是往外推的推窗，比拉窗更有靠近河邊的感覺，還架出一個小陽台，所以我可以坐在小欄杆上看河，和淡水河只有2公尺的距離。&lt;br /&gt;&lt;br /&gt;我也不喜歡隔間，所以設計師幫我用高度界定出3個不同的區域。我家最高的地方是客廳，朋友來的時候坐在最高的地方喝茶；次高的地方是書房，我在那邊看書；再次高的地方是我的餐廳。我覺得這是我的房子、我的家，我是主人，我知道我要什麼。&lt;br /&gt;&lt;br /&gt;在穿著上，我喜歡純棉、純麻，因為我覺得它們很溫暖，材料本身有觸覺上的記憶，在排汗、吸汗的過程也非常舒服。加上我喜歡爬山、喜歡躺在草地上、喜歡在海灘捲起褲腳踩水，我喜歡這樣的生活，所以我就有我服裝的特徵，名牌就不適合我，因為我喜歡自在。&lt;br /&gt;&lt;br /&gt;找回人與人之間的感覺&lt;br /&gt;&lt;br /&gt;我現在不問工程師有沒有去聽音樂、看展覽，反而是問他們：「你們在這裡工作5年了，有沒有人可以告訴我公司門口那一排是什麼樹？」但很少人能夠回答的出來。&lt;br /&gt;&lt;br /&gt;事實上，他們公司門口那排小葉欖仁的葉子漂亮得不得了，綠色會在陽光裡發亮。後來我再去，就有一個員工和我說，「謝謝你告訴我這件事，我現在下班時會先看看小葉欖仁再回家，所以比較不會和太太吵架了。」&lt;br /&gt;&lt;br /&gt;他也問我現在5歲的女兒將來該學鋼琴、還是小提琴，但我建議11點下班的他多抱抱女兒，比較重要。因為所有的藝術講的都是人的故事，一個孩子如果不記得父親的體溫，她將來看畫、聽音樂都沒有感動。如果沒有人的記憶，所有藝術對她而言都只是賣弄而已。&lt;br /&gt;&lt;br /&gt;我們從年輕開始，就因為工作忙碌，忽略了人與人的感覺，但工作忙碌之餘，你還是一個人，你必須每分每秒提醒自己回來做人的部份。你看到了美，才會覺得這個世界是值得活下去的。如果你看到的只是品牌、只是假的美，你不見得快樂，那反而可能會是你憂鬱症的原因。&lt;br /&gt;&lt;br /&gt;找回美的感覺其實很簡單，去觸摸一片葉子，去聞一下在很熱很熱的夏天、下完午後暴雨的氣味，那是都我們有記憶的感覺，那都會引發我們的感觸和感動。&lt;br /&gt;&lt;br /&gt;現在美常常成為新的知識、新的壓力，博士可能毫無美感，但一個不識字的美濃農夫卻可以很美，他看得到月光的美、看得到稻浪翻飛的美。美是最大的財富，它不會因為你的學歷而不同，而是因為你人的部份完不完整而不同。&lt;br /&gt;&lt;br /&gt;週休二日，回來做自己&lt;br /&gt;&lt;br /&gt;&lt;span class="hi"&gt;現在台灣過週休二日，好像非要全家去吃一個餐廳、到哪裡去看薰衣草、喝咖啡，全部整套，然後全部的人塞車塞到一肚子氣。我們對休閒的定義是滿僵化的，好像一定要別人服務我們才算是休閒。&lt;br /&gt;&lt;br /&gt;我自己假日的時候喜歡自己一個人做4菜1湯，因為我覺得做菜好快樂。我也很喜歡在週休二日洗我自己最喜歡的純棉的、純麻的襯衫，絕不丟給洗衣機，因為我覺得觸感好極了。看到它們晾在陽光裡、在風裡飄，白的好漂亮，我的週休二日就很快樂，因為我回來做自己。&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;在7、8月，民生東路六段有全台北最漂亮的大花紫薇，即使有車可開，那時候我也絕對要走路，這些是讓我最快樂的事，這才是人。如果我們吃得不像人，穿得不像人，生活都失去了人的意義，那談藝術太遙遠。&lt;br /&gt;&lt;br /&gt;我談我的生活，並不希望別人學我。每個人是不一樣的，不要隨便相信價格、人云亦云，生活中的美學，應該是不按照別人安排的。每個人應該用自己的生命，去創造自己的生活美學出來。&lt;br /&gt;&lt;br /&gt;蔣勳，60歲。學歷：文化大學史學系、文化大學藝術研究所、法國巴黎大學藝術研究所。經歷：曾任《雄獅美術》月刊主編，並先後執教於文化大學、輔仁大學與東海大學美術系，著有小說、散文、藝術史、美學論述作品數十種。現任：新竹IC之音電台《美的沈思》節目主持人&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;出處: 「好文分享」蔣勳：過得像個人，才能看到美 - 點石成金 文創志業 自費出版的領航者 - udn部落格 http://blog.udn.com/eastolga/5493256#ixzz1XjyMB4x1&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-863277279341850661?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/863277279341850661/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=863277279341850661' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/863277279341850661'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/863277279341850661'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/udn.html' title='「好文分享」蔣勳：過得像個人，才能看到美 - 點石成金 文創志業 自費出版的領航者 - udn部落格'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8063349369815048628</id><published>2011-09-07T15:16:00.001+08:00</published><updated>2011-09-07T15:16:48.184+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>Change Vision — Astah Community, UML, Professional, Share and iPad</title><content type='html'>&lt;a href="http://astah.net/editions/community"&gt;Change Vision — Astah Community, UML, Professional, Share and iPad&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;畫 UML, flow chart.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8063349369815048628?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8063349369815048628/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8063349369815048628' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8063349369815048628'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8063349369815048628'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/change-vision-astah-community-uml.html' title='Change Vision — Astah Community, UML, Professional, Share and iPad'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8338311257813416596</id><published>2011-09-05T00:43:00.001+08:00</published><updated>2011-09-05T00:44:58.657+08:00</updated><title type='text'>tl;dr</title><content type='html'>&lt;a href="http://www.urbandictionary.com/define.php?term=tl%3Bdr"&gt;tl;dr&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;Said whenever a nerd makes a post that is too long to bother reading.&lt;br /&gt;"omg you postwench. i can only say one thing in response - tl;dr" &lt;br /&gt;"tl;dr...why dont you give up on your unabridged edition of War and Peace or at least stop posting it here?"&lt;br /&gt;&lt;br /&gt;	&lt;br /&gt;Too Long; Didn't Read &lt;br /&gt;&lt;br /&gt;Literally translates to: That was too long to read. &lt;br /&gt;Really translates to: I'm too lazy to read the entirety of what you said, but I still want to say something. &lt;br /&gt;&lt;br /&gt;Now, instead of just dropping capitals the modern internet communicator&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8338311257813416596?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8338311257813416596/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8338311257813416596' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8338311257813416596'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8338311257813416596'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/tldr.html' title='tl;dr'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4323613275477145340</id><published>2011-09-05T00:38:00.000+08:00</published><updated>2011-09-05T00:39:30.426+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='software'/><title type='text'>curl网站开发指南 - 阮一峰的网络日志</title><content type='html'>&lt;a href="http://www.ruanyifeng.com/blog/2011/09/curl.html"&gt;curl网站开发指南 - 阮一峰的网络日志&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;br /&gt;我一向以为，curl只是一个编程用的函数库。&lt;br /&gt;最近才发现，这个命令本身，就是一个无比有用的网站开发工具，请看我整理的它的用法。&lt;br /&gt;===================================&lt;br /&gt;curl网站开发指南&lt;br /&gt;阮一峰 整理&lt;br /&gt;&lt;br /&gt;curl是一种命令行工具，作用是发出网络请求，然后得到和提取数据，显示在"标准输出"（stdout）上面。&lt;br /&gt;它支持多种协议，下面举例讲解如何将它用于网站开发。&lt;br /&gt;一、查看网页源码&lt;br /&gt;直接在curl命令后加上网址，就可以看到网页源码。我们以网址www.sina.com为例（选择该网址，主要因为它的网页代码较短）：&lt;br /&gt;　　curl www.sina.com&lt;br /&gt;　　&lt;!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"&gt;&lt;br /&gt;　　&lt;html&gt;&lt;head&gt;&lt;br /&gt;　　&lt;title&gt;301 Moved Permanently&lt;/title&gt;&lt;br /&gt;　　&lt;/head&gt;&lt;body&gt;&lt;br /&gt;　　&lt;h1&gt;Moved Permanently&lt;/h1&gt;&lt;br /&gt;　　&lt;p&gt;The document has moved &lt;a href="http://www.sina.com.cn/"&gt;here&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;　　&lt;/body&gt;&lt;/html&gt;&lt;br /&gt;如果要把这个网页保存下来，可以使用-o参数，这就相当于使用wget命令了。&lt;br /&gt;　　curl -o [文件名] www.sina.com&lt;br /&gt;二、自动跳转&lt;br /&gt;有的网址是自动跳转的。使用-L参数，curl就会跳转到新的网址。&lt;br /&gt;　　curl -L www.sina.com&lt;br /&gt;键入上面的命令，结果就自动跳转为www.sina.com.cn。&lt;br /&gt;三、显示头信息&lt;br /&gt;-i参数可以显示http response的头信息，连同网页代码一起。&lt;br /&gt;　　curl -i www.sina.com&lt;br /&gt;　　HTTP/1.0 301 Moved Permanently&lt;br /&gt;　　Date: Sat, 03 Sep 2011 23:44:10 GMT&lt;br /&gt;　　Server: Apache/2.0.54 (Unix)&lt;br /&gt;　　Location: http://www.sina.com.cn/&lt;br /&gt;　　Cache-Control: max-age=3600&lt;br /&gt;　　Expires: Sun, 04 Sep 2011 00:44:10 GMT&lt;br /&gt;　　Vary: Accept-Encoding&lt;br /&gt;　　Content-Length: 231&lt;br /&gt;　　Content-Type: text/html; charset=iso-8859-1&lt;br /&gt;　　Age: 3239&lt;br /&gt;　　X-Cache: HIT from sh201-9.sina.com.cn&lt;br /&gt;　　Connection: close&lt;br /&gt;　　&lt;!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"&gt;&lt;br /&gt;　　&lt;html&gt;&lt;head&gt;&lt;br /&gt;　　&lt;title&gt;301 Moved Permanently&lt;/title&gt;&lt;br /&gt;　　&lt;/head&gt;&lt;body&gt;&lt;br /&gt;　　&lt;h1&gt;Moved Permanently&lt;/h1&gt;&lt;br /&gt;　　&lt;p&gt;The document has moved &lt;a href="http://www.sina.com.cn/"&gt;here&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;　　&lt;/body&gt;&lt;/html&gt;&lt;br /&gt;-I参数则是只显示http response的头信息。&lt;br /&gt;四、显示通信过程&lt;br /&gt;-v参数可以显示一次http通信的整个过程，包括端口连接和http request头信息。&lt;br /&gt;　　curl -v www.sina.com&lt;br /&gt;　　* About to connect() to www.sina.com port 80 (#0)&lt;br /&gt;　　* Trying 61.172.201.195... connected&lt;br /&gt;　　* Connected to www.sina.com (61.172.201.195) port 80 (#0)&lt;br /&gt;　　&gt; GET / HTTP/1.1&lt;br /&gt;　　&gt; User-Agent: curl/7.21.3 (i686-pc-linux-gnu) libcurl/7.21.3 OpenSSL/0.9.8o zlib/1.2.3.4 libidn/1.18&lt;br /&gt;　　&gt; Host: www.sina.com&lt;br /&gt;　　&gt; Accept: */*&lt;br /&gt;　　&gt; &lt;br /&gt;　　* HTTP 1.0, assume close after body&lt;br /&gt;　　&lt; HTTP/1.0 301 Moved Permanently&lt;br /&gt;　　&lt; Date: Sun, 04 Sep 2011 00:42:39 GMT&lt;br /&gt;　　&lt; Server: Apache/2.0.54 (Unix)&lt;br /&gt;　　&lt; Location: http://www.sina.com.cn/&lt;br /&gt;　　&lt; Cache-Control: max-age=3600&lt;br /&gt;　　&lt; Expires: Sun, 04 Sep 2011 01:42:39 GMT&lt;br /&gt;　　&lt; Vary: Accept-Encoding&lt;br /&gt;　　&lt; Content-Length: 231&lt;br /&gt;　　&lt; Content-Type: text/html; charset=iso-8859-1&lt;br /&gt;　　&lt; X-Cache: MISS from sh201-19.sina.com.cn&lt;br /&gt;　　&lt; Connection: close&lt;br /&gt;　　&lt; &lt;br /&gt;　　&lt;!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"&gt;&lt;br /&gt;　　&lt;html&gt;&lt;head&gt;&lt;br /&gt;　　&lt;title&gt;301 Moved Permanently&lt;/title&gt;&lt;br /&gt;　　&lt;/head&gt;&lt;body&gt;&lt;br /&gt;　　&lt;h1&gt;Moved Permanently&lt;/h1&gt;&lt;br /&gt;　　&lt;p&gt;The document has moved &lt;a href="http://www.sina.com.cn/"&gt;here&lt;/a&gt;.&lt;/p&gt;&lt;br /&gt;　　&lt;/body&gt;&lt;/html&gt;&lt;br /&gt;　　* Closing connection #0&lt;br /&gt;如果你觉得上面的信息还不够，那么下面的命令可以查看更详细的通信过程。&lt;br /&gt;　　curl --trace output.txt www.sina.com&lt;br /&gt;或者&lt;br /&gt;　　curl --trace-ascii output.txt www.sina.com&lt;br /&gt;运行后，请打开output.txt文件查看。&lt;br /&gt;五、发送表单信息&lt;br /&gt;发送表单信息有GET和POST两种方法。GET方法相对简单，只要把数据附在网址后面就行。&lt;br /&gt;　　curl example.com/form.cgi?data=xxx&lt;br /&gt;POST方法必须把数据和网址分开，curl就要用到--data参数。&lt;br /&gt;　　curl --data "data=xxx" example.com/form.cgi&lt;br /&gt;如果你的数据没有经过表单编码，还可以让curl为你编码，参数是--data-urlencode。&lt;br /&gt;　　curl --data-urlencode "date=April 1" example.com/form.cgi&lt;br /&gt;六、文件上传&lt;br /&gt;假定文件上传的表单是下面这样：&lt;br /&gt;　　&lt;form method="POST" enctype='multipart/form-data' action="upload.cgi"&gt;&lt;br /&gt;　　　　&lt;input type=file name=upload&gt;&lt;br /&gt;　　　　&lt;input type=submit name=press value="OK"&gt;&lt;br /&gt;　　&lt;/form&gt;&lt;br /&gt;你可以用curl这样上传文件：&lt;br /&gt;　　curl --form upload=@localfilename --form press=OK [URL]&lt;br /&gt;七、Referer字段&lt;br /&gt;有时你需要在http request头信息中，提供一个referer字段，表示你是从哪里跳转过来的。&lt;br /&gt;　　curl --referer http://www.example.com http://www.example.com&lt;br /&gt;八、User Agent字段&lt;br /&gt;这个字段是用来表示客户端的设备信息。服务器有时会根据这个字段，针对不同设备，返回不同格式的网页，比如手机版和桌面版。&lt;br /&gt;iPhone4的User Agent是&lt;br /&gt;　　Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A293 Safari/6531.22.7&lt;br /&gt;curl可以这样模拟：&lt;br /&gt;　　curl --user-agent "[User Agent]" [URL]&lt;br /&gt;九、cookie&lt;br /&gt;使用--cookie参数，可以让curl发送cookie。&lt;br /&gt;　　curl --cookie "name=xxx" www.example.com&lt;br /&gt;至于具体的cookie的值，可以从http response头信息的Set-Cookie字段中得到。&lt;br /&gt;十、增加头信息&lt;br /&gt;有时需要在http request之中，自行增加一个头信息。--header参数就可以起到这个作用。&lt;br /&gt;　　curl --header "xxx: xxxxxx" http://example.com&lt;br /&gt;十一、HTTP认证&lt;br /&gt;有些网域需要HTTP认证，这时curl需要用到--user参数。&lt;br /&gt;　　curl --user name:password example.com&lt;br /&gt;【参考资料】&lt;br /&gt;　　* Using cURL to automate HTTP jobs&lt;br /&gt;　　* 教你学用CURL&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4323613275477145340?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4323613275477145340/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4323613275477145340' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4323613275477145340'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4323613275477145340'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/curl.html' title='curl网站开发指南 - 阮一峰的网络日志'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6223893262140272920</id><published>2011-09-03T10:51:00.001+08:00</published><updated>2011-09-03T10:53:43.122+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>四川特色滷味麵店 @ RainDog @ Macau :: 痞客邦 PIXNET ::</title><content type='html'>&lt;a href="http://raindog.pixnet.net/blog/post/29069980-%E5%9B%9B%E5%B7%9D%E7%89%B9%E8%89%B2%E6%BB%B7%E5%91%B3%E9%BA%B5%E5%BA%97"&gt;四川特色滷味麵店 @ RainDog @ Macau :: 痞客邦 PIXNET ::&lt;/a&gt;&lt;br /&gt;pm 6:00 - am 1:00&lt;br /&gt;&lt;a href="http://maps.google.com.tw/maps?q=%E5%9B%9B%E5%B7%9D%E7%89%B9%E8%89%B2&amp;hl=zh-TW&amp;ie=UTF8&amp;ll=25.044062,121.568763&amp;spn=0.010673,0.022724&amp;sll=25.0436,121.568765&amp;sspn=0.011159,0.022724&amp;vpsrc=0&amp;brcurrent=3,0x3442abadec7543e7:0x5dbcdd8252aeabe7,0,0x3442ac6b61dbbd9d:0xc0c243da98cba64b&amp;z=16&amp;iwloc=A"&gt;110台北市信義區永吉路30巷與松隆路交叉口&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6223893262140272920?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6223893262140272920/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6223893262140272920' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6223893262140272920'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6223893262140272920'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/09/raindog-macau-pixnet.html' title='四川特色滷味麵店 @ RainDog @ Macau :: 痞客邦 PIXNET ::'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8669110993354473134</id><published>2011-08-29T23:33:00.001+08:00</published><updated>2011-08-29T23:37:12.735+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>送給新鮮人的 7 項建議 – MMDays</title><content type='html'>&lt;a href="http://mmdays.com/2011/08/29/for-freshmen/"&gt;送給新鮮人的 7 項建議 – MMDays&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;br /&gt;擁有正確的理財觀念&lt;br /&gt;我一直很喜歡 Tim O’Reilly 的一句話: &lt;span class="hi"&gt;“Money is like gasoline during a road trip. You have to pay attention to money, but it shouldn’t be about the money. (金錢就像旅程中開車時的汽油一般，你需要注意金錢的狀況，但是整個旅程的意義本身跟金錢無關)”&lt;/span&gt;。擁有好的金錢價值觀可以讓你生活更舒適一點，這裡說的舒適不是說，你要住豪宅，開名車，而是指心靈跟生活上的輕鬆。也就是說你生活不需要特別憂慮明天有欠誰錢? 下一餐的著落在哪邊? 因此可以有時可以恣意地輕鬆地喝個下午茶，做做自己感興趣的東西。所以，你得學會控制住自己的慾望，並且瞭解到自己真正的渴望是什麼。如果不瞭解自己，那麼你可以先從記帳開始，透過每天的開銷來認識你自己。理財並不複雜，你只要記得最基本的原則: 永遠讓你的淨收入大於你的淨支出。其他的都是次要的。&lt;br /&gt;&lt;br /&gt;當個怪人&lt;br /&gt;在一個群體當中，最困難的事情就是維持獨立思考。因為你永遠不想當個團體中的異類，當大家要去唱 KTV 時，你也遷就著；當大家要去夜衝時，你也遷就著。於是你的時間就這麼蹉跎了，重點是，這個蹉跎的時間還不是為了你自己想要達成的夢想。當然，你會這麼做，正是因為你還沒搞清楚你想要做什麼。所以，常常會有這個狀況: 人家說你數學不好，你就拼命補數學；人家說你體育差，你是不是也跟人家一起去練習跑步? 不過，你可以選擇每天悠閒地慢跑，但是你知道你的目標不是為了田徑競賽，而是你喜歡那種有節奏的步伐，乘著微風的感覺；你知道你要學習數學，是因為你至少每天得用到基本的加減乘除，來解決生活上面所遇到的基本計算，這跟你的考試一點關係也沒有。瞭解到自己是多麼地與眾不同，總比盲目地跟隨著群體運動來得好多。&lt;br /&gt;&lt;br /&gt;人生是一段單向道的旅程&lt;br /&gt;你要理解這個樣子的事實，人生無論如何怎麼樣都不可能重來。你可能會犯錯，你可能會跌倒，不過那又怎麼樣? 重點是，你從你之前的人生中到底悟到了什麼! 多一步或是少一步，你都不可能是現在的你。所以，好好地接受你的過去，就代表你能好好地接受現在的你；這也代表著，你將能夠從你之前的經驗挖掘出寶貴的東西。如果你無法接受，甚至正視你自己，那麼寶箱在你前面，沒有開啟也是徒然。世界，是在你的腦裡面，不是在你的腦外面；瞭解到這一點，你的世界就很容易改變了。除此之外，為了讓你的人生不要可惜了、遺憾了，該做什麼的時候，就做什麼。緣分是很難得的，可以跟父母開開心心地聊上一個下午或晚上的時光會在單向道上消失的；可以跟好友一起瘋狂、一起努力的時光會在單向道上消失的；可以跟戀人一起擁抱、一起牽手的時光會在單向道上消失的。重點不是你失去了什麼、得到了什麼，重點是你怎麼樣經歷了這些什麼。人生難得，人生中最重要的事情就是人生，其它的，都是次要的。最後，如果可以的話，儘量讓你的單行道長一點，因為精彩的總是在後邊。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8669110993354473134?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8669110993354473134/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8669110993354473134' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8669110993354473134'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8669110993354473134'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/7-mmdays.html' title='送給新鮮人的 7 項建議 – MMDays'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2765813941600435809</id><published>2011-08-25T15:27:00.003+08:00</published><updated>2011-08-25T15:29:39.833+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><title type='text'>scroll and fixed</title><content type='html'>網頁上常見的特效: 捲動到某個地方後, 頁面的 element 就會dock 在頁面的上方, 可以用在比較長的表單, 作法就是去算doucment.scrollTop 到了預設的地方之後把 element 設成 {poistion:fixed, top:0}&lt;br /&gt;ex: less.org&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2765813941600435809?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2765813941600435809/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2765813941600435809' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2765813941600435809'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2765813941600435809'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/scroll-and-fixed.html' title='scroll and fixed'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4686667757744856578</id><published>2011-08-25T10:52:00.001+08:00</published><updated>2011-08-25T10:52:45.717+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='quote'/><title type='text'>知得過、不及處，就是中和。</title><content type='html'>&lt;br /&gt;&lt;a href="http://www.millionbook.net/gd/w/wangyangming/cxl/014.htm"&gt;王陽明--&gt;傳習錄--&gt;門人黃省曾錄&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;　【３０４】問：“良知原是中和的，如何卻有過、不及？”先生曰：“知得過、不及處，就是中和。” &lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4686667757744856578?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4686667757744856578/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4686667757744856578' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4686667757744856578'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4686667757744856578'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/blog-post_25.html' title='知得過、不及處，就是中和。'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2729036714470937179</id><published>2011-08-24T11:14:00.000+08:00</published><updated>2011-08-24T11:15:46.145+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='chrome'/><title type='text'>chrome extension - world time buddy</title><content type='html'>&lt;a href="https://chrome.google.com/webstore/detail/jdhpjomiingppeefgnohkiapmnaeakoj?hl=zh-TW&amp;hc=search&amp;hcp=main"&gt;chrome extension - world time buddy&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.worldtimebuddy.com/"&gt;http://www.worldtimebuddy.com/&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2729036714470937179?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2729036714470937179/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2729036714470937179' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2729036714470937179'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2729036714470937179'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/chrome-extension-world-time-buddy.html' title='chrome extension - world time buddy'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-3363401485475560285</id><published>2011-08-22T14:33:00.001+08:00</published><updated>2011-08-22T14:33:50.410+08:00</updated><title type='text'>三個演講</title><content type='html'>1. 史帝夫．賈伯斯2005年史丹佛大学畢業演講 http://t.cn/anHwH8&lt;br /&gt;&lt;br /&gt;2. J.K．羅琳2008年哈佛大學畢業演講 http://t.cn/aE4zuW&lt;br /&gt;&lt;br /&gt;3. 蘭迪．鮑許教授的最後一次演講 http://t.cn/anHwke&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-3363401485475560285?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/3363401485475560285/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=3363401485475560285' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3363401485475560285'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3363401485475560285'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/blog-post_22.html' title='三個演講'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4570695783625241618</id><published>2011-08-22T12:01:00.004+08:00</published><updated>2011-08-22T14:22:08.474+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>How GitHub Works</title><content type='html'>&lt;a href="http://zachholman.com/posts/how-github-works/"&gt;How GitHub Works&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-weight:bold;"&gt;Hours are bullshit&lt;/span&gt;&lt;br /&gt;Hours are great ways to determine productivity in many industries, but not ours. Working in a startup is a much different experience than working in a factory. You can’t throw more time at a problem and expect it to get solved. &lt;span class="hi"&gt;Code is a creative endeavor. You need to be in the right mindset to create high-quality code.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Think back to the last time you were depressed or angry. How productive were you? Now think back to the last time you were truly productive. Code flying from your fingertips. Not just the sheer quantity- the sheer quality of that code. When you’re in the right mindset, your best day of coding can trump weeks of frustrated keyboard-tapping.&lt;br /&gt;&lt;br /&gt;We want employees to be in the zone as often as possible. Mandating specific times they need to be in the office hurts the chances of that. Forcing me in the office at 9am will never, ever get me in the zone, but half of GitHub may very well work best in the morning.&lt;br /&gt;&lt;br /&gt;&lt;span class=""hi&gt;By allowing for a more flexible work schedule, you create an atmosphere where employees can be excited about their work. Ultimately it should lead to more hours of work, with those hours being even more productive. Working weekends blur into working nights into working weekdays, since none of the work feels like work.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Be Asynchronous&lt;/span&gt;&lt;br /&gt;GitHub didn’t have an office for the first two years. Chat rooms (in our case, Campfire) is where things got done. Today we’ve moved into our second office, and Campfire is still where we get things done. &lt;span class="hi&gt;There’s a reason for that: chat is asynchronous.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Asynchronous communication means I can take a step out for lunch and catch up on transcripts when I get back. Asynchronous communication means I can ask my coworker a question in-chat and not worry about bothering her since she’ll get back to me when she’s available. Asynchronous communication means I can go to rural Minnesota and feel like I’m working from the office like normal.&lt;br /&gt;&lt;br /&gt;The majority of our development workflow involves Pull Requests. I’m going to be going into a lot more detail about this in future blog posts and talks but in the meantime let me say this: living in a pull request world is sublime. Gone are days at companies with complicated branching strategies, with in-person code-on-a-screen code review.&lt;br /&gt;&lt;br /&gt;If I want to add a new feature or impact the codebase, I’ll push a new branch, create a Pull Request for it, and my coworkers will review it 1) if they’re impacted by those changes, 2) interested in the subject, or 3) when they have ample time to check out my changes. At that point, we can run a partial deploy of that branch on different subsets of machines and try things out in production, and if everything looks good, merge into master.&lt;br /&gt;&lt;br /&gt;With Pull Requests, I don’t have to drag anyone into a meeting that’s inconvenient for them and for me. There’s a good reason for that, too:&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4570695783625241618?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4570695783625241618/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4570695783625241618' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4570695783625241618'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4570695783625241618'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/how-github-works.html' title='How GitHub Works'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1247630613824072125</id><published>2011-08-22T11:24:00.000+08:00</published><updated>2011-08-22T11:25:28.895+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='aws'/><title type='text'>Amazon’s physical hardware and EC2 compute unit « Huan Liu's Blog</title><content type='html'>&lt;a href="http://huanliu.wordpress.com/2010/06/14/amazons-physical-hardware-and-ec2-compute-unit/"&gt;Amazon’s physical hardware and EC2 compute unit « Huan Liu's Blog&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;CPUID&lt;/span&gt;&lt;br /&gt;The “cpuid” instruction is supported by all x86 CPU manufacturers, and it is designed to report the capabilities of the CPU. &lt;span class="hi"&gt;This instruction is non-trapping, meaning that you can execute it in user mode without triggering protection trap. In the Xen paravirtualized hypervisor (what Amazon uses), it means that the hypervisor would not be able to intercept the instruction, and change the result that it returns.&lt;/span&gt; Therefore, the output from “cpuid” is the real output from the physical CPU.&lt;br /&gt;We look at several fields in the “cpuid” output. First and foremost, we look at the branding string, which identifies the CPU’s model number. We also look at “local APIC physical ID” in (1/ebx). The “APIC ID” is unique for a physical core. By enumerating all “APIC ID”s, we know how many physical cores are there. Lastly, we look at “Logical CPU cores” in (0×80000008/ecx). It is supposed to show how many hyper-thread cores are on a physical core.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1247630613824072125?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1247630613824072125/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1247630613824072125' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1247630613824072125'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1247630613824072125'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/amazons-physical-hardware-and-ec2.html' title='Amazon’s physical hardware and EC2 compute unit « Huan Liu&apos;s Blog'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8987091930496702794</id><published>2011-08-22T10:42:00.004+08:00</published><updated>2011-08-22T11:13:30.102+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='node'/><title type='text'>NodeJS – The what, why, how and when | Xebia Blog</title><content type='html'>&lt;a href="http://blog.xebia.com/2011/08/nodejs-the-what-why-how-and-when/"&gt;NodeJS – The what, why, how and when | Xebia Blog&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-weight:bold;"&gt;What is NodeJS?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;The NodeJS five-word sales pitch from their own website is “Evented I/O for V8 Javascript”. We’ll get to what that means exactly in the How. &lt;span class="hi"&gt;NodeJS, in a few more words, is a server-side application framework with a focus on high concurrent performance. Applications written for Node run in a single-threaded, event-based process.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Event-based programming approaches this in a different matter. When calling the blocking operation, you pass it an additional argument: a block of code to execute when the operation has completed. Instead of waiting for a reply from the user or the database, the application continues its execution.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Why&lt;/span&gt;&lt;br /&gt;Why evented I/O? The short answer: Latency.&lt;br /&gt;&lt;br /&gt;What does this mean? Effectively, it means that classic, blocking processes twiddle their thumbs for 41,000,000 CPU cycles while waiting for something from disk to load. Those processes can’t do anything else while they twiddle their thumbs, so in the case of a webserver, other requests get paused until the application has received its data.&lt;br /&gt;&lt;br /&gt;The classic solution for this problem: Add moar processes. When one process twiddles its thumbs waiting for data, the other process can take over and handle the next request. With 200 processes available for handling requests, consumers never have to wait long in the queue for their request to be handled by the next freed process.&lt;br /&gt;&lt;br /&gt;But it has its limits. Hard limits, even, which have been the source of many outages in the past. What if there’s a big delay on the network for whatever reason? What if there’s more new requests coming in per second than the database can process? The 200 processes each block once they reach the point where they retrieve data from the network, and once they’re all occupied, the webserver simply stops serving requests, users time out, and Twitter trends with messages like “IS #SOMESITE.COM DOWN? #FML”.&lt;br /&gt;&lt;br /&gt;How does Node solve this? Well, to put it simply, it doesnt’t twiddle its thumbs. It goes ‘Alright underlying system, give me this information from the network. I’ll go do something useful, lemme know when you’re done aight? Aight.’ And then it proceeds to do something useful, like handle the next request.&lt;br /&gt;&lt;br /&gt;It’s the ‘lemme know when you’re done’ that contains the core of NodeJS’s performance. Instead of waiting for something to be retrieved (blocking), it continues to run (non-blocking). No precious CPU cycles get wasted that way waiting.&lt;br /&gt;&lt;br /&gt;Because it doesn’t block, there’s also a greatly reduced need for running multiple processes. It just keeps going, regardless of how many requests it has to handle. When it receives a bazillion requests, it doesn’t run out of processes or some other arbitrary limit, it just handles each one, one by one. It handles each event as it’s triggered, one at a time, and it does so very rapidly.&lt;br /&gt;&lt;br /&gt;It’s like ordering food. You step up to the counter of your local fast food store, and order a hamburger. Classically, you stand there and wait until the chef is done and the person serving gives you your order, while others queue up neatly behind you. In the multi-threaded approach, the store hires more serving personnel and chefs that can each handle one customer at a time.&lt;br /&gt;&lt;br /&gt;In the non-blocking approach, the servant smiles, says “Alright sir, please pick a seat, your order will be brought to you when it’s done. Next!”. And so it continues. The servant passes the order to the kitchen, the kitchen prepares your burger, and a pretty serving girl brings you your hamburger when it’s done. The queue passes the counter quickly, because everything the servant does is take the people’s order and pass it along.&lt;br /&gt;&lt;br /&gt;If only fast food stores actually worked like this.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Why Javascript?&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;First, event handling, callbacks and asynchronous behavior are at its core. It’s been used in this fashion for years in its natural habitat, the browser. Opening a file or network resource and passing that method a callback isn’t that different from triggering an AJAX-call with a callback – in fact, it’s exactly the same. The browser is inherently asynchronous, as pretty much every piece of logic relies on user input, network I/O, or something simpler as a timed event – each of those would block the execution of the script if it was done with blocking operations, and that’s the last thing you want in a user-experience heavy application like a webbrowser.&lt;br /&gt;&lt;br /&gt;Event handling is at the core of both Javascript as a language and as a way of thinking for Javascript developers, which is another important reasoning behind using Javascript: It’s familiar to many developers. Javascript is a bit of a ninja amongst programming languages – most people don realize it’s one of the most-used programming languages out there. Its popularity has boosted significantly over the last decade, with the rise of AJAX, highly interactive and responsive web applications, streaming updates, and big companies like Google pushing web applications as a primary platform for all kinds of applications.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;Why single-threaded?&lt;/span&gt;&lt;br /&gt;The advantages of a single-threaded application is that the processor doesn’t have the overhead of context switching (when one thread gets CPU time while the other’s paused). There’s no heap allocations or forks or startup sequences that need to be done when creating a new thread. Besides that, there’s of course the obvious advantage of not needing to program with concurrency in the back of your head. Less headache, less hard-to-track bugs, less specific knowledge and understanding needed, etc.&lt;br /&gt;&lt;br /&gt;But what about modern-day hardware? The mainstream CPU builders don’t build single-core processors anymore, it’s all fancy dual-, quad-, hexa- and octacores these days, with even more cores and special-purpose components to be added in the nearby future.&lt;br /&gt;&lt;br /&gt;Well, that’s not a problem. &lt;span class="hi"&gt;Whilst a Node program is single-threaded, there’s nothing stopping you from creating multiple Node processes and running them side-by-side, each using a single core. Put a loadbalancer or reverse proxy like nginx in front of it , either on the same server or externally, and you’re done. You could even use another Node process as a loadbalancer.&lt;/span&gt; Of course, you’d have to be using a back-end storage system that can handle concurrent requests (i.e. from multiple Node processes) in order to be able to do that.&lt;br /&gt;&lt;br /&gt;But V8 can also run outside of the browser, and, being an open source project, has been extended to create NodeJS. &lt;span class="hi"&gt;Node adds a thread pool (using libeio), event loop (libevent), and fancy things like DNS resolving and cryptography.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;On top of that are a bunch of Node bindings for I/O (sockets, HTTP, etc).&lt;br /&gt;&lt;br /&gt;Finally, a standard library to do pretty much everything you need written in pure Javascript is built on top of that. Have a picture:&lt;br /&gt;&lt;img src="https://lh3.googleusercontent.com/Jlerx4Pt-eVtgsVWblcv3pG0iG35EOc74k6yGxQVK_Fpq4qdUaKgwCuhejHlbEaYWb7rSm32VfSmTvhZVfcNPlk5VUtyPBRpdXyalOpA6fq6yVxdFns" alt="" width="256px;" height="206px;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;when&lt;/span&gt;&lt;br /&gt;With that out of the way, here’s a few use cases Node can be used for and can excel at:&lt;br /&gt;&lt;br /&gt;Generic web framework. It’s got all the things you need – server-side logic, connectors for back-end systems (like databases), file serving, template parsing (with a wide variety of template languages), authentication, you name it.&lt;br /&gt;Highly concurrent websites – high-volume webservices, varying loads, etc.&lt;br /&gt;Highly concurrent connections – for example, websockets with many clients sending and receiving data.&lt;br /&gt;Back-end systems dealing with files. Example: &lt;span class="hi"&gt;GitHub’s Nodeload, which prepares Git repositories for download by compressing them into tarballs. It calls git archive, waits, then streams the result back to the user using Node’s stream API’s. (output I/O is also I/O and can benefit from evented I/O). See https://github.com/blog/900-nodeload2-downloads-reloaded&lt;/span&gt;&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8987091930496702794?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8987091930496702794/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8987091930496702794' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8987091930496702794'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8987091930496702794'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/nodejs-what-why-how-and-when-xebia-blog.html' title='NodeJS – The what, why, how and when | Xebia Blog'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4689797572581968479</id><published>2011-08-17T18:13:00.001+08:00</published><updated>2012-01-02T16:02:43.283+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Linux'/><title type='text'>tar</title><content type='html'>tar -zpcv -f /root/etc.tar.gz /etc&lt;br /&gt;&lt;br /&gt;or&lt;br /&gt;&lt;br /&gt;tar zcv etc &gt; foo.tar.gz&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4689797572581968479?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4689797572581968479/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4689797572581968479' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4689797572581968479'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4689797572581968479'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/tar.html' title='tar'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1412406174774386803</id><published>2011-08-15T14:22:00.003+08:00</published><updated>2011-08-15T14:58:02.694+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='android'/><title type='text'>Targeting Screens from Web Apps | Android Developers</title><content type='html'>&lt;a href="http://developer.android.com/guide/webapps/targeting.html"&gt;Targeting Screens from Web Apps | Android Developers&lt;/a&gt;&lt;br /&gt;That's an example of just two viewport properties. The following syntax shows all of the supported viewport properties and the general types of values accepted by each one:&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;&amp;lt;meta name="viewport"&lt;br /&gt;      content="&lt;br /&gt;          height = [pixel_value | device-height] ,&lt;br /&gt;          width = [pixel_value | device-width ] ,&lt;br /&gt;          initial-scale = float_value ,&lt;br /&gt;          minimum-scale = float_value ,&lt;br /&gt;          maximum-scale = float_value ,&lt;br /&gt;          user-scalable = [yes | no] ,&lt;br /&gt;          target-densitydpi = [dpi_value | device-dpi |&lt;br /&gt;                               high-dpi | medium-dpi | low-dpi]&lt;br /&gt;          " /&amp;gt;&lt;br /&gt;&lt;/pre&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1412406174774386803?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1412406174774386803/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1412406174774386803' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1412406174774386803'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1412406174774386803'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/targeting-screens-from-web-apps-android.html' title='Targeting Screens from Web Apps | Android Developers'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8961754099902270625</id><published>2011-08-15T10:15:00.002+08:00</published><updated>2011-08-15T11:08:07.162+08:00</updated><title type='text'>頭家爐主 Local chiefs and incense heads</title><content type='html'>&lt;a href="http://taiwanpedia.culture.tw/web/content?ID=1789"&gt;頭家爐主 Local chiefs and incense heads&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;民間信仰中一種祭祀組織的形式。爐主代表地方社區居民負責一年當中的祭祀事宜，頭家則協助爐主分擔祭祀工作。通常是在神前擲茭（卜杯）的方式決定，聖杯最多者為下一年爐主。頭家人數不等，視社區人數多寡或地方慣例而定。頭家爐主通常是男性的戶長擔任，不過也有女性擔任爐主的情況。&lt;br /&gt;爐主是因神明旨意而卜選出來，早期擔任爐主是莫大的榮譽，人們會認為是得到神明庇佑，才會被卜選成為爐主，因此通常都會用心服務。&lt;br /&gt;爐主要負責收取祭祀費用，稱為「收丁口錢」，頭家則分攤收費的工作。爐主在神誕日要請戲團來表演，稱為「請戲」。在交通不便的年代，頭家還要「擔戲籠」，幫忙挑戲班的樂器與戲服等。近年來，由於收丁口錢的習俗逐漸淡薄，頭家爐主的需要性就沒有那麼高了。&lt;br /&gt;現代廟宇有管理委員會或財團法人等組織負責廟務的經營與管理，但早期許多廟宇是以爐主制的方式進行管理；利用「爐主簿」記載歷年爐主與頭家的姓名、每年的收支明細、廟產記錄等。有些地方是有神無廟的情況，通常以每年由爐主輪流祭祀的方式維持神明的信奉，因此爐主可以把神明請到家中奉祀一整年，例如臺中縣新社鄉由九庄聯合祭祀媽祖，九庄媽堅持不立廟，是希望每年可以澤被爐主，親臨爐主家中受奉祀。&lt;br /&gt;有神明便有香爐，有香爐便有爐主，所以神明的信眾便稱為「爐腳弟子」。廟宇祀神有爐主，神明會也有爐主。每年神誕新舊爐主頭家交接時，會舉行「新交舊」，新、舊任爐主頭家一起共宴。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8961754099902270625?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8961754099902270625/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8961754099902270625' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8961754099902270625'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8961754099902270625'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/local-chiefs-and-incense-heads.html' title='頭家爐主 Local chiefs and incense heads'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2718869513851880602</id><published>2011-08-12T18:00:00.000+08:00</published><updated>2011-08-12T18:01:00.561+08:00</updated><title type='text'>Daring Fireball Linked List: Android's 'Density-Independent Pixel'</title><content type='html'>&lt;a href="http://daringfireball.net/linked/2010/04/19/android-dips"&gt;Daring Fireball Linked List: Android's 'Density-Independent Pixel'&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Android devices have wildly-varying pixel-per-inch resolutions. To aid developers, the OS offers a “density-independent pixel” unit of measurement:&lt;br /&gt;&lt;br /&gt;A virtual pixel unit that applications can use in defining their UI, to express layout dimensions or position in a density-independent way.&lt;br /&gt;&lt;br /&gt;The density-independent pixel is equivalent to one physical pixel on a 160 dpi screen, the baseline density assumed by the platform (as described later in this document). At run time, the platform transparently handles any scaling of the dip units needed, based on the actual density of the screen in use. The conversion of dip units to screen pixels is simple: pixels = dips * (density / 160). For example, on 240 dpi screen, 1 dip would equal 1.5 physical pixels. Using dip units to define your application’s UI is highly recommended, as a way of ensuring proper display of your UI on different screens.&lt;br /&gt;&lt;br /&gt;I suspect Apple will do something similar, except that by going straight from 480 × 320 to 960 × 640, everything just doubles in terms of pixels and nothing works out to a non-integer scaling factor.&lt;/blockquote&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2718869513851880602?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2718869513851880602/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2718869513851880602' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2718869513851880602'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2718869513851880602'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/daring-fireball-linked-list-androids.html' title='Daring Fireball Linked List: Android&apos;s &apos;Density-Independent Pixel&apos;'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6243237199525004259</id><published>2011-08-12T16:18:00.001+08:00</published><updated>2011-08-12T16:41:44.044+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='android'/><title type='text'>Philosophical Games: Customize Android Browser Scaling with target-densityDpi</title><content type='html'>&lt;a href="http://darkforge.blogspot.com/2010/05/customize-android-browser-scaling-with.html"&gt;Philosophical Games: Customize Android Browser Scaling with target-densityDpi&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Add dpi support for WebView.&lt;br /&gt;&lt;br /&gt;In the "viewport" meta tag, you can specify "target-densityDpi".&lt;br /&gt;If it is not specified, it uses the default, 160dpi as of today.&lt;br /&gt;Then the 1.0 scale factor specified in the viewport tag means 100%&lt;br /&gt;on G1 and 150% on Sholes. If you set "target-densityDpi" to&lt;br /&gt;"device-dpi", then the 1.0 scale factor means 100% on both G1 and Sholes.&lt;br /&gt;&lt;br /&gt;Implemented Safari's window.devicePixelRatio and css media query&lt;br /&gt;device-pixel-ratio.&lt;br /&gt;&lt;br /&gt;So if you use "device-dpi" and modify the css for font-size and image&lt;br /&gt;src depending on window.devicePixelRatio, you can get a better page on&lt;br /&gt;Sholes/Passion.&lt;br /&gt;&lt;br /&gt;Here is a list of options for "target-densityDpi".&lt;br /&gt;&lt;br /&gt;device-dpi:    Use the device's native dpi as target dpi.&lt;br /&gt;low-dpi:       120dpi&lt;br /&gt;medium-dpi:    160dpi, which is also the default as of today&lt;br /&gt;high-dpi:      240dpi&lt;br /&gt;&lt;number&gt;:      We take any number between 70 and 400 as a valid target dpi.&lt;br /&gt;&lt;br /&gt;Fix http://b/issue?id=2071943&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html"&gt;A pixel is not a pixel is not a pixel - QuirksBlog&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6243237199525004259?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6243237199525004259/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6243237199525004259' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6243237199525004259'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6243237199525004259'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/philosophical-games-customize-android.html' title='Philosophical Games: Customize Android Browser Scaling with target-densityDpi'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4852343882722768018</id><published>2011-08-12T10:26:00.003+08:00</published><updated>2011-08-12T10:41:25.823+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='node'/><title type='text'>node-optimist /</title><content type='html'>&lt;a href="https://github.com/substack/node-optimist"&gt;node-optimist&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;optimist is a node.js library for option parsing for people who hate option parsing. More specifically, this module is for people who like all the --bells and -whistlz of program usage but think optstrings are a waste of time.&lt;br /&gt;&lt;br /&gt;With optimist, option parsing doesn't have to suck (as much).&lt;br /&gt;&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;var argv = require('optimist').argv;&lt;br /&gt;&lt;br /&gt;if (argv.rif - 5 * argv.xup &gt; 7.138) {&lt;br /&gt;    console.log('Buy more riffiwobbles');&lt;br /&gt;}&lt;br /&gt;else {&lt;br /&gt;    console.log('Sell the xupptumblers');&lt;br /&gt;}&lt;/pre&gt;&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;$ ./xup.js --rif=55 --xup=9.52&lt;br /&gt;Buy more riffiwobbles&lt;br /&gt;&lt;br /&gt;$ ./xup.js --rif 12 --xup 8.1&lt;br /&gt;Sell the xupptumblers&lt;/pre&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;And non-hypenated options too! Just use argv._!&lt;/span&gt;&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;var argv = require('optimist').argv;&lt;br /&gt;console.log('(%d,%d)', argv.x, argv.y);&lt;br /&gt;console.log(argv._);&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;$ ./nonopt.js -x 6.82 -y 3.35 moo&lt;br /&gt;(6.82,3.35)&lt;br /&gt;[ 'moo' ]&lt;br /&gt;&lt;br /&gt;$ ./nonopt.js foo -x 0.54 bar -y 1.12 baz&lt;br /&gt;(0.54,1.12)&lt;br /&gt;[ 'foo', 'bar', 'baz' ]&lt;/pre&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;example: &lt;a href="https://github.com/substack/node-browserify/blob/master/bin/cli.js"&gt;https://github.com/substack/node-browserify/blob/master/bin/cli.js&lt;/a&gt;&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;&lt;br /&gt;var argv = require('optimist').usage('Usage: $0 [entry files] {OPTIONS}').wrap(80).option('outfile', {&lt;br /&gt;    alias: 'o',&lt;br /&gt;    desc: 'Write the browserify bundle to this file.\n' + 'If unspecified, browserify prints to stdout.',&lt;br /&gt;}).option('require', {&lt;br /&gt;    alias: 'r',&lt;br /&gt;    desc: 'A module name or file to bundle.require()\n' + 'Optionally use a colon separator to set the target.',&lt;br /&gt;}).option('entry', {&lt;br /&gt;    alias: 'e',&lt;br /&gt;    desc: 'An entry point of your app'&lt;br /&gt;}).option('alias', {&lt;br /&gt;    alias: 'a',&lt;br /&gt;    desc: 'Register an alias with a colon separator: "to:from"\n' + "Example: --alias 'jquery:jquery-browserify'",&lt;br /&gt;}).option('plugin', {&lt;br /&gt;    alias: 'p',&lt;br /&gt;    desc: 'Use a plugin. Use a colon separator to specify additional ' + 'plugin arguments as a JSON string.\n' + 'Example: --plugin \'fileify:["files","."]\''&lt;br /&gt;}).option('help', {&lt;br /&gt;    alias: 'h',&lt;br /&gt;    desc: 'Show this message'&lt;br /&gt;}).check(function (argv) {&lt;br /&gt;    if (argv.help) throw ''&lt;br /&gt;    if (process.argv.length &lt;= 2) throw 'Specify a parameter.'&lt;br /&gt;}).argv;&lt;/pre&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4852343882722768018?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4852343882722768018/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4852343882722768018' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4852343882722768018'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4852343882722768018'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/node-optimist.html' title='node-optimist /'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-969401423127113930</id><published>2011-08-11T11:33:00.005+08:00</published><updated>2011-08-19T18:21:48.859+08:00</updated><title type='text'>cconv web service</title><content type='html'>&lt;a href="http://ec2-122-248-213-116.ap-southeast-1.compute.amazonaws.com/cconv/?q=街头发钱"&gt;http://ec2-122-248-213-116.ap-southeast-1.compute.amazonaws.com/cconv/?q=街头发钱&lt;/a&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-969401423127113930?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/969401423127113930/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=969401423127113930' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/969401423127113930'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/969401423127113930'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/cconv-web-service.html' title='cconv web service'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-7543211863865683431</id><published>2011-08-10T18:00:00.001+08:00</published><updated>2011-08-10T18:00:37.719+08:00</updated><title type='text'>ldconfig</title><content type='html'>http://linux.vbird.org/linux_basic/0520softwaremanager/0520rpmtarball.php&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-7543211863865683431?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/7543211863865683431/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=7543211863865683431' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7543211863865683431'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7543211863865683431'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/ldconfig.html' title='ldconfig'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-75466199137930026</id><published>2011-08-10T09:33:00.001+08:00</published><updated>2011-08-10T09:35:06.046+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>2011.7/22~23觀霧之旅.山上人家.羅興餐廳.巴棍休閒農場看日出.清泉張學良故居觀霧森林遊樂區</title><content type='html'>&lt;a href="http://www.wretch.cc/blog/s884222/35350334"&gt;2011.7/22~23觀霧之旅.山上人家.羅興餐廳.巴棍休閒農場看日出.清泉張學良故居觀霧森林遊樂區&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.tonyhuang39.com/tony0793/tony0793.html"&gt;新竹五峰]．觀霧紀行（1）：雪霸聖稜線．大鹿林道紀念碑 (Tony的自然人文旅記第0793篇)&lt;/a&gt;&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-75466199137930026?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/75466199137930026/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=75466199137930026' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/75466199137930026'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/75466199137930026'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/201172223.html' title='2011.7/22~23觀霧之旅.山上人家.羅興餐廳.巴棍休閒農場看日出.清泉張學良故居觀霧森林遊樂區'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4265901298184185370</id><published>2011-08-05T18:28:00.003+08:00</published><updated>2011-08-05T18:28:52.470+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='vim'/><title type='text'>http://vimgolf.com/</title><content type='html'>http://vimgolf.com/&lt;br /&gt;&lt;blockquote&gt;Real Vim ninjas count every keystroke - do you?&lt;br /&gt;Pick a challenge, fire up Vim, and show us what you got.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4265901298184185370?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4265901298184185370/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4265901298184185370' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4265901298184185370'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4265901298184185370'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/httpvimgolfcom_05.html' title='http://vimgolf.com/'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8093712172179988535</id><published>2011-08-05T18:28:00.001+08:00</published><updated>2011-08-05T18:28:51.762+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='vim'/><title type='text'>http://vimgolf.com/</title><content type='html'>http://vimgolf.com/&lt;br /&gt;&lt;blockquote&gt;Real Vim ninjas count every keystroke - do you?&lt;br /&gt;Pick a challenge, fire up Vim, and show us what you got.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8093712172179988535?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8093712172179988535/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8093712172179988535' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8093712172179988535'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8093712172179988535'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/httpvimgolfcom.html' title='http://vimgolf.com/'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1320944797091114472</id><published>2011-08-05T13:51:00.001+08:00</published><updated>2011-08-11T11:20:17.264+08:00</updated><title type='text'>簡繁轉換 - Linux Wiki</title><content type='html'>&lt;a href="http://linux-wiki.cn/index.php?title=%E7%AE%80%E7%B9%81%E8%BD%AC%E6%8D%A2&amp;variant=zh-hant"&gt;簡繁轉換 - Linux Wiki&lt;/a&gt;&lt;br /&gt;&lt;a href="http://code.google.com/p/cconv/wiki/README_zh_CN"&gt;cconv - php extension&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;使用cconv轉換&lt;/span&gt;&lt;br /&gt;http://code.google.com/p/cconv/&lt;br /&gt;ubuntu用戶可以用命令“sudo apt-get install cconv”安裝。&lt;br /&gt;cconv是建立在iconv之上，增加了詞語轉換能力，效果分析見後面。&lt;br /&gt;使用cconv進行簡繁轉換的方法為：&lt;br /&gt;cconv -f UTF8-CN -t UTF8-HK jian.txt -o fan.txt&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;不難發現，對於多解的字，OpenOffice.Org未轉換，iconv按單一規則轉換，而cconv與google翻譯則能正確轉換。&lt;br /&gt;但是google翻譯未能保持原格式，而OpenOffice.Org、iconv和cconv則很好地保留了原格式。&lt;br /&gt;另外，iconv不能處理混合編碼的文件。&lt;br /&gt;使用cconv轉換20M含部分亂碼的文本文件耗時僅數秒，且效果非常理想，不會像iconv一樣遇到“ә”等非常規字符或亂碼字符時報錯停止轉換。(推薦使用)&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1320944797091114472?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1320944797091114472/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1320944797091114472' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1320944797091114472'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1320944797091114472'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/linux-wiki.html' title='簡繁轉換 - Linux Wiki'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8178151388347911565</id><published>2011-08-04T14:40:00.001+08:00</published><updated>2011-08-04T14:41:54.315+08:00</updated><title type='text'>curl</title><content type='html'>&lt;a href="http://www.zenboss.com/index.php?title=Linux_curl&amp;variant=zh-tw"&gt;linux curl&lt;/a&gt;&lt;br /&gt;curl &lt;br /&gt;    -A 'my user agent string'   // customize user agent string&lt;br /&gt;    -e 'http://example.com'    // customize refereral&lt;br /&gt; &lt;br /&gt;&lt;blockquote&gt;Curl是Linux下一個很強大的http命令行工具，其功能十分強大。&lt;br /&gt;1) 二話不說，先從這裏開始吧！&lt;br /&gt;$ curl http://www.linuxidc.com&lt;br /&gt;回車之後，www.linuxidc.com 的html就稀里嘩啦地顯示在屏幕上了 ~&lt;br /&gt;2) 嗯，要想把讀過來頁面存下來，是不是要這樣呢？&lt;br /&gt;$ curl http://www.linuxidc.com &gt; page.html&lt;br /&gt;當然可以，但不用這麼麻煩的！&lt;br /&gt;用curl的內置option就好，存下http的結果，用這個option: -o&lt;br /&gt;$ curl -o page.html http://www.linuxidc.com&lt;br /&gt;這樣，你就可以看到屏幕上出現一個下載頁面進度指示。等進展到100%，自然就 OK咯&lt;br /&gt;3) 什麼什麼？！訪問不到？肯定是你的proxy沒有設定了。&lt;br /&gt;使用curl的時候，用這個option可以指定http訪問所使用的proxy伺服器及其埠： -x&lt;br /&gt;$ curl -x 123.45.67.89:1080 -o page.html http://www.linuxidc.com&lt;br /&gt;4) 訪問有些網站的時候比較討厭，他使用cookie來記錄session信息。&lt;br /&gt;像IE/NN這樣的瀏覽器，當然可以輕易處理cookie信息，但我們的curl呢？.....&lt;br /&gt;我們來學習這個option: -D &lt;— 這個是把http的response裏面的cookie信息存到一個特別的文件中去&lt;br /&gt;$ curl -x 123.45.67.89:1080 -o page.html -D cookie0001.txt http://www.linuxidc.com&lt;br /&gt;這樣，當頁面被存到page.html的同時，cookie信息也被存到了cookie0001.txt裏面了&lt;br /&gt;5）那麼，下一次訪問的時候，如何繼續使用上次留下的cookie信息呢？要知道，很多網站都是靠監視你的cookie信息，來判斷你是不是不按規矩訪問他們的網站的。&lt;br /&gt;這次我們使用這個option來把上次的cookie信息追加到http request裏面去： -b&lt;br /&gt;$ curl -x 123.45.67.89:1080 -o page1.html -D cookie0002.txt -b cookie0001.txt http://www.linuxidc.com&lt;br /&gt;這樣，我們就可以幾乎模擬所有的IE操作，去訪問網頁了！&lt;br /&gt;6）稍微等等 ~我好像忘記什麼了 ~&lt;br /&gt;對了！是瀏覽器信息&lt;br /&gt;有些討厭的網站總要我們使用某些特定的瀏覽器去訪問他們，有時候更過分的是，還要使用某些特定的版本 NND，哪裡有時間為了它去找這些怪異的瀏覽器呢！？&lt;br /&gt;好在curl給我們提供了一個有用的option，可以讓我們隨意指定自己這次訪問所宣稱的自己的瀏覽器信息： -A&lt;br /&gt;$ curl -A "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0)" -x 123.45.67.89:1080 -o page.html -D cookie0001.txt http://www.linuxidc.com&lt;br /&gt;這樣，伺服器端接到訪問的要求，會認為你是一個運行在Windows 2000上的 IE6.0，嘿嘿嘿，其實也許你用的是蘋果機呢！&lt;br /&gt;而"Mozilla/4.73 [en] (X11; U; Linux 2.2; 15 i686"則可以告訴對方你是一台 PC上跑著的Linux，用的是Netscape 4.73，呵呵呵&lt;br /&gt;7）另外一個伺服器端常用的限制方法，就是檢查http訪問的referer。比如你先訪問首頁，再訪問裏面所指定的下載頁，這第二次訪問的 referer地址就是第一次訪問成功后的頁面地址。這樣，伺服器端只要發現對下載頁面某次訪問的referer地址不是首頁的地址，就可以斷定那是個盜連了 ~&lt;br /&gt;討厭討厭 ~我就是要盜連 ~！！&lt;br /&gt;幸好curl給我們提供了設定referer的option： -e&lt;br /&gt;$ curl -A "Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0)" -x 123.45.67.89:1080 -e "mail.linuxidc.com" -o page.html -D cookie0001.txt http://www.linuxidc.com&lt;br /&gt;這樣，就可以騙對方的伺服器，你是從mail.linuxidc.com點擊某個鏈接過來的了，呵呵呵&lt;br /&gt;8）寫著寫著發現漏掉什麼重要的東西了！——- 利用curl 下載文件&lt;br /&gt;剛才講過了，下載頁面到一個文件里，可以使用 -o ，下載文件也是一樣。比如，&lt;br /&gt;$ curl -o 1.jpg http://cgi2.tky.3web.ne.jp/~zzh/screen1.JPG&lt;br /&gt;這裏教大家一個新的option： -O 大寫的O，這麼用：&lt;br /&gt;$ curl -O http://cgi2.tky.3web.ne.jp/~zzh/screen1.JPG&lt;br /&gt;這樣，就可以按照伺服器上的文件名，自動存在本地了！&lt;br /&gt;再來一個更好用的。&lt;br /&gt;如果screen1.JPG以外還有screen2.JPG、screen3.JPG、....、screen10.JPG需要下載，難不成還要讓我們寫一個script來完成這些操作？&lt;br /&gt;不幹！&lt;br /&gt;在curl裏面，這麼寫就可以了：&lt;br /&gt;$ curl -O http://cgi2.tky.3web.ne.jp/~zzh/screen[1-10].JPG&lt;br /&gt;呵呵呵，厲害吧？！ ~&lt;br /&gt;9）再來，我們繼續講解下載！&lt;br /&gt;$ curl -O http://cgi2.tky.3web.ne.jp/~{zzh,nick}/[001-201].JPG&lt;br /&gt;這樣產生的下載，就是&lt;br /&gt;~zzh/001.JPG&lt;br /&gt;~zzh/002.JPG&lt;br /&gt;...&lt;br /&gt;~zzh/201.JPG&lt;br /&gt;~nick/001.JPG&lt;br /&gt;~nick/002.JPG&lt;br /&gt;...&lt;br /&gt;~nick/201.JPG&lt;br /&gt;夠方便的了吧？哈哈哈&lt;br /&gt;咦？高興得太早了。&lt;br /&gt;由於zzh/nick下的文件名都是001，002...，201，下載下來的文件重名，後面的把前面的文件都給覆蓋掉了 ~&lt;br /&gt;沒關係，我們還有更狠的！&lt;br /&gt;$ curl -o #2_#1.jpg http://cgi2.tky.3web.ne.jp/~{zzh,nick}/[001-201].JPG&lt;br /&gt;—這是.....自定義文件名的下載？ —對頭，呵呵！&lt;br /&gt;這樣，自定義出來下載下來的文件名，就變成了這樣：原來： ~zzh/001.JPG —-&gt; 下載后： 001-zzh.JPG 原來： ~nick/001.JPG —-&gt; 下載后： 001-nick.JPG&lt;br /&gt;這樣一來，就不怕文件重名啦，呵呵&lt;br /&gt;&lt;br /&gt;9）繼續講下載&lt;br /&gt;我們平時在windows平台上，flashget這樣的工具可以幫我們分塊并行下載，還可以斷線續傳。curl在這些方面也不輸給誰，嘿嘿&lt;br /&gt;比如我們下載screen1.JPG中，突然掉線了，我們就可以這樣開始續傳&lt;br /&gt;$ curl -c -O http://cgi2.tky.3wb.ne.jp/~zzh/screen1.JPG&lt;br /&gt;當然，你不要拿個flashget下載了一半的文件來糊弄我 別的下載軟體的半截文件可不一定能用哦 ~&lt;br /&gt;分塊下載，我們使用這個option就可以了： -r&lt;br /&gt;舉例說明&lt;br /&gt;比如我們有一個http://cgi2.tky.3web.ne.jp/~zzh/zhao1.MP3 要下載（趙老師的電話朗誦 :D ）我們就可以用這樣的命令：&lt;br /&gt;$ curl -r 0-10240 -o "zhao.part1" http:/cgi2.tky.3web.ne.jp/~zzh/zhao1.MP3 &amp;\&lt;br /&gt;$ curl -r 10241-20480 -o "zhao.part1" http:/cgi2.tky.3web.ne.jp/~zzh/zhao1.MP3 &amp;\&lt;br /&gt;$ curl -r 20481-40960 -o "zhao.part1" http:/cgi2.tky.3web.ne.jp/~zzh/zhao1.MP3 &amp;\&lt;br /&gt;$ curl -r 40961- -o "zhao.part1" http:/cgi2.tky.3web.ne.jp/~zzh/zhao1.MP3&lt;br /&gt;這樣就可以分塊下載啦。不過你需要自己把這些破碎的文件合併起來如果你用UNIX或蘋果，用 cat zhao.part* &gt; zhao.MP3就可以如果用的是Windows，用copy /b 來解決吧，呵呵&lt;br /&gt;上面講的都是http協議的下載，其實ftp也一樣可以用。用法嘛，&lt;br /&gt;$ curl -u name:passwd ftp://ip:port/path/file&lt;br /&gt;或者大家熟悉的&lt;br /&gt;$ curl ftp://name:passwd@ip:port/path/file&lt;br /&gt;10) 說完了下載，接下來自然該講上傳咯上傳的option是 -T&lt;br /&gt;比如我們向ftp傳一個文件：&lt;br /&gt;$ curl -T localfile -u name:passwd ftp://upload_site:port/path/&lt;br /&gt;當然，向http伺服器上傳文件也可以比如&lt;br /&gt;$ curl -T localfile http://cgi2.tky.3web.ne.jp/~zzh/abc.cgi&lt;br /&gt;注意，這時候，使用的協議是HTTP的PUT method&lt;br /&gt;剛才說到PUT，嘿嘿，自然讓老服想起來了其他幾種methos還沒講呢！ GET和POST都不能忘哦。&lt;br /&gt;http提交一個表單，比較常用的是POST模式和GET模式&lt;br /&gt;GET模式什麼option都不用，只需要把變數寫在url裏面就可以了比如：&lt;br /&gt;$ curl http://www.linuxidc.com/login.cgi?user=nickwolfe&amp;password=12345&lt;br /&gt;而POST模式的option則是 -d&lt;br /&gt;比如，&lt;br /&gt;$ curl -d "user=nickwolfe&amp;password=12345" http://www.linuxidc.com/login.cgi&lt;br /&gt;就相當於向這個站點發出一次登陸申請 ~&lt;br /&gt;到底該用GET模式還是POST模式，要看對面伺服器的程序設定。&lt;br /&gt;一點需要注意的是，POST模式下的文件上的文件上傳，比如&lt;br /&gt;&lt;form method="POST" enctype="multipar/form-data" action="http://cgi2.tky.3web.ne.jp/~zzh/up_file.cgi"&gt;&lt;br /&gt;&lt;input type=file name=upload&gt;&lt;br /&gt;&lt;input type=submit name=nick value="go"&gt;&lt;br /&gt;&lt;/form&gt;&lt;br /&gt;這樣一個HTTP表單，我們要用curl進行模擬，就該是這樣的語法：&lt;br /&gt;$ curl -F upload=@localfile -F nick=go http://cgi2.tky.3web.ne.jp/~zzh/up_file.cgi&lt;br /&gt;羅羅嗦嗦講了這麼多，其實curl還有很多很多技巧和用法比如 https的時候使用本地證書，就可以這樣&lt;br /&gt;$ curl -E localcert.pem https://remote_server&lt;br /&gt;再比如，你還可以用curl通過dict協議去查字典 ~&lt;br /&gt;$ curl dict://dict.org/d:computer&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8178151388347911565?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8178151388347911565/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8178151388347911565' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8178151388347911565'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8178151388347911565'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/curl.html' title='curl'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-9033015018908569336</id><published>2011-08-03T16:33:00.002+08:00</published><updated>2011-08-03T16:36:41.720+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='CSS'/><title type='text'>img to CSS</title><content type='html'>&lt;a href="http://www.imgtocss.com/"&gt;img to CSS&lt;/a&gt;&lt;br /&gt;原理就是用很多1x1的element (td) 的 background-color, 有做到 colspan 如果相鄰色是一樣的, 在某些mail client會阻擋image下載的場合會有用&lt;br /&gt;&lt;blockquote&gt;&lt;table cellpadding="0" cellspacing="0" height="143" bgcolor="#eaeaea" style="font-size:0px;height:143px;width:128px"&gt; &lt;tbody&gt;&lt;tr height="0"&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;td width="1/"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="53/"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td bgcolor="#e1e1e1"&gt;&lt;/td&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="63/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="51/"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td bgcolor="#848484"&gt;&lt;/td&gt;&lt;td bgcolor="#c3c3c3"&gt;&lt;/td&gt;&lt;td colspan="11" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="60/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="49/"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td bgcolor="#484848"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td bgcolor="#f2f2f2"&gt;&lt;/td&gt;&lt;td colspan="14" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td colspan="58/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="47/"&gt;&lt;/td&gt;&lt;td bgcolor="#a0a0a0"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;td bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#525252"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td colspan="18" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td colspan="56/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="45/"&gt;&lt;/td&gt;&lt;td bgcolor="#b2b2b2"&gt;&lt;/td&gt;&lt;td bgcolor="#343434"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#474747"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td colspan="20" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="54/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="43/"&gt;&lt;/td&gt;&lt;td bgcolor="#c3c3c3"&gt;&lt;/td&gt;&lt;td bgcolor="#474747"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#383838"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td colspan="23" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="52/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="41/"&gt;&lt;/td&gt;&lt;td bgcolor="#d0d0d0"&gt;&lt;/td&gt;&lt;td bgcolor="#5a5a5a"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0c0c0c"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td colspan="27" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="49/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="39/"&gt;&lt;/td&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td bgcolor="#808080"&gt;&lt;/td&gt;&lt;td bgcolor="#080808"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#969696"&gt;&lt;/td&gt;&lt;td colspan="30" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="47/"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="38/"&gt;&lt;/td&gt;&lt;td bgcolor="#c4c4c4"&gt;&lt;/td&gt;&lt;td bgcolor="#323232"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#434343"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="33" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td colspan="44/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="36/"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#080808"&gt;&lt;/td&gt;&lt;td bgcolor="#dfdfdf"&gt;&lt;/td&gt;&lt;td colspan="37" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="42/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="35/"&gt;&lt;/td&gt;&lt;td bgcolor="#c0c0c0"&gt;&lt;/td&gt;&lt;td bgcolor="#2e2e2e"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#707070"&gt;&lt;/td&gt;&lt;td colspan="39" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="41/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="33/"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td colspan="40" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="40/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="32/"&gt;&lt;/td&gt;&lt;td bgcolor="#e0e0e0"&gt;&lt;/td&gt;&lt;td bgcolor="#4b4b4b"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#787878"&gt;&lt;/td&gt;&lt;td colspan="43" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="39/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="31/"&gt;&lt;/td&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td colspan="44" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td colspan="38/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="30/"&gt;&lt;/td&gt;&lt;td bgcolor="#b1b1b1"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td colspan="11" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#606060"&gt;&lt;/td&gt;&lt;td colspan="46" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td colspan="37/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="29/"&gt;&lt;/td&gt;&lt;td bgcolor="#8d8d8d"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#c8c8c8"&gt;&lt;/td&gt;&lt;td colspan="47" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td colspan="36/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="28/"&gt;&lt;/td&gt;&lt;td bgcolor="#939393"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#303030"&gt;&lt;/td&gt;&lt;td colspan="48" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="35/"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="26/"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#717171"&gt;&lt;/td&gt;&lt;td bgcolor="#979797"&gt;&lt;/td&gt;&lt;td colspan="49" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="34" rowspan="2/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="25" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#d8d8d8"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td colspan="11" rowspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td bgcolor="#f2f2f2"&gt;&lt;/td&gt;&lt;td colspan="50/"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="24/"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td colspan="4" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#343434"&gt;&lt;/td&gt;&lt;td bgcolor="#535353"&gt;&lt;/td&gt;&lt;td colspan="52" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td colspan="33/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="22/"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td colspan="4" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td bgcolor="#a2a2a2"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td bgcolor="#cccccc"&gt;&lt;/td&gt;&lt;td bgcolor="#a0a0a0"&gt;&lt;/td&gt;&lt;td bgcolor="#aaaaaa"&gt;&lt;/td&gt;&lt;td bgcolor="#bcbcbc"&gt;&lt;/td&gt;&lt;td bgcolor="#d1d1d1"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td colspan="43" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td colspan="30/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="21" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td colspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#515151"&gt;&lt;/td&gt;&lt;td colspan="11" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#dcdcdc"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td bgcolor="#4c4c4c"&gt;&lt;/td&gt;&lt;td bgcolor="#929292"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td colspan="40/"&gt;&lt;/td&gt;&lt;td bgcolor="#d7d7d7"&gt;&lt;/td&gt;&lt;td bgcolor="#474747"&gt;&lt;/td&gt;&lt;td bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1c1c1c"&gt;&lt;/td&gt;&lt;td bgcolor="#626262"&gt;&lt;/td&gt;&lt;td bgcolor="#bababa"&gt;&lt;/td&gt;&lt;td colspan="27" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="20" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td colspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#a1a1a1"&gt;&lt;/td&gt;&lt;td colspan="12" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#424242"&gt;&lt;/td&gt;&lt;td colspan="2" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#2c2c2c"&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#232323"&gt;&lt;/td&gt;&lt;td bgcolor="#bebebe"&gt;&lt;/td&gt;&lt;td colspan="38/"&gt;&lt;/td&gt;&lt;td bgcolor="#a8a8a8"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td colspan="4" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td colspan="25" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="19/"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#e2e2e2"&gt;&lt;/td&gt;&lt;td bgcolor="#0f0f0f"&gt;&lt;/td&gt;&lt;td bgcolor="#919191"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td colspan="11" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td colspan="36" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#c2c2c2"&gt;&lt;/td&gt;&lt;td bgcolor="#070707"&gt;&lt;/td&gt;&lt;td colspan="7" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#3f3f3f"&gt;&lt;/td&gt;&lt;td bgcolor="#d5d5d5"&gt;&lt;/td&gt;&lt;td colspan="24/"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="18" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#444444"&gt;&lt;/td&gt;&lt;td colspan="13" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#dadada"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#d7d7d7"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#a5a5a5"&gt;&lt;/td&gt;&lt;td colspan="35/"&gt;&lt;/td&gt;&lt;td bgcolor="#d8d8d8"&gt;&lt;/td&gt;&lt;td bgcolor="#121212"&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#161616"&gt;&lt;/td&gt;&lt;td bgcolor="#bcbcbc"&gt;&lt;/td&gt;&lt;td colspan="23" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="17" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="6/"&gt;&lt;/td&gt;&lt;td bgcolor="#838383"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td colspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#6c6c6c"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#505050"&gt;&lt;/td&gt;&lt;td colspan="34" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td bgcolor="#2b2b2b"&gt;&lt;/td&gt;&lt;td colspan="11" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#141414"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td colspan="22" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#adadad"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#494949"&gt;&lt;/td&gt;&lt;td rowspan="3" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f2f2f2"&gt;&lt;/td&gt;&lt;td bgcolor="#0d0d0d"&gt;&lt;/td&gt;&lt;td bgcolor="#232323"&gt;&lt;/td&gt;&lt;td bgcolor="#949494"&gt;&lt;/td&gt;&lt;td colspan="13" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td bgcolor="#d6d6d6"&gt;&lt;/td&gt;&lt;td colspan="21/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="15" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#d0d0d0"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#7f7f7f"&gt;&lt;/td&gt;&lt;td bgcolor="#979797"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td colspan="32" rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#2f2f2f"&gt;&lt;/td&gt;&lt;td bgcolor="#dfdfdf"&gt;&lt;/td&gt;&lt;td colspan="20" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td bgcolor="#1e1e1e"&gt;&lt;/td&gt;&lt;td colspan="15/"&gt;&lt;/td&gt;&lt;td bgcolor="#b6b6b6"&gt;&lt;/td&gt;&lt;td bgcolor="#4e4e4e"&gt;&lt;/td&gt;&lt;td colspan="15" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#cfcfcf"&gt;&lt;/td&gt;&lt;td bgcolor="#727272"&gt;&lt;/td&gt;&lt;td colspan="16" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#555555"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td bgcolor="#3a3a3a"&gt;&lt;/td&gt;&lt;td colspan="16" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td colspan="31" rowspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#b6b6b6"&gt;&lt;/td&gt;&lt;td colspan="19" rowspan="7/"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="13" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#6c6c6c"&gt;&lt;/td&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#141414"&gt;&lt;/td&gt;&lt;td rowspan="5" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#c7c7c7"&gt;&lt;/td&gt;&lt;td colspan="16" rowspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#8f8f8f"&gt;&lt;/td&gt;&lt;td bgcolor="#b1b1b1"&gt;&lt;/td&gt;&lt;td colspan="18" rowspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#505050"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f4f4f4"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a9a9a9"&gt;&lt;/td&gt;&lt;td colspan="17" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2c2c2c"&gt;&lt;/td&gt;&lt;td bgcolor="#929292"&gt;&lt;/td&gt;&lt;td bgcolor="#707070"&gt;&lt;/td&gt;&lt;td bgcolor="#5b5b5b"&gt;&lt;/td&gt;&lt;td bgcolor="#141414"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="12" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#d9d9d9"&gt;&lt;/td&gt;&lt;td bgcolor="#0d0d0d"&gt;&lt;/td&gt;&lt;td bgcolor="#444444"&gt;&lt;/td&gt;&lt;td bgcolor="#8b8b8b"&gt;&lt;/td&gt;&lt;td bgcolor="#525252"&gt;&lt;/td&gt;&lt;td bgcolor="#1e1e1e"&gt;&lt;/td&gt;&lt;td bgcolor="#313131"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f7f7f7"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td bgcolor="#2e2e2e"&gt;&lt;/td&gt;&lt;td colspan="18" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#5c5c5c"&gt;&lt;/td&gt;&lt;td bgcolor="#999999"&gt;&lt;/td&gt;&lt;td bgcolor="#333333"&gt;&lt;/td&gt;&lt;td bgcolor="#3f3f3f"&gt;&lt;/td&gt;&lt;td bgcolor="#757575"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="11" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#686868"&gt;&lt;/td&gt;&lt;td colspan="19" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#747474"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td bgcolor="#2f2f2f"&gt;&lt;/td&gt;&lt;td colspan="15/"&gt;&lt;/td&gt;&lt;td bgcolor="#141414"&gt;&lt;/td&gt;&lt;td bgcolor="#696969"&gt;&lt;/td&gt;&lt;td bgcolor="#b9b9b9"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td colspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#dddddd"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#888888"&gt;&lt;/td&gt;&lt;td colspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#d0d0d0"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td colspan="15" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td colspan="30/"&gt;&lt;/td&gt;&lt;td bgcolor="#939393"&gt;&lt;/td&gt;&lt;td colspan="17" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#141414"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="10" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td colspan="6/"&gt;&lt;/td&gt;&lt;td bgcolor="#676767"&gt;&lt;/td&gt;&lt;td colspan="20" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#727272"&gt;&lt;/td&gt;&lt;td colspan="3" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#818181"&gt;&lt;/td&gt;&lt;td colspan="13" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#070707"&gt;&lt;/td&gt;&lt;td bgcolor="#959595"&gt;&lt;/td&gt;&lt;td colspan="31/"&gt;&lt;/td&gt;&lt;td bgcolor="#c3c3c3"&gt;&lt;/td&gt;&lt;td bgcolor="#808080"&gt;&lt;/td&gt;&lt;td colspan="20" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;td bgcolor="#070707"&gt;&lt;/td&gt;&lt;td bgcolor="#4f4f4f"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#787878"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td bgcolor="#cccccc"&gt;&lt;/td&gt;&lt;td colspan="32/"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td bgcolor="#101010"&gt;&lt;/td&gt;&lt;td colspan="15" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="9" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#737373"&gt;&lt;/td&gt;&lt;td colspan="21" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2c2c2c"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#bbbbbb"&gt;&lt;/td&gt;&lt;td bgcolor="#1e1e1e"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1b1b1b"&gt;&lt;/td&gt;&lt;td bgcolor="#dfdfdf"&gt;&lt;/td&gt;&lt;td colspan="34" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#565656"&gt;&lt;/td&gt;&lt;td bgcolor="#828282"&gt;&lt;/td&gt;&lt;td colspan="21/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td bgcolor="#0c0c0c"&gt;&lt;/td&gt;&lt;td bgcolor="#0a0a0a"&gt;&lt;/td&gt;&lt;td colspan="6/"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#929292"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td bgcolor="#d5d5d5"&gt;&lt;/td&gt;&lt;td colspan="35/"&gt;&lt;/td&gt;&lt;td bgcolor="#a0a0a0"&gt;&lt;/td&gt;&lt;td colspan="14" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#121212"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td bgcolor="#9f9f9f"&gt;&lt;/td&gt;&lt;td colspan="20" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td bgcolor="#a9a9a9"&gt;&lt;/td&gt;&lt;td colspan="23" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#d6d6d6"&gt;&lt;/td&gt;&lt;td colspan="7" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#c2c2c2"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td colspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#080808"&gt;&lt;/td&gt;&lt;td bgcolor="#c5c5c5"&gt;&lt;/td&gt;&lt;td colspan="36" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="12/"&gt;&lt;/td&gt;&lt;td bgcolor="#1c1c1c"&gt;&lt;/td&gt;&lt;td bgcolor="#333333"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#9c9c9c"&gt;&lt;/td&gt;&lt;td colspan="19" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="8" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#6d6d6d"&gt;&lt;/td&gt;&lt;td bgcolor="#828282"&gt;&lt;/td&gt;&lt;td colspan="8" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#929292"&gt;&lt;/td&gt;&lt;td colspan="2" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#a8a8a8"&gt;&lt;/td&gt;&lt;td colspan="38/"&gt;&lt;/td&gt;&lt;td bgcolor="#7e7e7e"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#343434"&gt;&lt;/td&gt;&lt;td bgcolor="#e5e5e5"&gt;&lt;/td&gt;&lt;td bgcolor="#3d3d3d"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td colspan="18" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#323232"&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#2d2d2d"&gt;&lt;/td&gt;&lt;td bgcolor="#d6d6d6"&gt;&lt;/td&gt;&lt;td bgcolor="#868686"&gt;&lt;/td&gt;&lt;td colspan="40" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#cfcfcf"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#565656"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#464646"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1c1c1c"&gt;&lt;/td&gt;&lt;td bgcolor="#e4e4e4"&gt;&lt;/td&gt;&lt;td colspan="17" rowspan="4" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="7" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td colspan="24" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#d7d7d7"&gt;&lt;/td&gt;&lt;td colspan="7/"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td bgcolor="#636363"&gt;&lt;/td&gt;&lt;td colspan="42/"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#8a8a8a"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#686868"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td colspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#4d4d4d"&gt;&lt;/td&gt;&lt;td colspan="4" rowspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#8e8e8e"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td bgcolor="#bbbbbb"&gt;&lt;/td&gt;&lt;td colspan="25" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#828282"&gt;&lt;/td&gt;&lt;td colspan="8" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#5f5f5f"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="44/"&gt;&lt;/td&gt;&lt;td bgcolor="#dadada"&gt;&lt;/td&gt;&lt;td bgcolor="#2b2b2b"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#686868"&gt;&lt;/td&gt;&lt;td colspan="4" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#555555"&gt;&lt;/td&gt;&lt;td bgcolor="#4d4d4d"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="6" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#808080"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="46" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f2f2f2"&gt;&lt;/td&gt;&lt;td bgcolor="#4e4e4e"&gt;&lt;/td&gt;&lt;td bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td bgcolor="#5c5c5c"&gt;&lt;/td&gt;&lt;td bgcolor="#1c1c1c"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td colspan="7/"&gt;&lt;/td&gt;&lt;td bgcolor="#454545"&gt;&lt;/td&gt;&lt;td colspan="26" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#d1d1d1"&gt;&lt;/td&gt;&lt;td colspan="55/"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#7b7b7b"&gt;&lt;/td&gt;&lt;td bgcolor="#2c2c2c"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#646464"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="5" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#d7d7d7"&gt;&lt;/td&gt;&lt;td colspan="16" rowspan="3" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#fcfcfc"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#0d0d0d"&gt;&lt;/td&gt;&lt;td bgcolor="#787878"&gt;&lt;/td&gt;&lt;td colspan="57" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#cccccc"&gt;&lt;/td&gt;&lt;td bgcolor="#6c6c6c"&gt;&lt;/td&gt;&lt;td bgcolor="#a8a8a8"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="5" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="7" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#dfdfdf"&gt;&lt;/td&gt;&lt;td colspan="27" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#212121"&gt;&lt;/td&gt;&lt;td colspan="63/"&gt;&lt;/td&gt;&lt;td bgcolor="#737373"&gt;&lt;/td&gt;&lt;td bgcolor="#7b7b7b"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f9f9f9"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#c1c1c1"&gt;&lt;/td&gt;&lt;td colspan="28" rowspan="7" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#d2d2d2"&gt;&lt;/td&gt;&lt;td colspan="62" rowspan="7" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#7b7b7b"&gt;&lt;/td&gt;&lt;td bgcolor="#4c4c4c"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="15" rowspan="3" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="4" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td colspan="8" rowspan="3" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a3a3a3"&gt;&lt;/td&gt;&lt;td bgcolor="#a8a8a8"&gt;&lt;/td&gt;&lt;td bgcolor="#828282"&gt;&lt;/td&gt;&lt;td bgcolor="#171717"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f6f6f6"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#858585"&gt;&lt;/td&gt;&lt;td bgcolor="#808080"&gt;&lt;/td&gt;&lt;td bgcolor="#8a8a8a"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="6" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="3" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#676767"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td bgcolor="#919191"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="14" rowspan="4/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f2f2f2"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="9" rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#494949"&gt;&lt;/td&gt;&lt;td bgcolor="#4d4d4d"&gt;&lt;/td&gt;&lt;td bgcolor="#999999"&gt;&lt;/td&gt;&lt;td bgcolor="#a7a7a7"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#fbfbfb"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#2b2b2b"&gt;&lt;/td&gt;&lt;td bgcolor="#9a9a9a"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td bgcolor="#858585"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="2" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#0d0d0d"&gt;&lt;/td&gt;&lt;td bgcolor="#e3e3e3"&gt;&lt;/td&gt;&lt;td bgcolor="#cdcdcd"&gt;&lt;/td&gt;&lt;td bgcolor="#626262"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td colspan="9" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#f2f2f2"&gt;&lt;/td&gt;&lt;td colspan="28" rowspan="4" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#141414"&gt;&lt;/td&gt;&lt;td colspan="63" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td bgcolor="#404040"&gt;&lt;/td&gt;&lt;td rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="4" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td rowspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td bgcolor="#4f4f4f"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#070707"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1e1e1e"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="10" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#e0e0e0"&gt;&lt;/td&gt;&lt;td bgcolor="#8b8b8b"&gt;&lt;/td&gt;&lt;td colspan="64" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#323232"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f6f6f6"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#d9d9d9"&gt;&lt;/td&gt;&lt;td bgcolor="#cdcdcd"&gt;&lt;/td&gt;&lt;td bgcolor="#565656"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="6" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#d7d7d7"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#fdfdfd"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#d1d1d1"&gt;&lt;/td&gt;&lt;td colspan="27" rowspan="11" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;td bgcolor="#b2b2b2"&gt;&lt;/td&gt;&lt;td rowspan="4" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td colspan="12" rowspan="4" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="11" rowspan="8/"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td bgcolor="#404040"&gt;&lt;/td&gt;&lt;td colspan="65" rowspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#9f9f9f"&gt;&lt;/td&gt;&lt;td bgcolor="#8e8e8e"&gt;&lt;/td&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#c3c3c3"&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#696969"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#696969"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f7f7f7"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#bbbbbb"&gt;&lt;/td&gt;&lt;td bgcolor="#7c7c7c"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td bgcolor="#454545"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f8f8f8"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#b4b4b4"&gt;&lt;/td&gt;&lt;td bgcolor="#8f8f8f"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="11" rowspan="9" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td bgcolor="#b5b5b5"&gt;&lt;/td&gt;&lt;td bgcolor="#a3a3a3"&gt;&lt;/td&gt;&lt;td colspan="18/"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td bgcolor="#6c6c6c"&gt;&lt;/td&gt;&lt;td bgcolor="#9d9d9d"&gt;&lt;/td&gt;&lt;td colspan="18/"&gt;&lt;/td&gt;&lt;td bgcolor="#b3b3b3"&gt;&lt;/td&gt;&lt;td bgcolor="#6d6d6d"&gt;&lt;/td&gt;&lt;td bgcolor="#d8d8d8"&gt;&lt;/td&gt;&lt;td colspan="24/"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td rowspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td bgcolor="#c3c3c3"&gt;&lt;/td&gt;&lt;td bgcolor="#b6b6b6"&gt;&lt;/td&gt;&lt;td colspan="17/"&gt;&lt;/td&gt;&lt;td bgcolor="#d4d4d4"&gt;&lt;/td&gt;&lt;td bgcolor="#2c2c2c"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#848484"&gt;&lt;/td&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#818181"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td colspan="22/"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="5" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#cccccc"&gt;&lt;/td&gt;&lt;td bgcolor="#f2f2f2"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#d0d0d0"&gt;&lt;/td&gt;&lt;td bgcolor="#c9c9c9"&gt;&lt;/td&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#999999"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td bgcolor="#e1e1e1"&gt;&lt;/td&gt;&lt;td colspan="14" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#b4b4b4"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="4" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1a1a1a"&gt;&lt;/td&gt;&lt;td bgcolor="#bcbcbc"&gt;&lt;/td&gt;&lt;td colspan="21/"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td bgcolor="#959595"&gt;&lt;/td&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td bgcolor="#dddddd"&gt;&lt;/td&gt;&lt;td bgcolor="#bfbfbf"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#6b6b6b"&gt;&lt;/td&gt;&lt;td bgcolor="#393939"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#767676"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td colspan="19/"&gt;&lt;/td&gt;&lt;td bgcolor="#2d2d2d"&gt;&lt;/td&gt;&lt;td bgcolor="#5f5f5f"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="12/"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#a7a7a7"&gt;&lt;/td&gt;&lt;td colspan="13/"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#4c4c4c"&gt;&lt;/td&gt;&lt;td colspan="7" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#888888"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#3b3b3b"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="18/"&gt;&lt;/td&gt;&lt;td bgcolor="#323232"&gt;&lt;/td&gt;&lt;td bgcolor="#282828"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#8f8f8f"&gt;&lt;/td&gt;&lt;td colspan="12/"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#494949"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#c5c5c5"&gt;&lt;/td&gt;&lt;td bgcolor="#646464"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2f2f2f"&gt;&lt;/td&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td colspan="17/"&gt;&lt;/td&gt;&lt;td bgcolor="#1f1f1f"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td colspan="12" rowspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td colspan="26" rowspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#777777"&gt;&lt;/td&gt;&lt;td colspan="11" rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#4e4e4e"&gt;&lt;/td&gt;&lt;td colspan="8/"&gt;&lt;/td&gt;&lt;td bgcolor="#282828"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#bcbcbc"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;td bgcolor="#252525"&gt;&lt;/td&gt;&lt;td bgcolor="#e1e1e1"&gt;&lt;/td&gt;&lt;td colspan="16" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#0a0a0a"&gt;&lt;/td&gt;&lt;td colspan="7/"&gt;&lt;/td&gt;&lt;td bgcolor="#bbbbbb"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td bgcolor="#5f5f5f"&gt;&lt;/td&gt;&lt;td bgcolor="#818181"&gt;&lt;/td&gt;&lt;td colspan="9/"&gt;&lt;/td&gt;&lt;td bgcolor="#979797"&gt;&lt;/td&gt;&lt;td colspan="15" rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#656565"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;td bgcolor="#1c1c1c"&gt;&lt;/td&gt;&lt;td bgcolor="#dadada"&gt;&lt;/td&gt;&lt;td colspan="14" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td colspan="8" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#858585"&gt;&lt;/td&gt;&lt;td rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td bgcolor="#282828"&gt;&lt;/td&gt;&lt;td bgcolor="#464646"&gt;&lt;/td&gt;&lt;td colspan="10" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#b6b6b6"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#1b1b1b"&gt;&lt;/td&gt;&lt;td colspan="11" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2d2d2d"&gt;&lt;/td&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#e0e0e0"&gt;&lt;/td&gt;&lt;td bgcolor="#434343"&gt;&lt;/td&gt;&lt;td bgcolor="#ececec"&gt;&lt;/td&gt;&lt;td colspan="10" rowspan="7" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#1a1a1a"&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td bgcolor="#656565"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#7d7d7d"&gt;&lt;/td&gt;&lt;td colspan="17" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#b3b3b3"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#757575"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;td rowspan="3" bgcolor="#ededed"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td bgcolor="#a8a8a8"&gt;&lt;/td&gt;&lt;td colspan="27/"&gt;&lt;/td&gt;&lt;td bgcolor="#e4e4e4"&gt;&lt;/td&gt;&lt;td colspan="8" rowspan="3" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#dddddd"&gt;&lt;/td&gt;&lt;td colspan="9" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#1d1d1d"&gt;&lt;/td&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td colspan="18" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#5c5c5c"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;td bgcolor="#101010"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td colspan="12" rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#9a9a9a"&gt;&lt;/td&gt;&lt;td colspan="9" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#8f8f8f"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="26" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#adadad"&gt;&lt;/td&gt;&lt;td bgcolor="#e0e0e0"&gt;&lt;/td&gt;&lt;td bgcolor="#aaaaaa"&gt;&lt;/td&gt;&lt;td colspan="19" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#2e2e2e"&gt;&lt;/td&gt;&lt;td colspan="10/"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td bgcolor="#e5e5e5"&gt;&lt;/td&gt;&lt;td bgcolor="#626262"&gt;&lt;/td&gt;&lt;td bgcolor="#343434"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#313131"&gt;&lt;/td&gt;&lt;td bgcolor="#777777"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td colspan="7" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#434343"&gt;&lt;/td&gt;&lt;td colspan="21/"&gt;&lt;/td&gt;&lt;td bgcolor="#e0e0e0"&gt;&lt;/td&gt;&lt;td bgcolor="#151515"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#a6a6a6"&gt;&lt;/td&gt;&lt;td colspan="13/"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;td colspan="10" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td bgcolor="#9f9f9f"&gt;&lt;/td&gt;&lt;td bgcolor="#414141"&gt;&lt;/td&gt;&lt;td colspan="9/"&gt;&lt;/td&gt;&lt;td bgcolor="#616161"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td bgcolor="#d6d6d6"&gt;&lt;/td&gt;&lt;td colspan="22/"&gt;&lt;/td&gt;&lt;td bgcolor="#c3c3c3"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#121212"&gt;&lt;/td&gt;&lt;td bgcolor="#bbbbbb"&gt;&lt;/td&gt;&lt;td colspan="13/"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#767676"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td bgcolor="#222222"&gt;&lt;/td&gt;&lt;td colspan="25/"&gt;&lt;/td&gt;&lt;td bgcolor="#0d0d0d"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#c2c2c2"&gt;&lt;/td&gt;&lt;td bgcolor="#747474"&gt;&lt;/td&gt;&lt;td colspan="24" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a9a9a9"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td colspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#393939"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td colspan="14" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#bababa"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;td bgcolor="#232323"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td rowspan="5" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#9d9d9d"&gt;&lt;/td&gt;&lt;td colspan="26" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#d4d4d4"&gt;&lt;/td&gt;&lt;td colspan="9/"&gt;&lt;/td&gt;&lt;td bgcolor="#acacac"&gt;&lt;/td&gt;&lt;td bgcolor="#444444"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#363636"&gt;&lt;/td&gt;&lt;td bgcolor="#f2f2f2"&gt;&lt;/td&gt;&lt;td colspan="25/"&gt;&lt;/td&gt;&lt;td bgcolor="#b4b4b4"&gt;&lt;/td&gt;&lt;td bgcolor="#080808"&gt;&lt;/td&gt;&lt;td bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#999999"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="15/"&gt;&lt;/td&gt;&lt;td bgcolor="#7c7c7c"&gt;&lt;/td&gt;&lt;td colspan="12" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#bababa"&gt;&lt;/td&gt;&lt;td colspan="9" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td bgcolor="#212121"&gt;&lt;/td&gt;&lt;td colspan="25" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#9d9d9d"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;td bgcolor="#e1e1e1"&gt;&lt;/td&gt;&lt;td bgcolor="#c4c4c4"&gt;&lt;/td&gt;&lt;td bgcolor="#cbcbcb"&gt;&lt;/td&gt;&lt;td colspan="28/"&gt;&lt;/td&gt;&lt;td bgcolor="#c1c1c1"&gt;&lt;/td&gt;&lt;td bgcolor="#9b9b9b"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="17/"&gt;&lt;/td&gt;&lt;td bgcolor="#252525"&gt;&lt;/td&gt;&lt;td bgcolor="#676767"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td colspan="14" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#a5a5a5"&gt;&lt;/td&gt;&lt;td bgcolor="#676767"&gt;&lt;/td&gt;&lt;td colspan="61" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td colspan="13" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#e2e2e2"&gt;&lt;/td&gt;&lt;td colspan="8" rowspan="3" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#f1f1f1"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td bgcolor="#353535"&gt;&lt;/td&gt;&lt;td colspan="24" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#313131"&gt;&lt;/td&gt;&lt;td bgcolor="#6f6f6f"&gt;&lt;/td&gt;&lt;td colspan="14" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#8e8e8e"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="15/"&gt;&lt;/td&gt;&lt;td bgcolor="#c2c2c2"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td colspan="59" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#181818"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="2" rowspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="15" rowspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#515151"&gt;&lt;/td&gt;&lt;td colspan="24" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#9d9d9d"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td colspan="16" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#b0b0b0"&gt;&lt;/td&gt;&lt;td colspan="7" rowspan="2/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f6f6f6"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;td bgcolor="#2b2b2b"&gt;&lt;/td&gt;&lt;td colspan="58" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#1e1e1e"&gt;&lt;/td&gt;&lt;td bgcolor="#4b4b4b"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#323232"&gt;&lt;/td&gt;&lt;td colspan="24" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#acacac"&gt;&lt;/td&gt;&lt;td colspan="57/"&gt;&lt;/td&gt;&lt;td bgcolor="#6d6d6d"&gt;&lt;/td&gt;&lt;td colspan="17" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="15" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#9b9b9b"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#e0e0e0"&gt;&lt;/td&gt;&lt;td colspan="22/"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td bgcolor="#d0d0d0"&gt;&lt;/td&gt;&lt;td bgcolor="#c2c2c2"&gt;&lt;/td&gt;&lt;td bgcolor="#b6b6b6"&gt;&lt;/td&gt;&lt;td bgcolor="#aaaaaa"&gt;&lt;/td&gt;&lt;td bgcolor="#9e9e9e"&gt;&lt;/td&gt;&lt;td bgcolor="#929292"&gt;&lt;/td&gt;&lt;td bgcolor="#868686"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;td bgcolor="#bbbbbb"&gt;&lt;/td&gt;&lt;td colspan="22/"&gt;&lt;/td&gt;&lt;td bgcolor="#bfbfbf"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td colspan="18" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#6d6d6d"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="3" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td colspan="24/"&gt;&lt;/td&gt;&lt;td bgcolor="#363636"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td colspan="15" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#e3e3e3"&gt;&lt;/td&gt;&lt;td bgcolor="#aaaaaa"&gt;&lt;/td&gt;&lt;td bgcolor="#727272"&gt;&lt;/td&gt;&lt;td bgcolor="#4e4e4e"&gt;&lt;/td&gt;&lt;td bgcolor="#343434"&gt;&lt;/td&gt;&lt;td bgcolor="#1a1a1a"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td colspan="9/"&gt;&lt;/td&gt;&lt;td bgcolor="#4d4d4d"&gt;&lt;/td&gt;&lt;td colspan="20" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#727272"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td colspan="19/"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#e2e2e2"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="3" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#595959"&gt;&lt;/td&gt;&lt;td colspan="25" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#5b5b5b"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="13/"&gt;&lt;/td&gt;&lt;td bgcolor="#e2e2e2"&gt;&lt;/td&gt;&lt;td colspan="16" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#444444"&gt;&lt;/td&gt;&lt;td colspan="18/"&gt;&lt;/td&gt;&lt;td bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#8a8a8a"&gt;&lt;/td&gt;&lt;td bgcolor="#1c1c1c"&gt;&lt;/td&gt;&lt;td colspan="22" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#919191"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="4" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td colspan="15" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#8d8d8d"&gt;&lt;/td&gt;&lt;td colspan="26" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#4a4a4a"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td colspan="12/"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#1d1d1d"&gt;&lt;/td&gt;&lt;td colspan="14" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#a1a1a1"&gt;&lt;/td&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#e3e3e3"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td colspan="24" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2f2f2f"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#c1c1c1"&gt;&lt;/td&gt;&lt;td colspan="27/"&gt;&lt;/td&gt;&lt;td bgcolor="#393939"&gt;&lt;/td&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#dcdcdc"&gt;&lt;/td&gt;&lt;td bgcolor="#2d2d2d"&gt;&lt;/td&gt;&lt;td colspan="12/"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#a2a2a2"&gt;&lt;/td&gt;&lt;td colspan="16" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a1a1a1"&gt;&lt;/td&gt;&lt;td bgcolor="#0f0f0f"&gt;&lt;/td&gt;&lt;td colspan="27/"&gt;&lt;/td&gt;&lt;td bgcolor="#b7b7b7"&gt;&lt;/td&gt;&lt;td colspan="4" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="5" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td colspan="27" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;td bgcolor="#e3e3e3"&gt;&lt;/td&gt;&lt;td colspan="12/"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td bgcolor="#acacac"&gt;&lt;/td&gt;&lt;td colspan="15/"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td bgcolor="#505050"&gt;&lt;/td&gt;&lt;td colspan="29" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#545454"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="15/"&gt;&lt;/td&gt;&lt;td bgcolor="#272727"&gt;&lt;/td&gt;&lt;td colspan="28" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1e1e1e"&gt;&lt;/td&gt;&lt;td bgcolor="#d7d7d7"&gt;&lt;/td&gt;&lt;td colspan="13/"&gt;&lt;/td&gt;&lt;td bgcolor="#8e8e8e"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td colspan="7" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1f1f1f"&gt;&lt;/td&gt;&lt;td bgcolor="#c7c7c7"&gt;&lt;/td&gt;&lt;td colspan="15/"&gt;&lt;/td&gt;&lt;td bgcolor="#adadad"&gt;&lt;/td&gt;&lt;td bgcolor="#151515"&gt;&lt;/td&gt;&lt;td colspan="30" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td bgcolor="#d7d7d7"&gt;&lt;/td&gt;&lt;td colspan="3" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="6" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td colspan="14" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#464646"&gt;&lt;/td&gt;&lt;td colspan="29" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td bgcolor="#c8c8c8"&gt;&lt;/td&gt;&lt;td colspan="13/"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td bgcolor="#686868"&gt;&lt;/td&gt;&lt;td bgcolor="#070707"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td bgcolor="#585858"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td bgcolor="#676767"&gt;&lt;/td&gt;&lt;td colspan="33" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#f0f0f0"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#606060"&gt;&lt;/td&gt;&lt;td colspan="30" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#080808"&gt;&lt;/td&gt;&lt;td bgcolor="#898989"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td colspan="13" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td bgcolor="#818181"&gt;&lt;/td&gt;&lt;td bgcolor="#7e7e7e"&gt;&lt;/td&gt;&lt;td bgcolor="#dfdfdf"&gt;&lt;/td&gt;&lt;td colspan="15" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#444444"&gt;&lt;/td&gt;&lt;td colspan="34" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1c1c1c"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td colspan="2" rowspan="3" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td colspan="7" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;td colspan="32" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#363636"&gt;&lt;/td&gt;&lt;td bgcolor="#d5d5d5"&gt;&lt;/td&gt;&lt;td colspan="31/"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td bgcolor="#292929"&gt;&lt;/td&gt;&lt;td colspan="36" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#a2a2a2"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#949494"&gt;&lt;/td&gt;&lt;td colspan="33/"&gt;&lt;/td&gt;&lt;td bgcolor="#070707"&gt;&lt;/td&gt;&lt;td bgcolor="#868686"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td colspan="28" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#c6c6c6"&gt;&lt;/td&gt;&lt;td bgcolor="#151515"&gt;&lt;/td&gt;&lt;td colspan="37/"&gt;&lt;/td&gt;&lt;td bgcolor="#545454"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="8" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#f7f7f7"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td colspan="35" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#343434"&gt;&lt;/td&gt;&lt;td bgcolor="#d3d3d3"&gt;&lt;/td&gt;&lt;td colspan="26" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a1a1a1"&gt;&lt;/td&gt;&lt;td bgcolor="#080808"&gt;&lt;/td&gt;&lt;td colspan="38" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td rowspan="4/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="11" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#c8c8c8"&gt;&lt;/td&gt;&lt;td colspan="36" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td bgcolor="#838383"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="22/"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td bgcolor="#505050"&gt;&lt;/td&gt;&lt;td colspan="41" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#b2b2b2"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="9" rowspan="5" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#727272"&gt;&lt;/td&gt;&lt;td bgcolor="#e2e2e2"&gt;&lt;/td&gt;&lt;td colspan="38/"&gt;&lt;/td&gt;&lt;td bgcolor="#272727"&gt;&lt;/td&gt;&lt;td bgcolor="#9b9b9b"&gt;&lt;/td&gt;&lt;td bgcolor="#f8f8f8"&gt;&lt;/td&gt;&lt;td colspan="19" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a1a1a1"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td colspan="42/"&gt;&lt;/td&gt;&lt;td bgcolor="#6b6b6b"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#212121"&gt;&lt;/td&gt;&lt;td bgcolor="#afafaf"&gt;&lt;/td&gt;&lt;td colspan="10/"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="39" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#181818"&gt;&lt;/td&gt;&lt;td bgcolor="#868686"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#fcfcfc"&gt;&lt;/td&gt;&lt;td bgcolor="#aeaeae"&gt;&lt;/td&gt;&lt;td bgcolor="#3d3d3d"&gt;&lt;/td&gt;&lt;td colspan="44" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#262626"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#ffffff"&gt;&lt;td bgcolor="#181818"&gt;&lt;/td&gt;&lt;td bgcolor="#191919"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td colspan="10/"&gt;&lt;/td&gt;&lt;td bgcolor="#171717"&gt;&lt;/td&gt;&lt;td colspan="41" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0c0c0c"&gt;&lt;/td&gt;&lt;td bgcolor="#707070"&gt;&lt;/td&gt;&lt;td bgcolor="#e1e1e1"&gt;&lt;/td&gt;&lt;td colspan="10/"&gt;&lt;/td&gt;&lt;td bgcolor="#ededed"&gt;&lt;/td&gt;&lt;td bgcolor="#898989"&gt;&lt;/td&gt;&lt;td bgcolor="#1f1f1f"&gt;&lt;/td&gt;&lt;td colspan="47" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#cacaca"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#0f0f0f"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#323232"&gt;&lt;/td&gt;&lt;td bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#3f3f3f"&gt;&lt;/td&gt;&lt;td colspan="43/"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td bgcolor="#595959"&gt;&lt;/td&gt;&lt;td bgcolor="#949494"&gt;&lt;/td&gt;&lt;td bgcolor="#b3b3b3"&gt;&lt;/td&gt;&lt;td bgcolor="#d1d1d1"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#f9f9f9"&gt;&lt;/td&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td bgcolor="#9e9e9e"&gt;&lt;/td&gt;&lt;td bgcolor="#6e6e6e"&gt;&lt;/td&gt;&lt;td bgcolor="#3e3e3e"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td colspan="6/"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td bgcolor="#4e4e4e"&gt;&lt;/td&gt;&lt;td bgcolor="#858585"&gt;&lt;/td&gt;&lt;td bgcolor="#252525"&gt;&lt;/td&gt;&lt;td colspan="39/"&gt;&lt;/td&gt;&lt;td bgcolor="#838383"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td colspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#282828"&gt;&lt;/td&gt;&lt;td bgcolor="#e4e4e4"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#707070"&gt;&lt;/td&gt;&lt;td colspan="49/"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="9/"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#737373"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td colspan="38" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#3d3d3d"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="8" rowspan="8" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#e4e4e4"&gt;&lt;/td&gt;&lt;td colspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td bgcolor="#dcdcdc"&gt;&lt;/td&gt;&lt;td colspan="7" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a0a0a0"&gt;&lt;/td&gt;&lt;td colspan="57/"&gt;&lt;/td&gt;&lt;td bgcolor="#2b2b2b"&gt;&lt;/td&gt;&lt;td bgcolor="#989898"&gt;&lt;/td&gt;&lt;td bgcolor="#f5f5f5"&gt;&lt;/td&gt;&lt;td colspan="5" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#7f7f7f"&gt;&lt;/td&gt;&lt;td bgcolor="#191919"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td colspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#191919"&gt;&lt;/td&gt;&lt;td bgcolor="#d3d3d3"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#d0d0d0"&gt;&lt;/td&gt;&lt;td colspan="55/"&gt;&lt;/td&gt;&lt;td bgcolor="#181818"&gt;&lt;/td&gt;&lt;td bgcolor="#ababab"&gt;&lt;/td&gt;&lt;td colspan="8" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td colspan="37" rowspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#212121"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#b8b8b8"&gt;&lt;/td&gt;&lt;td colspan="6/"&gt;&lt;/td&gt;&lt;td bgcolor="#121212"&gt;&lt;/td&gt;&lt;td bgcolor="#a0a0a0"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="4" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td bgcolor="#1f1f1f"&gt;&lt;/td&gt;&lt;td colspan="53/"&gt;&lt;/td&gt;&lt;td bgcolor="#636363"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#5d5d5d"&gt;&lt;/td&gt;&lt;td bgcolor="#292929"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#a2a2a2"&gt;&lt;/td&gt;&lt;td colspan="8/"&gt;&lt;/td&gt;&lt;td bgcolor="#363636"&gt;&lt;/td&gt;&lt;td bgcolor="#c7c7c7"&gt;&lt;/td&gt;&lt;td colspan="4" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#c5c5c5"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td colspan="50/"&gt;&lt;/td&gt;&lt;td bgcolor="#232323"&gt;&lt;/td&gt;&lt;td bgcolor="#bdbdbd"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#9b9b9b"&gt;&lt;/td&gt;&lt;td bgcolor="#515151"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#8b8b8b"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#5a5a5a"&gt;&lt;/td&gt;&lt;td bgcolor="#c9c9c9"&gt;&lt;/td&gt;&lt;td colspan="3" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#d6d6d6"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td colspan="47" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#757575"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td colspan="13" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#dadada"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#757575"&gt;&lt;/td&gt;&lt;td colspan="12/"&gt;&lt;/td&gt;&lt;td bgcolor="#2f2f2f"&gt;&lt;/td&gt;&lt;td bgcolor="#959595"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#bdbdbd"&gt;&lt;/td&gt;&lt;td colspan="46/"&gt;&lt;/td&gt;&lt;td bgcolor="#2c2c2c"&gt;&lt;/td&gt;&lt;td bgcolor="#cccccc"&gt;&lt;/td&gt;&lt;td colspan="16" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#181818"&gt;&lt;/td&gt;&lt;td colspan="36/"&gt;&lt;/td&gt;&lt;td bgcolor="#c7c7c7"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#5d5d5d"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#282828"&gt;&lt;/td&gt;&lt;td bgcolor="#545454"&gt;&lt;/td&gt;&lt;td colspan="45/"&gt;&lt;/td&gt;&lt;td bgcolor="#525252"&gt;&lt;/td&gt;&lt;td bgcolor="#f4f4f4"&gt;&lt;/td&gt;&lt;td colspan="17" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#575757"&gt;&lt;/td&gt;&lt;td colspan="35" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#1a1a1a"&gt;&lt;/td&gt;&lt;td rowspan="4" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#1e1e1e"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="60" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#7f7f7f"&gt;&lt;/td&gt;&lt;td bgcolor="#fefefe"&gt;&lt;/td&gt;&lt;td colspan="18" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#959595"&gt;&lt;/td&gt;&lt;td bgcolor="#656565"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="7" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#b8b8b8"&gt;&lt;/td&gt;&lt;td colspan="60" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td bgcolor="#adadad"&gt;&lt;/td&gt;&lt;td colspan="20" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#cccccc"&gt;&lt;/td&gt;&lt;td bgcolor="#b4b4b4"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#636363"&gt;&lt;/td&gt;&lt;td colspan="59/"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td bgcolor="#d1d1d1"&gt;&lt;/td&gt;&lt;td colspan="21" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#c6c6c6"&gt;&lt;/td&gt;&lt;td colspan="34" rowspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#1a1a1a"&gt;&lt;/td&gt;&lt;td bgcolor="#e9e9e9"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="6" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#d5d5d5"&gt;&lt;/td&gt;&lt;td bgcolor="#080808"&gt;&lt;/td&gt;&lt;td colspan="58" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#3f3f3f"&gt;&lt;/td&gt;&lt;td rowspan="2" bgcolor="#ebebeb"&gt;&lt;/td&gt;&lt;td colspan="22" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#b3b3b3"&gt;&lt;/td&gt;&lt;td bgcolor="#696969"&gt;&lt;/td&gt;&lt;td colspan="2" rowspan="2/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#6a6a6a"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="58" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#464646"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td bgcolor="#f3f3f3"&gt;&lt;/td&gt;&lt;td bgcolor="#fbfbfb"&gt;&lt;/td&gt;&lt;td colspan="19" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#a0a0a0"&gt;&lt;/td&gt;&lt;td bgcolor="#b8b8b8"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="5" rowspan="6/"&gt;&lt;/td&gt;&lt;td bgcolor="#dddddd"&gt;&lt;/td&gt;&lt;td bgcolor="#0a0a0a"&gt;&lt;/td&gt;&lt;td colspan="57" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#363636"&gt;&lt;/td&gt;&lt;td bgcolor="#e2e2e2"&gt;&lt;/td&gt;&lt;td colspan="5/"&gt;&lt;/td&gt;&lt;td bgcolor="#eeeeee"&gt;&lt;/td&gt;&lt;td bgcolor="#f6f6f6"&gt;&lt;/td&gt;&lt;td bgcolor="#fdfdfd"&gt;&lt;/td&gt;&lt;td colspan="16" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#838383"&gt;&lt;/td&gt;&lt;td colspan="33" rowspan="3" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1d1d1d"&gt;&lt;/td&gt;&lt;td colspan="3" rowspan="4/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#898989"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="57" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#282828"&gt;&lt;/td&gt;&lt;td bgcolor="#dbdbdb"&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td colspan="14" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#373737"&gt;&lt;/td&gt;&lt;td bgcolor="#676767"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#303030"&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="56" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#1d1d1d"&gt;&lt;/td&gt;&lt;td bgcolor="#d2d2d2"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#efefef"&gt;&lt;/td&gt;&lt;td colspan="12" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#e5e5e5"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#a9a9a9"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#1a1a1a"&gt;&lt;/td&gt;&lt;td colspan="55/"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td bgcolor="#c8c8c8"&gt;&lt;/td&gt;&lt;td colspan="13" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#9c9c9c"&gt;&lt;/td&gt;&lt;td bgcolor="#b9b9b9"&gt;&lt;/td&gt;&lt;td colspan="11" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#969696"&gt;&lt;/td&gt;&lt;td colspan="33" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#070707"&gt;&lt;/td&gt;&lt;td bgcolor="#e3e3e3"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td bgcolor="#181818"&gt;&lt;/td&gt;&lt;td colspan="54" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td bgcolor="#bababa"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;td bgcolor="#636363"&gt;&lt;/td&gt;&lt;td bgcolor="#1d1d1d"&gt;&lt;/td&gt;&lt;td bgcolor="#f0f0f0"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#3e3e3e"&gt;&lt;/td&gt;&lt;td bgcolor="#414141"&gt;&lt;/td&gt;&lt;td colspan="4" rowspan="3/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#2a2a2a"&gt;&lt;td bgcolor="#898989"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td colspan="15" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#5c5c5c"&gt;&lt;/td&gt;&lt;td colspan="9" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#d1d1d1"&gt;&lt;/td&gt;&lt;td colspan="34" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#838383"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="6/"&gt;&lt;/td&gt;&lt;td bgcolor="#6a6a6a"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td colspan="52" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td bgcolor="#e3e3e3"&gt;&lt;/td&gt;&lt;td colspan="13" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#cbcbcb"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#a1a1a1"&gt;&lt;/td&gt;&lt;td colspan="6" bgcolor="#ffffff"&gt;&lt;/td&gt;&lt;td bgcolor="#fafafa"&gt;&lt;/td&gt;&lt;td bgcolor="#b8b8b8"&gt;&lt;/td&gt;&lt;td bgcolor="#242424"&gt;&lt;/td&gt;&lt;td bgcolor="#c5c5c5"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="7" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#c9c9c9"&gt;&lt;/td&gt;&lt;td bgcolor="#5f5f5f"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td colspan="51/"&gt;&lt;/td&gt;&lt;td bgcolor="#707070"&gt;&lt;/td&gt;&lt;td bgcolor="#494949"&gt;&lt;/td&gt;&lt;td colspan="3/"&gt;&lt;/td&gt;&lt;td bgcolor="#030303"&gt;&lt;/td&gt;&lt;td bgcolor="#686868"&gt;&lt;/td&gt;&lt;td bgcolor="#d5d5d5"&gt;&lt;/td&gt;&lt;td bgcolor="#d0d0d0"&gt;&lt;/td&gt;&lt;td bgcolor="#c2c2c2"&gt;&lt;/td&gt;&lt;td bgcolor="#a5a5a5"&gt;&lt;/td&gt;&lt;td bgcolor="#595959"&gt;&lt;/td&gt;&lt;td bgcolor="#0f0f0f"&gt;&lt;/td&gt;&lt;td colspan="35/"&gt;&lt;/td&gt;&lt;td bgcolor="#1f1f1f"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="4" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="9/"&gt;&lt;/td&gt;&lt;td bgcolor="#e4e4e4"&gt;&lt;/td&gt;&lt;td bgcolor="#b0b0b0"&gt;&lt;/td&gt;&lt;td bgcolor="#737373"&gt;&lt;/td&gt;&lt;td bgcolor="#353535"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td colspan="47" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td bgcolor="#c2c2c2"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;td bgcolor="#adadad"&gt;&lt;/td&gt;&lt;td colspan="47" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#646464"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="13/"&gt;&lt;/td&gt;&lt;td bgcolor="#dfdfdf"&gt;&lt;/td&gt;&lt;td bgcolor="#a6a6a6"&gt;&lt;/td&gt;&lt;td bgcolor="#757575"&gt;&lt;/td&gt;&lt;td bgcolor="#515151"&gt;&lt;/td&gt;&lt;td bgcolor="#2d2d2d"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td colspan="4" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#060606"&gt;&lt;/td&gt;&lt;td bgcolor="#0e0e0e"&gt;&lt;/td&gt;&lt;td bgcolor="#0b0b0b"&gt;&lt;/td&gt;&lt;td colspan="36" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#2a2a2a"&gt;&lt;/td&gt;&lt;td bgcolor="#e1e1e1"&gt;&lt;/td&gt;&lt;td colspan="9" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td bgcolor="#272727"&gt;&lt;/td&gt;&lt;td bgcolor="#a9a9a9"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="19/"&gt;&lt;/td&gt;&lt;td colspan="2" bgcolor="#d5d5d5"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td bgcolor="#e7e7e7"&gt;&lt;/td&gt;&lt;td colspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#c9c9c9"&gt;&lt;/td&gt;&lt;td colspan="37" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#545454"&gt;&lt;/td&gt;&lt;td bgcolor="#878787"&gt;&lt;/td&gt;&lt;td colspan="47" rowspan="2" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#0a0a0a"&gt;&lt;/td&gt;&lt;td bgcolor="#e4e4e4"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="25" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#d9d9d9"&gt;&lt;/td&gt;&lt;td colspan="38" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#8d8d8d"&gt;&lt;/td&gt;&lt;td colspan="7/"&gt;&lt;/td&gt;&lt;td bgcolor="#dddddd"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#484848"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="3/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td bgcolor="#020202"&gt;&lt;/td&gt;&lt;td colspan="37/"&gt;&lt;/td&gt;&lt;td bgcolor="#121212"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td colspan="6" rowspan="2" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#737373"&gt;&lt;/td&gt;&lt;td colspan="48/"&gt;&lt;/td&gt;&lt;td bgcolor="#9c9c9c"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td colspan="26" rowspan="7" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td colspan="38" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#737373"&gt;&lt;/td&gt;&lt;td bgcolor="#1d1d1d"&gt;&lt;/td&gt;&lt;td colspan="47" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#181818"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td bgcolor="#222222"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td colspan="5" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#272727"&gt;&lt;/td&gt;&lt;td bgcolor="#767676"&gt;&lt;/td&gt;&lt;td colspan="7" rowspan="2/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#323232"&gt;&lt;/td&gt;&lt;td colspan="39" rowspan="4/"&gt;&lt;/td&gt;&lt;td bgcolor="#bebebe"&gt;&lt;/td&gt;&lt;td bgcolor="#dedede"&gt;&lt;/td&gt;&lt;td bgcolor="#747474"&gt;&lt;/td&gt;&lt;td bgcolor="#3e3e3e"&gt;&lt;/td&gt;&lt;td bgcolor="#1f1f1f"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td bgcolor="#0a0a0a"&gt;&lt;/td&gt;&lt;td bgcolor="#0c0c0c"&gt;&lt;/td&gt;&lt;td bgcolor="#0f0f0f"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#141414"&gt;&lt;/td&gt;&lt;td bgcolor="#1d1d1d"&gt;&lt;/td&gt;&lt;td bgcolor="#373737"&gt;&lt;/td&gt;&lt;td bgcolor="#0f0f0f"&gt;&lt;/td&gt;&lt;td colspan="34" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#050505"&gt;&lt;/td&gt;&lt;td bgcolor="#d4d4d4"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td bgcolor="#4c4c4c"&gt;&lt;/td&gt;&lt;td bgcolor="#838383"&gt;&lt;/td&gt;&lt;td colspan="17" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#0a0a0a"&gt;&lt;/td&gt;&lt;td bgcolor="#545454"&gt;&lt;/td&gt;&lt;td colspan="8" rowspan="2/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#838383"&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor="#484848"&gt;&lt;/td&gt;&lt;td bgcolor="#272727"&gt;&lt;/td&gt;&lt;td colspan="33" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#101010"&gt;&lt;/td&gt;&lt;td bgcolor="#d2d2d2"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td bgcolor="#bdbdbd"&gt;&lt;/td&gt;&lt;td bgcolor="#101010"&gt;&lt;/td&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td colspan="16/"&gt;&lt;/td&gt;&lt;td bgcolor="#adadad"&gt;&lt;/td&gt;&lt;td bgcolor="#090909"&gt;&lt;/td&gt;&lt;td colspan="31" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#999999"&gt;&lt;/td&gt;&lt;td colspan="9/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1" bgcolor="#000000"&gt;&lt;td bgcolor="#e8e8e8"&gt;&lt;/td&gt;&lt;td bgcolor="#0f0f0f"&gt;&lt;/td&gt;&lt;td colspan="39" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td colspan="17" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;td bgcolor="#cccccc"&gt;&lt;/td&gt;&lt;td bgcolor="#555555"&gt;&lt;/td&gt;&lt;td bgcolor="#0c0c0c"&gt;&lt;/td&gt;&lt;td colspan="28/"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#a8a8a8"&gt;&lt;/td&gt;&lt;td colspan="10" bgcolor="#eaeaea"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr height="1"&gt;&lt;td colspan="27" rowspan="2/"&gt;&lt;/td&gt;&lt;td bgcolor="#575757"&gt;&lt;/td&gt;&lt;td bgcolor="#c9c9c9"&gt;&lt;/td&gt;&lt;td colspan="19/"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;td bgcolor="#b6b6b6"&gt;&lt;/td&gt;&lt;td bgcolor="#787878"&gt;&lt;/td&gt;&lt;td bgcolor="#3d3d3d"&gt;&lt;/td&gt;&lt;td bgcolor="#212121"&gt;&lt;/td&gt;&lt;td bgcolor="#0c0c0c"&gt;&lt;/td&gt;&lt;td colspan="20" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#101010"&gt;&lt;/td&gt;&lt;td bgcolor="#525252"&gt;&lt;/td&gt;&lt;td bgcolor="#979797"&gt;&lt;/td&gt;&lt;td bgcolor="#dbdbdb"&gt;&lt;/td&gt;&lt;td colspan="11/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td bgcolor="#d4d4d4"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td colspan="38" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#cfcfcf"&gt;&lt;/td&gt;&lt;td colspan="25/"&gt;&lt;/td&gt;&lt;td bgcolor="#e2e2e2"&gt;&lt;/td&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td bgcolor="#b8b8b8"&gt;&lt;/td&gt;&lt;td bgcolor="#a4a4a4"&gt;&lt;/td&gt;&lt;td bgcolor="#8f8f8f"&gt;&lt;/td&gt;&lt;td bgcolor="#7a7a7a"&gt;&lt;/td&gt;&lt;td bgcolor="#686868"&gt;&lt;/td&gt;&lt;td bgcolor="#626262"&gt;&lt;/td&gt;&lt;td bgcolor="#5e5e5e"&gt;&lt;/td&gt;&lt;td bgcolor="#5a5a5a"&gt;&lt;/td&gt;&lt;td bgcolor="#555555"&gt;&lt;/td&gt;&lt;td bgcolor="#525252"&gt;&lt;/td&gt;&lt;td bgcolor="#4d4d4d"&gt;&lt;/td&gt;&lt;td bgcolor="#494949"&gt;&lt;/td&gt;&lt;td bgcolor="#454545"&gt;&lt;/td&gt;&lt;td bgcolor="#484848"&gt;&lt;/td&gt;&lt;td bgcolor="#626262"&gt;&lt;/td&gt;&lt;td bgcolor="#7e7e7e"&gt;&lt;/td&gt;&lt;td bgcolor="#999999"&gt;&lt;/td&gt;&lt;td bgcolor="#b8b8b8"&gt;&lt;/td&gt;&lt;td bgcolor="#e6e6e6"&gt;&lt;/td&gt;&lt;td colspan="14/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="28/"&gt;&lt;/td&gt;&lt;td bgcolor="#cecece"&gt;&lt;/td&gt;&lt;td bgcolor="#464646"&gt;&lt;/td&gt;&lt;td bgcolor="#040404"&gt;&lt;/td&gt;&lt;td colspan="33" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#010101"&gt;&lt;/td&gt;&lt;td bgcolor="#202020"&gt;&lt;/td&gt;&lt;td bgcolor="#757575"&gt;&lt;/td&gt;&lt;td colspan="61/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="30/"&gt;&lt;/td&gt;&lt;td bgcolor="#dcdcdc"&gt;&lt;/td&gt;&lt;td bgcolor="#9d9d9d"&gt;&lt;/td&gt;&lt;td bgcolor="#595959"&gt;&lt;/td&gt;&lt;td bgcolor="#1b1b1b"&gt;&lt;/td&gt;&lt;td colspan="25" bgcolor="#000000"&gt;&lt;/td&gt;&lt;td bgcolor="#131313"&gt;&lt;/td&gt;&lt;td bgcolor="#3d3d3d"&gt;&lt;/td&gt;&lt;td bgcolor="#666666"&gt;&lt;/td&gt;&lt;td bgcolor="#8f8f8f"&gt;&lt;/td&gt;&lt;td bgcolor="#b8b8b8"&gt;&lt;/td&gt;&lt;td bgcolor="#e0e0e0"&gt;&lt;/td&gt;&lt;td colspan="63/"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height="1"&gt;&lt;td colspan="34/"&gt;&lt;/td&gt;&lt;td bgcolor="#dcdcdc"&gt;&lt;/td&gt;&lt;td bgcolor="#b7b7b7"&gt;&lt;/td&gt;&lt;td bgcolor="#919191"&gt;&lt;/td&gt;&lt;td bgcolor="#6b6b6b"&gt;&lt;/td&gt;&lt;td bgcolor="#595959"&gt;&lt;/td&gt;&lt;td bgcolor="#505050"&gt;&lt;/td&gt;&lt;td bgcolor="#474747"&gt;&lt;/td&gt;&lt;td bgcolor="#3e3e3e"&gt;&lt;/td&gt;&lt;td bgcolor="#353535"&gt;&lt;/td&gt;&lt;td bgcolor="#2c2c2c"&gt;&lt;/td&gt;&lt;td bgcolor="#232323"&gt;&lt;/td&gt;&lt;td bgcolor="#1b1b1b"&gt;&lt;/td&gt;&lt;td bgcolor="#111111"&gt;&lt;/td&gt;&lt;td bgcolor="#0a0a0a"&gt;&lt;/td&gt;&lt;td bgcolor="#151515"&gt;&lt;/td&gt;&lt;td bgcolor="#272727"&gt;&lt;/td&gt;&lt;td bgcolor="#373737"&gt;&lt;/td&gt;&lt;td bgcolor="#484848"&gt;&lt;/td&gt;&lt;td bgcolor="#595959"&gt;&lt;/td&gt;&lt;td bgcolor="#6a6a6a"&gt;&lt;/td&gt;&lt;td bgcolor="#7b7b7b"&gt;&lt;/td&gt;&lt;td bgcolor="#8c8c8c"&gt;&lt;/td&gt;&lt;td bgcolor="#9d9d9d"&gt;&lt;/td&gt;&lt;td bgcolor="#b0b0b0"&gt;&lt;/td&gt;&lt;td bgcolor="#d5d5d5"&gt;&lt;/td&gt;&lt;td colspan="69/"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt;&lt;/table&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-9033015018908569336?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/9033015018908569336/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=9033015018908569336' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/9033015018908569336'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/9033015018908569336'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/img-to-css.html' title='img to CSS'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1415212027385418196</id><published>2011-08-03T11:58:00.002+08:00</published><updated>2011-08-03T12:04:16.225+08:00</updated><title type='text'>通过绘制格子来计算的可视化乘法</title><content type='html'>&lt;a href="http://jyorr.com/post/7091032997"&gt;通过绘制格子来计算的可视化乘法&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.ideaxidea.com/archives/2011/06/grid_multi.html"&gt;グリッドを使ってかけ算を解く方法&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1795.jpg" alt="" title="IMG_1795" width="560" height="420" class="alignnone size-full wp-image-22223"&gt;&lt;br /&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1796.jpg" alt="" title="IMG_1796" width="560" height="420" class="alignnone size-full wp-image-22224"&gt;&lt;br /&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1797.jpg" alt="" title="IMG_1797" width="560" height="420" class="alignnone size-full wp-image-22225"&gt;&lt;br /&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1798.jpg" alt="" title="IMG_1798" width="560" height="420" class="alignnone size-full wp-image-22226"&gt;&lt;br /&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1799.jpg" alt="" title="IMG_1799" width="560" height="420" class="alignnone size-full wp-image-22226"&gt;&lt;br /&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1800.jpg" alt="" title="IMG_1800" width="560" height="420" class="alignnone size-full wp-image-22228"&gt;&lt;br /&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1801.jpg" alt="" title="IMG_1801" width="560" height="420" class="alignnone size-full wp-image-22230"&gt;&lt;br /&gt;&lt;img src="http://www.ideaxidea.com/wp-content/uploads/2011/06/IMG_1802.jpg" alt="" title="IMG_1802" width="560" height="420" class="alignnone size-full wp-image-22230"&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1415212027385418196?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1415212027385418196/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1415212027385418196' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1415212027385418196'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1415212027385418196'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/blog-post_03.html' title='通过绘制格子来计算的可视化乘法'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-7717370583893402909</id><published>2011-08-02T15:24:00.000+08:00</published><updated>2011-08-02T15:25:19.281+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>有趣的夜釣活動-家舜號生手夜釣~推推推</title><content type='html'>&lt;a href="http://tw.myblog.yahoo.com/mmvsyk-pomelo/article?mid=1897"&gt;有趣的夜釣活動-家舜號生手夜釣~推推推&lt;/a&gt;&lt;br /&gt;&lt;a href="http://tw.myblog.yahoo.com/feelings66"&gt;船長之家~基隆家舜號海釣船-~夜釣小管~深海船釣~基隆碧沙港&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;船長的電話0910168000&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-7717370583893402909?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/7717370583893402909/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=7717370583893402909' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7717370583893402909'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/7717370583893402909'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/blog-post.html' title='有趣的夜釣活動-家舜號生手夜釣~推推推'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6694032567524635295</id><published>2011-08-02T14:52:00.001+08:00</published><updated>2011-08-02T14:52:34.224+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='mac'/><title type='text'>Goston's Blog » [MAC] 快速關閉 iMac 螢幕的方法</title><content type='html'>&lt;a href="http://www.goston.net/2008/09/30/1751/"&gt;Goston's Blog » [MAC] 快速關閉 iMac 螢幕的方法&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;下次有這方面需求時,「Leopard」的使用者可按下「control + shift + eject」; 至於 Tiger 的使用者則可試試「Sleep Display Widget」及「Sleep Display Application」。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6694032567524635295?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6694032567524635295/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6694032567524635295' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6694032567524635295'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6694032567524635295'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/gostons-blog-mac-imac.html' title='Goston&apos;s Blog » [MAC] 快速關閉 iMac 螢幕的方法'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1273059448563946142</id><published>2011-08-02T14:49:00.002+08:00</published><updated>2011-08-02T14:50:58.051+08:00</updated><title type='text'>PhantomJS: Headless WebKit with JavaScript API</title><content type='html'>&lt;a href="http://www.phantomjs.org/"&gt;PhantomJS: Headless WebKit with JavaScript API&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;a href="http://code.google.com/p/phantomjs/wiki/QuickStart"&gt;QuickStart - phantomjs - 5-Minute Guide - headless WebKit with JavaScript API - Google Project Hosting&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre class="js"&gt;&lt;br /&gt;var page = new WebPage();&lt;br /&gt;&lt;br /&gt;page.open('http://www.google.com/m/local?site=local&amp;q=pizza+in+new+york', function (status) {&lt;br /&gt;    if (status !== 'success') {&lt;br /&gt;        console.log('Unable to access network');&lt;br /&gt;    } else {&lt;br /&gt;        var results = page.evaluate(function() {&lt;br /&gt;            var list = document.querySelectorAll('div.bf'), pizza = [], i;&lt;br /&gt;            for (i = 0; i &lt; list.length; i++) {&lt;br /&gt;                pizza.push(list[i].innerText);&lt;br /&gt;            }&lt;br /&gt;            return pizza;&lt;br /&gt;        });&lt;br /&gt;        console.log(results.join('\n'));&lt;br /&gt;    }&lt;br /&gt;    phantom.exit();&lt;br /&gt;});&lt;/pre&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1273059448563946142?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1273059448563946142/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1273059448563946142' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1273059448563946142'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1273059448563946142'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/phantomjs-headless-webkit-with.html' title='PhantomJS: Headless WebKit with JavaScript API'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4775923471132883159</id><published>2011-08-02T11:32:00.001+08:00</published><updated>2011-08-02T14:52:46.061+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='design'/><title type='text'>Apple's iCloud.com Error Pages Have Personality</title><content type='html'>&lt;a href="http://www.macrumors.com/2011/08/01/apples-icloud-com-error-pages-have-personality/"&gt;Apple's iCloud.com Error Pages Have Personality&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;img src="http://cdn.macrumors.com/article-new/2011/08/ic1-500x375.jpg" alt="" title="ic1" width="500" height="375" class="aligncenter size-large wp-image-319632"&gt;&lt;br /&gt;&lt;img src="http://cdn.macrumors.com/article-new/2011/08/ic2-500x375.jpg" alt="" title="ic2" width="500" height="375" class="aligncenter size-large wp-image-319633"&gt;&lt;br /&gt;&lt;img src="http://cdn.macrumors.com/article-new/2011/08/ic31-500x375.jpg" alt="" title="ic3" width="500" height="375" class="aligncenter size-large wp-image-319635"&gt;&lt;br /&gt;&lt;img src="http://cdn.macrumors.com/article-new/2011/08/ic4-500x375.jpg" alt="" title="ic4" width="500" height="375" class="aligncenter size-large wp-image-319636"&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4775923471132883159?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4775923471132883159/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4775923471132883159' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4775923471132883159'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4775923471132883159'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/apples-icloudcom-error-pages-have.html' title='Apple&apos;s iCloud.com Error Pages Have Personality'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-5701498170755296067</id><published>2011-08-01T18:16:00.001+08:00</published><updated>2011-08-01T18:18:27.134+08:00</updated><title type='text'>git resources</title><content type='html'>&lt;a href="http://www.spheredev.org/wiki/Git_for_the_lazy"&gt;Git for the lazy&lt;/a&gt;&lt;br /&gt;&lt;a href="http://book.git-scm.com/"&gt;The Git Community Book&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_tw/ch05.html"&gt;Git Magic&lt;/a&gt;&lt;br /&gt;&lt;a href="http://progit.org/"&gt;pro git&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-5701498170755296067?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/5701498170755296067/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=5701498170755296067' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5701498170755296067'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5701498170755296067'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/08/git-resources.html' title='git resources'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-4661089568878328995</id><published>2011-07-30T00:49:00.001+08:00</published><updated>2011-07-30T00:49:29.859+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>新店古早傳說(聚會聊天的好地方)</title><content type='html'>新店古早傳說(聚會聊天的好地方)&lt;br /&gt;&lt;blockquote&gt;新店古早傳說&lt;br /&gt;地址:新店市民權路108號&lt;br /&gt;電話:2218-1111&lt;br /&gt;路線:由捷運大坪林站1號出口，往前走約500公尺，在對面即可看到古早傳說了~&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-4661089568878328995?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/4661089568878328995/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=4661089568878328995' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4661089568878328995'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/4661089568878328995'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/blog-post_30.html' title='新店古早傳說(聚會聊天的好地方)'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-1041831227425825291</id><published>2011-07-19T16:12:00.010+08:00</published><updated>2011-08-02T14:52:56.203+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='http'/><title type='text'>Vary: Accept-Encoding</title><content type='html'>&lt;a href="http://www.sitepoint.com/web-site-optimization-steps/"&gt;Vary: Accept-Encoding&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;If you open the Net panel in Firebug (or use LiveHTTPHeaders or some other packet sniffer), you can verify that the content is compressed by looking for a Content-Encoding header in the response, as shown in the following example:&lt;br /&gt;&lt;br /&gt;Example request:&lt;br /&gt;&lt;pre&gt;&lt;br /&gt;GET /2.2.2/build/utilities/utilities.js HTTP/1.1 &lt;br /&gt;Host: yui.yahooapis.com User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.5) Gecko/20070713 Firefox/2.0.0.5 &lt;br /&gt;Accept-Encoding: gzip,deflate&lt;/pre&gt;&lt;br /&gt;Example response:&lt;br /&gt;&lt;pre&gt;&lt;br /&gt;HTTP/1.x 200 OK &lt;br /&gt;Last-Modified: Wed, 18 Apr 2007 17:36:33 GMT &lt;br /&gt;Vary: Accept-Encoding &lt;br /&gt;Content-Type: application/x-javascript &lt;br /&gt;Content-Encoding: gzip &lt;br /&gt;Cache-Control: max-age=306470616 &lt;br /&gt;Expires: Sun, 16 Apr 2017 00:01:52 GMT Date: Mon, 30 Jul 2007 21:18:16 GMT Content-Length: 22657 &lt;br /&gt;Connection: keep-alive&lt;/pre&gt;&lt;br /&gt;In this request, the browser informed the server that it understands gzip and deflate encodings (Accept-Encoding: gzip,deflate) and the server responded with gzip-encoded content (Content-Encoding: gzip).&lt;br /&gt;&lt;br /&gt;There’s one gotcha when it comes to serving gzipped content: you must make sure that proxies do not get in your way. If an ISP’s proxy caches your gzipped content and serves it to all of its customers, chances are that someone with a browser that doesn’t support compression will receive your compressed content.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;To avoid this you can use the Vary: Accept-Encoding response header to tell the proxy to cache this response only for clients that send the same Accept-Encoding request header.&lt;/span&gt; In the example above, the browser said it supports gzip and deflate, and the server responded with some extra information for any proxy between the server and client, saying that gzip-encoded content is okay for any client that sends the same Accept-Encoding content.&lt;br /&gt;&lt;br /&gt;There is one additional problem here: some browsers (IE 5.5, IE 6 SP 1, for instance) claim they support gzip, but can actually experience problems reading it (as described on the Microsoft downloads site, and the support site). &lt;span style="font-weight:bold;"&gt;If you care about people using these browsers (they usually account for less than 1% of a site’s visitors) you can use a different header — Cache-Control: Private — which eliminates proxy caching completely. Another way to prevent proxy caching is to use the header Vary: *&lt;/span&gt;.&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-1041831227425825291?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/1041831227425825291/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=1041831227425825291' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1041831227425825291'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/1041831227425825291'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/vary-accept-encoding.html' title='Vary: Accept-Encoding'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-8293289501782407245</id><published>2011-07-19T00:02:00.002+08:00</published><updated>2011-07-19T00:03:42.751+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>[食記] 三訪通化街日本食堂</title><content type='html'>&lt;a href="http://www.wretch.cc/blog/xyxyx/3260490"&gt;[食記] 三訪通化街日本食堂&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;日本食堂&lt;br /&gt;Add: &lt;a href="http://maps.google.com.tw/maps?q=%E5%8F%B0%E5%8C%97%E5%B8%82%E9%80%9A%E5%8C%96%E8%A1%9719%E5%B7%B73%E8%99%9F&amp;hl=zh-TW&amp;ie=UTF8&amp;sll=23.63446,120.970459&amp;sspn=6.207296,11.634521&amp;brcurrent=3,0x3442abadec7543e7:0x5dbcdd8252aeabe7,0,0x3442ac6b61dbbd9d:0xc0c243da98cba64b&amp;z=16"&gt;台北市通化街19巷3號&lt;/a&gt;&lt;br /&gt;Tel: (02) 2700-9425&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-8293289501782407245?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/8293289501782407245/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=8293289501782407245' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8293289501782407245'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/8293289501782407245'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/blog-post_19.html' title='[食記] 三訪通化街日本食堂'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-6264637670684416817</id><published>2011-07-15T18:50:00.002+08:00</published><updated>2011-07-18T01:11:26.778+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>There's no speed limit. (The lessons that changed my life.) | Derek Sivers</title><content type='html'>&lt;a href="http://sivers.org/kimo"&gt;There's no speed limit. (The lessons that changed my life.) | Derek Sivers&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;Kimo's high expectations set a new pace for me. He taught me “the standard pace is for chumps” - that the system is designed so anyone can keep up. If you're more driven than “just anyone” - you can do so much more than anyone expects. And this applies to ALL of life - not just school.&lt;br /&gt;&lt;br /&gt;Before I met him, I was just a kid who wanted to be a musician, doing it casually.&lt;br /&gt;&lt;br /&gt;Ever since our five lessons, high expectations became my norm, and still are to this day. Whether music, business, or personal - whether I actually achieve my expectations or not - the point is that I owe every great thing that's happened in my life to Kimo's raised expectations. That's all it took. A random meeting and five music lessons to convince me I can do anything more effectively than anyone expects.&lt;/blockquote&gt;&lt;br /&gt;&lt;a href="http://sivers.org/berklee"&gt;6 things I wish I knew the day I started Berklee | Derek Sivers&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;&lt;span style="font-weight:bold;"&gt;#1 : Focus. Disconnect. Do not be distracted.&lt;/span&gt;&lt;br /&gt;While you're here, presidents will change, the world will change, and the media will try to convince you how important it all is.&lt;br /&gt;But it's not. None of it matters to you now.&lt;br /&gt;You are being tested.&lt;br /&gt;Your enemy is distraction.&lt;br /&gt;Stay offline. Shut off your computer. Stay in the shed.&lt;br /&gt;When you emerge in a few years, you can ask someone what you missed, and you'll find it can be summed up in a few minutes.&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;#2 : Do not accept their speed limit.&lt;/span&gt;&lt;br /&gt;If you want to be above average, you must push yourself to do more than required.&lt;br /&gt;There's a martial arts saying, “When you are not practicing, someone else is. When you meet him, he will win.”&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;#3 : Nobody will teach you anything. You have to teach yourself.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;#4 : Learn from your heroes, not only theirs.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;#5 : Don't get stuck in the past.&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight:bold;"&gt;#6 : When done, be valuable.&lt;/span&gt;&lt;br /&gt;Making sure you're making money is just a way of making sure you're doing something of value to others.&lt;br /&gt;Remember that this usually comes from doing the things that most people don't do.&lt;br /&gt;For example : how much does the world pay people to play video games? Nothing, because everyone does it.&lt;br /&gt;How much does the world pay people to make video games? A ton, because very few can do it, and lots of people want it.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-6264637670684416817?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/6264637670684416817/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=6264637670684416817' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6264637670684416817'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/6264637670684416817'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/theres-no-speed-limit-lessons-that.html' title='There&apos;s no speed limit. (The lessons that changed my life.) | Derek Sivers'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-332913030463705456</id><published>2011-07-15T18:23:00.001+08:00</published><updated>2011-07-17T13:16:10.039+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>不要在功能上竞争 - 阮一峰的网络日志</title><content type='html'>&lt;a href="http://www.ruanyifeng.com/blog/2011/07/dont_compete_on_features.html"&gt;不要在功能上竞争 - 阮一峰的网络日志&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;blockquote&gt;如果市场上都是复杂的企业级工具，那就开发一个针对个人用户的简化版；如果市场上都是很正式的高端葡萄酒，那就开发一种便宜的、针对年轻人的、更休闲的酒精饮料；如果市场上都是提供长篇Blog服务的网站，那就开发一个很简单的、每次只能写140个字的网站；如果市场上都是技术性的、廉价的电子设备，那就开发人性化的、高价的电子设备。&lt;br /&gt;&lt;br /&gt;所以，更好的策略是，开发一个简化的产品，突出某种不同的市场定位，争夺现有厂商的低端用户。这样的话，你不用开发一个全功能的产品，节省了时间，而且由于设计目标不同，更容易做出颠覆式创新（disruptive innovation）。&lt;br /&gt;下面是开发新产品时，几点可行的做法：&lt;br /&gt;　　（1）你不是做一个比竞争对手"更好"的产品，而是做一个"不同"的产品。&lt;br /&gt;　　（2）你只提供部分功能，但是很好地满足了用户的需求。&lt;br /&gt;　　（3）如果新产品的市场反响不好，增加新功能并不能解决问题。你应该重新定位你的产品，想想它能向消费者提供哪些不同的价值。&lt;br /&gt;　　（4）在产品设计和推广的每一个环节，都突出它的不同定位。&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-332913030463705456?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/332913030463705456/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=332913030463705456' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/332913030463705456'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/332913030463705456'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/blog-post_514.html' title='不要在功能上竞争 - 阮一峰的网络日志'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-3193076691200364961</id><published>2011-07-15T18:16:00.002+08:00</published><updated>2011-07-15T18:19:48.277+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Living / Eating / Playing'/><title type='text'>八年得麻辣臭豆腐鴨血</title><content type='html'>&lt;a href="http://rmlove30.pixnet.net/blog/post/18420742"&gt;八年得麻辣臭豆腐鴨血&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;公館店:台北市羅斯福路三段316巷8弄2號(陳三鼎青蛙撞奶旁邊台大正門對面入)&lt;br /&gt;忠孝店--台北市忠孝東路四段223巷22-1號(捷運忠孝敦化統頒出口微風後面)&lt;br /&gt;敦化sogo店--忠孝東路四段124-13號(敦化SOGO後方&lt;br /&gt;安和遠店--台北市安和路二段173-1號(雄獅旅行社.21世紀旁邊)&lt;br /&gt;新埔店--- 台北縣板橋市民生路三段11號 (新埔捷運站一號出口右方)&lt;br /&gt;西門町店---台北市成都路6號(西門町捷運站一號出口左方)&lt;br /&gt;輔大店---台北縣新莊市中正路514巷67號(輔仁大學側門口)&lt;br /&gt;清華大學店--新竹市光復路二段440號(建新路口.清華大學側門對面 )&lt;br /&gt;陽明大學店:台北市石牌立農街2段299號(ok便利店對面)&lt;br /&gt;中壢SOGO店--桃園縣中壢市新生路202號(SOGO對面海華大廈)&lt;br /&gt;淡水老街分店: 台北縣淡水鎮淡水老街中正路135號(阿婆鐵蛋隔壁)&lt;br /&gt;台北永康店: 台北市大安區永康街15-2號(永康冰館隔壁)&lt;br /&gt;士林中正店: 台北市士林區中正路199-2號(世華銀行旁)&lt;br /&gt;&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-3193076691200364961?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/3193076691200364961/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=3193076691200364961' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3193076691200364961'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/3193076691200364961'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/blog-post_15.html' title='八年得麻辣臭豆腐鴨血'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2051005805653956906</id><published>2011-07-14T09:40:00.002+08:00</published><updated>2011-07-17T13:16:17.497+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>note</title><content type='html'>&lt;blockquote&gt;This is about getting stuff done - not hanging out in the office 24/7. Make sure to sleep, exercise, and spend time with friends and family to keep your energy and creativity high.&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2051005805653956906?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2051005805653956906/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2051005805653956906' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2051005805653956906'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2051005805653956906'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/note.html' title='note'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-2772451572439166707</id><published>2011-07-13T19:04:00.003+08:00</published><updated>2011-07-23T12:13:24.296+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Linux'/><title type='text'>ssh config</title><content type='html'>edit ~/.ssh/config&lt;br /&gt;&lt;br /&gt;Host aws&lt;br /&gt;HostName ec2-175-41-181-219.ap-southeast-1.compute.amazonaws.com&lt;br /&gt;User ubuntu&lt;br /&gt;IdentityFile ~/chunghekey.pem&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;ssh aws  &lt;br /&gt;equals &lt;br /&gt;ssh chunghe@ec2-175-41-181-219.ap-southeast-1.compute.amazonaws.com –I ~/chunghekey.pem&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-2772451572439166707?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/2772451572439166707/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=2772451572439166707' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2772451572439166707'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/2772451572439166707'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/ssh-config.html' title='ssh config'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-25126569.post-5456748850196893832</id><published>2011-07-11T23:08:00.002+08:00</published><updated>2011-07-17T13:16:27.375+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='inspiration'/><title type='text'>商業周刊-專欄部落格-哈佛人聊行銷-28歲當上外商總經理的代價</title><content type='html'>&lt;a href="http://www.businessweekly.com.tw/blog/article.php?id=181&amp;p=2"&gt;商業周刊-專欄部落格-哈佛人聊行銷-28歲當上外商總經理的代價&lt;/a&gt;&lt;br /&gt;&lt;blockquote&gt;「生命中每一個經驗，都一定會有機會成本。每個成功背後都有犧牲。很快你就會被問到你最珍貴的是什麼，而速度比你想像的還要快。你想要在三十歲有一個升遷機會，還是和你的另外一半有穩定的生活？你想要一個永遠豐富的旅行生活，還是一個健康的身體？早點想想並誠實面對自己：什麼在你生命中是重要的，而什麼是可以放手的。」&lt;/blockquote&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/25126569-5456748850196893832?l=chunghe.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://chunghe.blogspot.com/feeds/5456748850196893832/comments/default' title='張貼意見'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=25126569&amp;postID=5456748850196893832' title='0 個意見'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5456748850196893832'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/25126569/posts/default/5456748850196893832'/><link rel='alternate' type='text/html' href='http://chunghe.blogspot.com/2011/07/28.html' title='商業周刊-專欄部落格-哈佛人聊行銷-28歲當上外商總經理的代價'/><author><name>birdegg</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='24' src='http://static.flickr.com/44/120640895_a2313c51c7_t.jpg'/></author><thr:total>0</thr:total></entry></feed>
