Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
480 lines (415 sloc) 23.1 KB
<!DOCTYPE html>
<html data-l10n-id="html">
<head>
<meta charset=UTF-8>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HTML5 Word Cloud</title>
<meta name="apple-mobile-web-app-title" content="Word Cloud">
<link rel="apple-touch-icon-precomposed" href="./assets/images/wordcloud-logo.png" />
<meta name="description" content="Get the most frequent terms of posts of feeds in an tag cloud representation, powered by HTML5.">
<meta property="og:description" content="Get the most frequent terms of posts of feeds in an tag cloud representation, powered by HTML5." />
<!-- Unfortunately we need to hard-code these in HTML -->
<meta property="og:url" content="http://timdream.org/wordcloud/" />
<meta property="og:title" content="HTML5 Word Cloud" />
<meta property="fb:admins" content="541998202" />
<meta property="fb:app_id" content="221493074531416" />
<meta property="og:image" content="http://timdream.org/wordcloud/assets/images/wordcloud-logo.png" />
<meta property="og:image:width" content="432" />
<meta property="og:image:height" content="432" />
<meta property="og:image" content="http://timdream.org/wordcloud/assets/images/wordcloud-logo-128.png" />
<meta property="og:image:width" content="128" />
<meta property="og:image:height" content="128" />
<meta property="og:image" content="http://timdream.org/wordcloud/assets/images/wordcloud-logo-75.png" />
<meta property="og:image:width" content="75" />
<meta property="og:image:height" content="75" />
<meta property="og:image" content="http://timdream.org/wordcloud/assets/images/wordcloud-logo-16.png" />
<meta property="og:image:width" content="16" />
<meta property="og:image:height" content="16" />
<link rel="shortcut icon" href="./favicon.ico" />
<link rel="stylesheet" type="text/css" href="./assets/first-screen.css">
<!-- Le styles -->
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./assets/wordcloud.css">
<link rel="prefetch" type="application/l10n" href="./locales/locales.ini?_=@@timestamp" />
<link rel="payment" href="https://flattr.com/submit/auto?url=https%3A%2F%2Fgithub.com%2Ftimdream%2Fwordcloud&amp;user_id=timdream" type="text/html" />
<!-- For browser without Web Workers support, run the calculation
on the main event loop with the worker script. -->
<script src="./assets/wordfreq/src/wordfreq.worker.js?_=@@timestamp" defer></script>
<!-- build:js assets/app.min.js -->
<script src="./assets/vars.js" defer></script>
<script src="./assets/web-l10n/l10n.js" defer></script>
<script src="./assets/wordfreq/src/wordfreq.js" defer></script>
<script src="./assets/wordcloud2.js/src/wordcloud2.js" defer></script>
<script src="./assets/app.js" defer></script>
<script src="./assets/views.js" defer></script>
<script src="./assets/canvas-view.js" defer></script>
<script src="./assets/source-dialog-view.js" defer></script>
<script src="./assets/dashboard-view.js" defer></script>
<script src="./assets/sharer-dialog-view.js" defer></script>
<script src="./assets/panels.js" defer></script>
<script src="./assets/fetchers.js" defer></script>
<script src="./assets/start.js" defer></script>
<!-- endbuild -->
</head>
<body>
<div id="wc-canvas-container">
<div id="wc-canvas">
<canvas id="wc-canvas-canvas"></canvas>
<div id="wc-canvas-hover" hidden>
<span id="wc-canvas-hover-label" data-l10n-id="hover-count"></span>
</div>
</div>
</div>
<div id="wc-loading">
<div class="wc-icon" lang="en">
<span class="wc-icon-cloud"></span>
</div>
<div id="wc-loading-label" class="lead"></div>
</div>
<div id="wc-source-dialog" class="modal" hidden>
<div class="modal-header clearfix">
<h3 data-l10n-id="source-dialog-title" id="wc-source-title" class="pull-left"></h3>
<div class="pull-right">
<select id="wc-source-selection" class="input-medium"></select>
<button data-l10n-id="source-dialog-about-btn" id="wc-source-about-btn" class="btn btn-info"></button>
</div>
</div>
<div class="modal-body">
<div class="row-fluid">
<div class="span3 tabbable tabs-left">
<ul id="wc-source-menu" class="nav nav-tabs">
<li hidden>
<a href="#" data-l10n-id="source-example" data-panel="example"></a>
</li>
<li hidden>
<a href="#" data-l10n-id="source-facebook" data-panel="facebook"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-wikipedia" data-panel="wikipedia"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-twitter" data-panel="twitter"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-plurk" data-panel="plurk"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-blogger" data-panel="blogger"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-tumblr" data-panel="tumblr"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-wordpresscom" data-panel="wordpresscom"></a></li>
<li class="only-zh-TW" hidden>
<a href="#" data-l10n-id="source-pixnet" data-panel="pixnet"></a></li>
<li class="only-zh-TW" hidden>
<a href="#" data-l10n-id="source-wretchcc" data-panel="wretchcc"></a></li>
<li class="only-zh-TW" hidden>
<a href="#" data-l10n-id="source-yamblog" data-panel="yamblog"></a></li>
<!-- In memory of Aaron Swartz -->
<li hidden>
<a href="#" data-l10n-id="source-feed" data-panel="feed"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-googleplus" data-panel="googleplus"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-cp" data-panel="cp"></a></li>
<li hidden>
<a href="#" data-l10n-id="source-file" data-panel="file"></a></li>
</ul>
</div>
<div id="wc-source-panels" class="span9">
<form id="wc-panel-example" hidden>
<div id="wc-panel-example-support-msg" class="alert alert-block alert-warning" hidden>
<h4 data-l10n-id="browser-partial-support-title"></h4>
<span data-l10n-id="browser-partial-support-message"></span>
</div>
<label class="radio">
<input type="radio" name="example"
value="feed:http://www.nytimes.com/services/xml/rss/nyt/GlobalHome.xml" checked>
<span data-l10n-id="panel-example-nytimes-global"></span>
</label>
<label class="radio only-en-US">
<input type="radio" name="example"
value="feed:http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml">
<span data-l10n-id="panel-example-nytimes-us"></span>
</label>
<label class="radio only-zh-TW">
<input type="radio" name="example"
value="feed:http://tw.news.yahoo.com/rss/politics">
<span data-l10n-id="panel-example-ynews-politics"></span>
</label>
<label class="radio only-zh-TW">
<input type="radio" name="example"
value="feed:http://tw.news.yahoo.com/rss/entertainment">
<span data-l10n-id="panel-example-ynews-entertainment"></span>
</label>
<label class="radio only-en-US">
<input type="radio" name="example"
value="feed:http://daringfireball.net/index.xml">
<span data-l10n-id="panel-example-daringfireball"></span>
</label>
<label class="radio only-en-US">
<input type="radio" name="example"
value="wikipedia:Cloud">
<span data-l10n-id="panel-example-wikipedia-cloud"></span>
</label>
<label class="radio only-zh-TW">
<input type="radio" name="example"
value="wikipedia.zh:雲">
<span data-l10n-id="panel-example-wikipedia-zh-cloud"></span>
</label>
<label class="radio only-en-US">
<input type="radio" name="example"
value="feed:https://www.eff.org/rss/updates.xml">
<span data-l10n-id="panel-example-eff"></span>
</label>
<label class="radio only-zh-TW">
<input type="radio" name="example"
value="feed:http://www.president.gov.tw/RSS.aspx?tabid=1104&amp;moduleid=2074">
<span data-l10n-id="panel-example-roc-president"></span>
</label>
<label class="radio only-zh-TW">
<input type="radio" name="example"
value="feed:http://feeds.feedburner.com/Pansci">
<span data-l10n-id="panel-example-pansci"></span>
</label>
<label class="radio only-zh-TW">
<input type="radio" name="example"
value="feed:http://rss.ptt.cc/Boy-Girl.xml">
<span data-l10n-id="panel-example-ptt-bg"></span>
</label>
<div id="wc-psm" hidden></div>
</form>
<form id="wc-panel-wikipedia" hidden>
<label data-l10n-id="panel-wikipedia" for="wc-panel-wikipedia-title"></label>
<input type="text" id="wc-panel-wikipedia-title" class="input-medium" />
</form>
<form id="wc-panel-blogger" hidden>
<label data-l10n-id="panel-blogger-label" for="wc-panel-blogger-id"></label>
<input type="text" id="wc-panel-blogger-id" class="input-small" />
<span data-l10n-id="panel-blogger-help" class="help-block"></span>
</form>
<form id="wc-panel-tumblr" hidden>
<label data-l10n-id="panel-tumblr-label" for="wc-panel-tumblr-id"></label>
<input type="text" id="wc-panel-tumblr-id" class="input-small" />
<span data-l10n-id="panel-tumblr-help" class="help-block"></span>
</form>
<form id="wc-panel-wordpresscom" hidden>
<label data-l10n-id="panel-wordpresscom-label" for="wc-panel-wordpresscom-id"></label>
<input type="text" id="wc-panel-wordpresscom-id" class="input-small" />
<span data-l10n-id="panel-wordpresscom-help" class="help-block"></span>
</form>
<form id="wc-panel-pixnet" hidden>
<label data-l10n-id="panel-pixnet-label" for="wc-panel-pixnet-id"></label>
<input type="text" id="wc-panel-pixnet-id" class="input-small" />
<span data-l10n-id="panel-pixnet-help" class="help-block"></span>
</form>
<form id="wc-panel-wretchcc" hidden>
<label data-l10n-id="panel-wretchcc-label" for="wc-panel-wretchcc-id"></label>
<input type="text" id="wc-panel-wretchcc-id" class="input-small" />
<span data-l10n-id="panel-wretchcc-help" class="help-block"></span>
</form>
<form id="wc-panel-yamblog" hidden>
<label data-l10n-id="panel-yamblog-label" for="wc-panel-yamblog-id"></label>
<input type="text" id="wc-panel-yamblog-id" class="input-small" />
<span data-l10n-id="panel-yamblog-help" class="help-block"></span>
</form>
<form id="wc-panel-plurk" hidden>
<label data-l10n-id="panel-plurk-label" for="wc-panel-plurk-id"></label>
<input type="text" id="wc-panel-plurk-id" class="input-small" />
<span data-l10n-id="panel-plurk-help" class="help-block"></span>
</form>
<form id="wc-panel-twitter" hidden>
<label data-l10n-id="panel-twitter-label" for="wc-panel-twitter-id"></label>
<div class="input-prepend">
<span class="add-on">@</span>
<input type="text" id="wc-panel-twitter-id" class="input-small" />
</div>
<span data-l10n-id="panel-twitter-help" class="help-block"></span>
</form>
<form id="wc-panel-feed" hidden>
<label data-l10n-id="panel-feed-label" for="wc-panel-feed-url"></label>
<input type="url" id="wc-panel-feed-url" class="input-block-level" />
<span data-l10n-id="panel-feed-help" class="help-block"></span>
</form>
<form id="wc-panel-cp" hidden>
<label data-l10n-id="panel-cp-label" for="wc-panel-cp-textarea"></label>
<textarea id="wc-panel-cp-textarea" class="input-block-level" rows="10"></textarea>
<span data-l10n-id="panel-cp-help" class="help-block"></span>
</form>
<form id="wc-panel-file" hidden>
<label data-l10n-id="panel-file-label" for="wc-panel-file-file"></label>
<a class="btn file-wrapper">
<span data-l10n-id="panel-file-browse"></span>
<input type="file" accept="text/plain" id="wc-panel-file-file">
</a><span data-l10n-id="n-file-selected" data-l10n-args='{ "n": 0 }' id="wc-panel-file-file-label"></span>
<span data-l10n-id="panel-file-help" class="help-block"></span>
<label data-l10n-id="panel-file-encoding" for="wc-panel-file-encoding"></label>
<input type="text" id="wc-panel-file-encoding" value="UTF-8">
<span data-l10n-id="panel-file-encoding-help" class="help-block"></span>
</form>
<form id="wc-panel-facebook" hidden>
<div class="alert alert-block alert-warning only-en-US">
<h4>This feature to be disabled by Facebook on Apr 30th, 2015.</h4>
<span><a href="http://blog.timc.idv.tw/posts/html5-word-cloud-to-lost-access-to-facebook-news-feed-on-april-30th-2015/">Understand what happened</a>.</span>
</div>
<div class="alert alert-block alert-warning only-zh-TW">
<h4>此功能將於 2015 年 4 月 30 日被 Facebook 停用。</h4>
<span><a href="http://blog.timc.idv.tw/posts/html5-word-cloud-to-lost-access-to-facebook-news-feed-on-april-30th-2015/#zh-tw-content">了解原因</a>。</span>
</div>
<p id="wc-panel-facebook-status" data-l10n-id="loading"></p>
</form>
<form id="wc-panel-googleplus" hidden>
<label data-l10n-id="panel-googleplus-label" for="wc-panel-googleplus-id"></label>
<div class="input-prepend">
<span class="add-on">https://plus.google.com/</span>
<input type="text" id="wc-panel-googleplus-id" class="input-medium" placeholder="me" />
</div>
<span data-l10n-id="panel-googleplus-help" class="help-block"></span>
<p id="wc-panel-googleplus-status" data-l10n-id="loading"></p>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<div data-l10n-id="language-title" class="input-prepend pull-left" title="Language">
<span class="add-on"><i class="icon-globe"></i></span>
<select id="wc-language" class="input-small">
<option value="en-US" selected>English</option>
<option value="zh-TW">正體中文</option>
</select>
</div>
<button data-l10n-id="source-dialog-start-btn" id="wc-source-start-btn" class="btn btn-primary"></button>
<button id="wc-source-login-facebook-btn" class="btn btn-primary" hidden><i class="favicons-facebook"></i> <span data-l10n-id="source-dialog-login-facebook-btn"></span></button>
</div>
</div>
<div id="wc-dashboard" hidden>
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<div class="btn-group">
<button data-l10n-id="dashboard-back-btn" data-action="back" class="btn" title="Back"><i class="icon-chevron-left"></i><span data-l10n-id="dashboard-back-span"></span></button>
</div>
<div class="btn-group">
<button data-l10n-id="dashboard-refresh-btn" data-canvas-ctl data-action="refresh" class="btn disabled hide-label" title="Refresh"><i class="icon-refresh"></i><span data-l10n-id="dashboard-refresh-span"></span></button>
<button data-l10n-id="dashboard-theme-btn" data-canvas-ctl data-action="theme" class="btn disabled" title="Switch Theme"><i class="icon-gift"></i><span data-l10n-id="dashboard-theme-span"></span></button>
<button data-l10n-id="dashboard-shape-btn" data-canvas-ctl data-action="shape" class="btn disabled" title="Switch Shape"><i class="icon-star"></i><span data-l10n-id="dashboard-shape-span"></span></button>
<button data-l10n-id="dashboard-list-btn" data-canvas-ctl data-action="edit" class="btn disabled" title="Edit List"><i class="icon-edit"></i><span data-l10n-id="dashboard-list-span"></span></button>
</div>
<div class="btn-group">
<button data-l10n-id="dashboard-enlarge-btn" data-canvas-ctl data-action="size+" class="btn disabled hide-label" title="Enlarge"><i class="icon-font"></i><span data-l10n-id="dashboard-enlarge-span"></span></button>
<button data-l10n-id="dashboard-shrink-btn" data-canvas-ctl data-action="size-" class="btn disabled hide-label" title="Shrink"><i class="icon-font smaller-icon"></i><span data-l10n-id="dashboard-shrink-span"></span></button>
</div>
<div class="btn-group">
<button data-l10n-id="dashboard-disperse-btn" data-canvas-ctl data-action="gap+" class="btn disabled hide-label" title="Disperse"><i class="icon-resize-full"></i><span data-l10n-id="dashboard-disperse-span"></span></button>
<button data-l10n-id="dashboard-gather-up-btn" data-canvas-ctl data-action="gap-" class="btn disabled hide-label" title="Gather Up"><i class="icon-resize-small"></i><span data-l10n-id="dashboard-gather-up-span"></span></button>
</div>
<div class="pull-right">
<div class="btn-group">
<a data-l10n-id="dashboard-save-disk-btn" data-canvas-ctl download="wordcloud.png" href="#" data-action="save" class="btn disabled" title="Save to disk"><i class="icon-hdd"></i><span data-l10n-id="dashboard-save-disk-span"></span></a>
</div>
<div class="btn-group">
<button data-l10n-id="dashboard-share-btn" data-canvas-ctl data-action="share" class="btn disabled btn-primary" title="Share"><i class="icon-share"></i><span data-l10n-id="dashboard-share-span"</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="wc-list-dialog" class="modal" hidden>
<div class="modal-body">
<label data-l10n-id="list-dialog-label" for="wc-list-edit"></label>
<textarea id="wc-list-edit" class="input-block-level" rows="14"></textarea>
<span data-l10n-id="list-dialog-help" class="help-block"></span>
</div>
<div class="modal-footer">
<button data-l10n-id="list-dialog-cancel-btn" id="wc-list-cancel-btn" class="btn"></button>
<button data-l10n-id="list-dialog-confirm-btn" id="wc-list-confirm-btn" class="btn btn-primary"></button>
</div>
</div>
<div id="wc-sharer-dialog" class="modal" hidden>
<div class="modal-header">
<h3 id="wc-sharer-title" data-l10n-id="share-dialog-title"></h3>
</div>
<div class="modal-body">
<div class="row-fluid">
<div class="span4">
<a class="thumbnail" id="wc-sharer-img-link" target="_blank" hidden>
<img id="wc-sharer-img" />
</a>
<p data-l10n-id="share-dialog-terms"></p>
<p class="well well-small" id="wc-sharer-terms"></p>
<p data-l10n-id="share-dialog-hashtag"></p>
<p class="well well-small" id="wc-sharer-hashtag"></p>
</div>
<div class="span8">
<input type="text" data-l10n-id="share-dialog-title-input" id="wc-sharer-title-input" class="input-block-level" />
<textarea id="wc-sharer-desc" class="input-block-level" data-l10n-id="share-dialog-desc-input" rows="5"></textarea>
<div class="progress progress-striped active">
<div class="bar" id="wc-sharer-progress"></div>
</div>
<p data-l10n-id="cors-description"></p>
<p class="wc-sharer-service">
<span class="wc-sharer-service-title"><i class="favicons-imgur"></i>Imgur</span>
<a target="_blank" id="wc-sharer-imgur-status" class="disabled" data-l10n-id="loading"></a>
</p>
<p class="wc-sharer-service">
<span class="wc-sharer-service-title"><i class="favicons-facebook"></i>Facebook</span>
<a target="_blank" id="wc-sharer-facebook-status" class="disabled" data-l10n-id="loading"></a>
</p>
<p class="wc-sharer-service">
<span class="wc-sharer-service-title"><i class="favicons-tumblr"></i>Tumblr</span>
<a target="_blank" id="wc-sharer-tumblr-status" class="disabled" data-l10n-id="loading"></a>
</p>
<p class="wc-sharer-service">
<span class="wc-sharer-service-title"><i class="favicons-twitter"></i>Twitter</span>
<a target="_blank" id="wc-sharer-twitter-status" class="disabled" data-l10n-id="loading"></a>
</p>
<p class="wc-sharer-service">
<span class="wc-sharer-service-title"><i class="favicons-plurk"></i>Plurk</span>
<a target="_blank" id="wc-sharer-plurk-status" class="disabled" data-l10n-id="loading"></a>
</p>
</div>
</div>
</div>
<div class="modal-footer">
<button data-l10n-id="share-dialog-reupload-btn" id="wc-sharer-reupload-btn" class="btn"></button>
<button data-l10n-id="share-dialog-done-btn" id="wc-sharer-done-btn" class="btn btn-primary">Done</button>
</div>
</div>
<div id="wc-about-dialog" class="modal" hidden>
<div class="modal-header">
<h3 data-l10n-id="about-dialog-title" id="wc-about-title"></h3>
</div>
<div class="modal-body">
<div id="wc-about-icon" class="well">
<div class="wc-icon" lang="en">
<span class="wc-icon-cloud"></span>
</div>
</div>
<div id="wc-about-content">...</div>
<div id="wc-about-donate" hidden>
<h3 data-l10n-id="donate"></h3>
<p data-l10n-id="donate-desc"></p>
<div id="wc-about-donate-content"></div>
</div>
</div>
<div class="modal-footer">
<button data-l10n-id="about-dialog-close-btn" id="wc-about-close-btn" class="btn btn-primary"></button>
</div>
</div>
<div id="wc-sns-push" hidden>
<div class="button" id="wc-sns-facebook">
<iframe id="-iframe" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
<div class="button" id="wc-sns-google-plus">
<iframe id="-iframe" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
</div>
</div>
<div id="wc-browser-support" hidden>
<div class="container">
<div class="alert alert-block alert-error">
<h4 data-l10n-id="browser-support-title"></h4>
<span data-l10n-id="browser-support-message"></span>
</div>
</div>
</div>
</body>
</html>