100 lines
3.8 KiB
HTML
100 lines
3.8 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Stream: @name@</title>
|
||
|
|
<meta name="Description" content="Live data stream" />
|
||
|
|
|
||
|
|
|
||
|
|
<!-- @include meta.html -->
|
||
|
|
<!-- @include head.html -->
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body id='root' class='root'>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- @include header.html -->
|
||
|
|
<!-- @include macros.html -->
|
||
|
|
|
||
|
|
<aside id=main-container class=box>
|
||
|
|
<div style='display:none' class="ui text container segment">
|
||
|
|
@BODY@
|
||
|
|
</div>
|
||
|
|
</aside>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="ui main container mainbody">
|
||
|
|
|
||
|
|
@breadcrumb@
|
||
|
|
|
||
|
|
<!-- @include abuse.html -->
|
||
|
|
|
||
|
|
<div class="ui container stackable grid">
|
||
|
|
<div class="ui six wide column">
|
||
|
|
<div class="ui card">
|
||
|
|
<!-- <div class="image"><img src="..."></div> -->
|
||
|
|
<div class="content">
|
||
|
|
<div class="header">Stream: @title@</div>
|
||
|
|
<div class="meta">
|
||
|
|
<span class='humantime' data-time="@time@">@humantime@</span>
|
||
|
|
<span class='right floated'>/@id@</span>
|
||
|
|
</div>
|
||
|
|
<div class="description">
|
||
|
|
Live data powered by
|
||
|
|
<img src="https://az851932.vo.msecnd.net/pub/hjlxsmaf" class="ui fluid image" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="extra content">
|
||
|
|
|
||
|
|
<div class="ui two buttons">
|
||
|
|
<a href="/api/@id@/data?start=-24h" class="ui button">JSON</a>
|
||
|
|
<a href="/api/@id@/data.csv?start=-24h" class="ui green button">CSV</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="ui card ten wide column">
|
||
|
|
<h2>Streaming data in Excel 2016</h2>
|
||
|
|
<p>The data stored in this stream can easily be imported into an Excel 2016 spreadsheet using
|
||
|
|
<a href="https://support.office.com/en-us/article/Get-Transform-in-Excel-2016-881c63c6-37c5-4ca2-b616-59e18d75b4de">Get & Transform</a>.
|
||
|
|
</p>
|
||
|
|
<div class="ui segment">
|
||
|
|
<p>Create a <b>Blank Workbook</b> in Excel 2016</p>
|
||
|
|
</div>
|
||
|
|
<div class="ui segment">
|
||
|
|
<p>Click on <b>Data</b> » <b>New Query</b> » <b>From Other Sources</b> » <b>From Web</b>.
|
||
|
|
</p>
|
||
|
|
<img class="ui large centered image" src="https://az851932.vo.msecnd.net/pub/tipefycm" />
|
||
|
|
</div>
|
||
|
|
<div class="ui segment">
|
||
|
|
<p>Enter the following URL and click on <b>Connect</b>.</p>
|
||
|
|
<div class="ui fluid labeled input">
|
||
|
|
<div class="ui label">URL</div>
|
||
|
|
<input type="text" value="@apiroot@@id@/data.csv?start=-24h" readonly="" />
|
||
|
|
</div>
|
||
|
|
<img class="ui medium centered image" src="https://az851932.vo.msecnd.net/pub/jgyhkunq" />
|
||
|
|
</div>
|
||
|
|
<div class="ui segment">
|
||
|
|
<p>Select <b>Anonymous</b> and click <b>Connect</b>.</p>
|
||
|
|
<img class="ui medium centered image" src="https://az851932.vo.msecnd.net/pub/vvrkgcai" />
|
||
|
|
</div>
|
||
|
|
<div class="ui segment">
|
||
|
|
<p>Click on <b>Close & Load</b>.</p>
|
||
|
|
<img class="ui medium centered image" src="https://az851932.vo.msecnd.net/pub/lgwswrzo" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
@body@
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- @include footer.html -->
|
||
|
|
<!-- @include tracking.html -->
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|