status-im
/
open-bounty
mirror of https://github.com/status-im/open-bounty.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
open-bounty/resources/templates/bounty.html

98 lines
16 KiB
HTML
Raw Normal View History

Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
<html>
<body>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:300&subset=latin');
.github-comment {
font-family: 'Roboto', sans-serif;
border: #e7e7e7 solid 0.1em!important;
border-radius: 8px!important;
margin: 0px;
padding: 1em;
width: 1336px;
Render token balances to Github comment image
2017-08-22 20:15:16 +00:00
height: {{ image-height }}px;
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
}
Comment image improvements * make QR image larger * use status logo * layout tweaks
2017-10-27 10:22:35 +00:00
.commiteth-logo img {
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
position: fixed;
top: 32px;
left: 32px;
Comment image improvements * make QR image larger * use status logo * layout tweaks
2017-10-27 10:22:35 +00:00
width: 92px;
height: 92px;
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
}
.comment-issue-url {
font-size: 1.1em;
color: #a8aab1;
position: fixed;
top: 155px;
left: 32px;
}
.comment-eth {
color: #a8aab1;
font-size: 3em;
position: fixed;
top: 196px;
left: 32px;
}
Render token balances to Github comment image
2017-08-22 20:15:16 +00:00
.comment-eth-balance {
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
color: #343434;
position: fixed;
top: 196px;
left: 135px;
Render token balances to Github comment image
2017-08-22 20:15:16 +00:00
}
.token-list {
position: fixed;
top: 253px;
left: 32px;
}
.comment-token {
color: #a8aab1;
display: inline;
font-size: 48px;
}
.comment-token-balance {
color: #343434;
display:inline;
font-size: 48px;
left: 135px;
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
}
.qr-image {
position: fixed;
padding: 0px;
margin: 0px;
Comment image improvements * make QR image larger * use status logo * layout tweaks
2017-10-27 10:22:35 +00:00
top: 9px;
left: 940px;
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
border: none;
background-color: red;
}
.qr-image>img {
padding: 0px;
margin: 0px;
background-color: yellow;
}
</style>
{% style "/css/style.css" %}
<div class="github-comment">
<div class="commiteth-logo">
Comment image improvements * make QR image larger * use status logo * layout tweaks
2017-10-27 10:22:35 +00:00
<img src="data:image/png;base64,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
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
</div>
<div class="comment-issue-url">{{issue-url}}</div>
Render token balances to Github comment image
2017-08-22 20:15:16 +00:00
<div class="comment-eth">ETH<div class="comment-eth-balance">{{eth-balance}}</div></div>
<div class="token-list">
{% for token in tokens %}
<div class="token-list-item"><div class="comment-token">{{ token.tla }}<div class="comment-token-balance">&nbsp;{{ token.balance }}</div></div></div>
{% endfor %}
</div>
Rewrite Github comment PNG functionality * removed old swing JEditorPane based html to png rendering due to it's lack of support for modern css * new implementation uses wkhtmltoimage (on prod server via wrapper script using xvfb) * no longer generating image on every GET request for QR, but rather generating image when a bounty is cretaed or contract balance changes * images stored to DB * comment image design updated according to UI spec
2017-02-21 08:49:25 +00:00
<div class="qr-image">
<img src="data:image/png;base64,{{qr-image}}"/>
</div>
</div>
</body>
</html>