joshua/dash-visualizer
1
0
Fork 0
mirror of https://github.com/seigler/dash-visualizer synced 2025-07-27 01:36:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add Dash logo

Browse source
This commit is contained in:
Joshua Seigler 2016-09-09 21:59:40 -04:00
parent b84655afad
commit 601082cebe
3 changed files with 73 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

36
app.js
View file

@ -1,9 +1,7 @@
'use strict'; 'use strict';
var socket = io("https://blockchain.masternode.io/"); (function() {
var transactionList = document.getElementById('transactionList'); function playSound(url){
function playSound(url){
var audio = document.createElement('audio'); var audio = document.createElement('audio');
audio.style.display = "none"; audio.style.display = "none";
audio.src = url; audio.src = url;
@ -13,9 +11,9 @@ function playSound(url){
audio.remove() //Remove when played. audio.remove() //Remove when played.
}; };
document.body.appendChild(audio); document.body.appendChild(audio);
} }
var onTransaction = function(data) { var onTransaction = function(data) {
console.log(data); console.log(data);
playSound('assets/bell.mp3'); playSound('assets/bell.mp3');
var tx = document.createElement('div'); var tx = document.createElement('div');
@ -42,9 +40,9 @@ var onTransaction = function(data) {
txOutputs.appendChild(txOut); txOutputs.appendChild(txOut);
}); });
transactionList.insertBefore(tx, transactionList.firstChild); transactionList.insertBefore(tx, transactionList.firstChild);
}; };
var onBlock = function(data) { var onBlock = function(data) {
console.log(data); console.log(data);
playSound('assets/whoosh.mp3'); playSound('assets/whoosh.mp3');
var newBlock = document.createElement('a'); var newBlock = document.createElement('a');
@ -54,18 +52,22 @@ var onBlock = function(data) {
newBlock.setAttribute('rel', 'noopener'); newBlock.setAttribute('rel', 'noopener');
newBlock.appendChild(document.createTextNode(data)); newBlock.appendChild(document.createTextNode(data));
transactionList.insertBefore(newBlock, transactionList.firstChild); transactionList.insertBefore(newBlock, transactionList.firstChild);
}; };
socket.on('connect', function() { var socket = io("https://blockchain.masternode.io/");
var transactionList = document.getElementById('transactionList');
socket.on('connect', function() {
document.getElementById('connectionStatus').className = 'is-connected'; document.getElementById('connectionStatus').className = 'is-connected';
// Join the room. // Join the room.
socket.emit('subscribe', 'inv'); socket.emit('subscribe', 'inv');
}) })
socket.on('tx', onTransaction); socket.on('tx', onTransaction);
socket.on('block', onBlock); socket.on('block', onBlock);
socket.on('disconnect', function() { socket.on('disconnect', function() {
document.getElementById('connectionStatus').className = 'is-disconnected'; document.getElementById('connectionStatus').className = 'is-disconnected';
}); });
socket.on('reconnecting', function() { socket.on('reconnecting', function() {
document.getElementById('connectionStatus').className = 'is-connecting'; document.getElementById('connectionStatus').className = 'is-connecting';
}); });
})();

2
assets/Dash-logo.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg id="Layer_1" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 226.777 226.777" xml:space="preserve" height="226.78px" viewBox="0 0 226.777 226.777" width="226.78px" version="1.1" y="0px" x="0px" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata id="metadata9"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><path id="path3" fill="#fff" opacity="0.2" d="m113.39 0c-62.623 0-113.39 50.767-113.39 113.39 0 62.62 50.766 113.39 113.39 113.39 62.62 0 113.39-50.77 113.39-113.39 0-62.623-50.77-113.39-113.39-113.39zm0 6.9668a106.42 106.42 0 0 1 106.42 106.42 106.42 106.42 0 0 1 -106.42 106.42 106.42 106.42 0 0 1 -106.42 -106.42 106.42 106.42 0 0 1 106.42 -106.42zm-35.624 69.328l-5.723 18.541h75.787l-11.41 37.114h-76.397l-5.72 18.54h81.227c7.94 0 10.06-1.39 15.74-4.71 5.67-3.33 10.1-9.14 12.5-16.06s8.26-26.44 10.06-32.947c1.8-6.506 2.49-8.998 0-13.839-2.49-4.847-7.61-6.639-11.49-6.639h-84.574zm-21.204 28.505l-5.236 17.03h45.264l5.24-17.03h-45.268z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

6
style.css
View file

@ -4,7 +4,11 @@ body {
box-sizing: border-box; box-sizing: border-box;
font-family: sans-serif; font-family: sans-serif;
font-size: 140%; font-size: 140%;
background-image: linear-gradient(to bottom right, hsl(208, 73%, 43%), hsl(208, 86.5%, 21.5%)); background-image: url('assets/Dash-logo.svg'), linear-gradient(to bottom right, hsl(208, 73%, 43%), hsl(208, 86.5%, 21.5%));
background-size: 50vmin auto, cover;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: hsl(208, 73%, 43%); background-color: hsl(208, 73%, 43%);
color: white; color: white;
min-height: 100vh; min-height: 100vh;