Skip to content

Instantly share code, notes, and snippets.

View irmaus's full-sized avatar

irmaus

View GitHub Profile
@irmaus
irmaus / irmau-quoteapi-styles.css
Last active April 26, 2017 04:01
You can also add some default styling for the shareprice table and share price chart by including the following styles
.irmau-small-chart .quoteapi-chart {
width: 200px;
height: 100px;
padding: 7px 13px 13px 32px;
font-size: 11px;
color: #2e2e2e;
}
.irmau-small-chart .quoteapi-chart-panel {
height: 80px;
background: #ccc;
@irmaus
irmaus / main-chart.html
Last active April 26, 2017 04:03
main chart embed code
<h2>ASX Share Chart</h2>
<p>Below are share charts depicting the Company's performance over different time periods. The trend charts update each morning. Share prices and charts by iguana2. <a href="http://iguana2.com/legal-ir">Terms of use</a><br /> &nbsp;</p>
<div class="centered" data-quoteapi="mainChart">
<div class="irmau-main-chart" data-quoteapi="plots">&nbsp;</div>
<div class="irmau-from-to"><span data-quoteapi="displayedRange.from"></span> to <span data-quoteapi="displayedRange.to"></span></div>
<div>
<ul class="chart-buttons">
<li data-quoteapi="range=1d">Today</li>
<li data-quoteapi="range=1m">1 mnth</li>
<li data-quoteapi="range=3m">3 mnths</li>
@irmaus
irmaus / share-price-table.html
Last active April 26, 2017 04:04
Use the following code to insert a full share price table
<div class="shareprice-col" id="sp-asx">
<div class="row sptable">
<div class="columns">
<h4>Buy</h4>
<p data-quoteapi="bid">&nbsp;</p>
</div>
<div class="columns">
<h4>Sell</h4>
<p data-quoteapi="ask">&nbsp;</p>
</div>
@irmaus
irmaus / share-price-widget.css
Last active April 26, 2017 04:40
styles for the share price widget example
.widget-wrap {
width: 350px;
border: 1px solid #CCC;
padding: 10px;
position: relative;
margin-bottom: 20px;
}
.asx-logo {
width: 58px;
@irmaus
irmaus / newsroom-news-example.html
Created April 28, 2017 00:34
Live Example
<style>
.article {
border-bottom:1px solid #999;
margin-bottom:10px;
}
.articleDate {
float:right;
color:#999;
}
.article a {
@irmaus
irmaus / newsroom-news-example.html - HTTPS
Last active May 4, 2017 05:13
<style>
.article {
border-bottom:1px solid #999;
margin-bottom:10px;
}
.articleDate {
float:right;
color:#999;
}
.article a {
@irmaus
irmaus / share-price-widget.html
Last active May 4, 2017 23:44
html for the share price widget example
<div class="widget-wrap">
<div id="loadshareprice"><img class="asx-logo" src="https://www.irmau.com/site/content/images/asxLogo.png" alt="" />
<div class="price" data-quoteapi="price" id="price">&nbsp;</div>
<div class="market-cap" id="market-cap">Market Cap: <span data-quoteapi="marketCap">&nbsp;</span></div>
<div class="spdelay">Price Delay ~20min</div>
</div>
</div>
@irmaus
irmaus / quoteapi.1.10.7.html
Created July 25, 2017 04:54
Quote API version 1.10.7
<script src="https://quoteapi.com/lib/1.10.7/quoteapi-loader.js" integrity="sha256-kPu2fw4Fkw1EJn/326OdeRBH8PD9ACuKvJ3iyACSRKQ= sha512-iphO3CW8lDdIwVuPjAhAMp8rD/VK1X2YbQ9EECBuUi+vrmdWnmCcQ7vQq0Yr/Tq1L3NNelW6nI9T+F5f4c+oIg==" crossorigin="anonymous"></script>
@irmaus
irmaus / escrow-quote-example-table.html
Created July 25, 2017 05:05
Table showing Market Cap with Escrow
<table class="quote">
<thead>
<tr>
<th>Buy</th>
<th>Sell</th>
<th>First</th>
<th>High</th>
<th>Low</th>
<th>Last</th>
<th>MktPrice</th>
@irmaus
irmaus / header-js.html
Last active March 6, 2018 04:42
Add the following <script> links to your website header
<script src="https://quoteapi.com/lib/1.8.5/quoteapi-loader.js" integrity="sha256-Zs2jee5Cu9XOmK67dVQJDI5LqiV+faelNQm8OyslG6s= sha512-lgVikkbStJeoqvs4NNkrxcnQZM5q2WZDvD71Lo8c7F7AKW4/X/5iKuZVErv/gPS/4VdoBH642y+SHtiZA+B2ag==" crossorigin="anonymous"></script>
<script src="https://tickercode.irmau.com/site/content/js/quoteapi.js"></script>