mirror of
https://github.com/seigler/dash-visualizer
synced 2025-07-27 01:36:10 +00:00
publish: 📺 Add github pages deploy task
generated from commit 1d0caf22b3
This commit is contained in:
Joshua Seigler
commit
f08a3a0e49
14 changed files with 7083 additions and 0 deletions
2
assets/Dash-logo.svg
Normal file
2
assets/Dash-logo.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
BIN
assets/bell.mp3
Normal file
BIN
assets/bell.mp3
Normal file
Binary file not shown.
BIN
assets/creek.mp3
Normal file
BIN
assets/creek.mp3
Normal file
Binary file not shown.
BIN
assets/metallophone.mp3
Normal file
BIN
assets/metallophone.mp3
Normal file
Binary file not shown.
BIN
assets/splash-big.mp3
Normal file
BIN
assets/splash-big.mp3
Normal file
Binary file not shown.
BIN
assets/splash-medium.mp3
Normal file
BIN
assets/splash-medium.mp3
Normal file
Binary file not shown.
BIN
assets/splash-tiny.mp3
Normal file
BIN
assets/splash-tiny.mp3
Normal file
Binary file not shown.
BIN
assets/whoosh.mp3
Normal file
BIN
assets/whoosh.mp3
Normal file
Binary file not shown.
BIN
assets/wood-hit-glass.mp3
Normal file
BIN
assets/wood-hit-glass.mp3
Normal file
Binary file not shown.
159
bundle.css
Normal file
159
bundle.css
Normal file
|
|
@ -0,0 +1,159 @@
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: sans-serif;
|
||||
font-size: 140%;
|
||||
background-image: url('assets/Dash-logo.svg'), linear-gradient(to bottom right, #1e73be, #073a66);
|
||||
background-size: 50vmin auto, cover;
|
||||
background-position: center;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
background-color: #1e73be;
|
||||
color: white;
|
||||
min-height: 100vh;
|
||||
}
|
||||
* {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
#transactionList {
|
||||
padding: 1em 0 0;
|
||||
mix-blend-mode: screen;
|
||||
opacity: 0.75;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
#transactionList:after {
|
||||
content: '';
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
height: 8em;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-image: linear-gradient(to top, black, transparent);
|
||||
z-index: 2;
|
||||
pointer-events: none;
|
||||
}
|
||||
#connectionStatus.is-connected ~ #transactionList:empty:before {
|
||||
content: 'Waiting for first transaction...';
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.tx {
|
||||
position: relative;
|
||||
margin: 3px auto;
|
||||
width: 20em;
|
||||
min-width: 80%;
|
||||
max-width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.txValue {
|
||||
display: none;
|
||||
flex: 0 0 auto;
|
||||
line-height: 1.25;
|
||||
}
|
||||
.txOutputs {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
align-content: stretch;
|
||||
}
|
||||
.txOut {
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
background-color: white;
|
||||
}
|
||||
.txOut:first {
|
||||
border-left: 3px solid black;
|
||||
}
|
||||
.txOut:after {
|
||||
content: '';
|
||||
width: 3px;
|
||||
background: black;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.blockDivider {
|
||||
display: block;
|
||||
margin: 1em -1em -1.5em;
|
||||
background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.125));
|
||||
padding: 0.125em 1em 1.5em;
|
||||
color: rgba(0, 0, 0, 0);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.blockDivider:hover,
|
||||
.blockDivider:focus {
|
||||
color: inherit;
|
||||
}
|
||||
#muteToggle,
|
||||
#connectionStatus {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 8em;
|
||||
background: white;
|
||||
border: solid black;
|
||||
padding: 0.5em;
|
||||
font-size: 0.8em;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: black;
|
||||
}
|
||||
#muteToggle {
|
||||
left: 0;
|
||||
border-radius: 0 0 0.5em 0;
|
||||
border-width: 0 0.1em 0.1em 0;
|
||||
transition: opacity 0.5s;
|
||||
transition-delay: 1s;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
}
|
||||
#muteToggle:hover {
|
||||
opacity: 1;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
#muteToggle:before {
|
||||
content: 'Mute';
|
||||
}
|
||||
#muteToggle.is-muted:before {
|
||||
content: 'Un-mute';
|
||||
}
|
||||
#connectionStatus {
|
||||
right: 0;
|
||||
border-radius: 0 0 0 0.5em;
|
||||
border-width: 0 0 0.1em 0.1em;
|
||||
transition: transform 0.5s;
|
||||
transform: none;
|
||||
}
|
||||
#connectionStatus.is-disconnected:before {
|
||||
content: 'Disconnected';
|
||||
color: red;
|
||||
}
|
||||
#connectionStatus.is-connecting:before {
|
||||
content: 'Connecting...';
|
||||
color: black;
|
||||
}
|
||||
#connectionStatus.is-connected:before {
|
||||
content: 'Connected';
|
||||
color: green;
|
||||
}
|
||||
#connectionStatus.is-connected {
|
||||
transition: transform 0.5s;
|
||||
transition-delay: 2s;
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
|
||||
|
||||
/*# sourceMappingURL=bundle.css.map*/
|
||||
1
bundle.css.map
Normal file
1
bundle.css.map
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["app/styles/main.less"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"public/bundle.css","sourcesContent":["body {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n font-family: sans-serif;\n font-size: 140%;\n background-image: url('assets/Dash-logo.svg'), linear-gradient(to bottom right, #1e73be, #073a66);\n background-size: 50vmin auto, cover;\n background-position: center;\n background-attachment: fixed;\n background-repeat: no-repeat;\n background-color: #1e73be;\n color: white;\n min-height: 100vh;\n}\n* {\n box-sizing: inherit;\n}\na {\n color: inherit;\n text-decoration: none;\n}\n#transactionList {\n padding: 1em 0 0;\n mix-blend-mode: screen;\n opacity: 0.75;\n height: 100vh;\n overflow: hidden;\n}\n#transactionList:after {\n content: '';\n position: fixed;\n bottom: 0;\n height: 8em;\n left: 0;\n right: 0;\n background-image: linear-gradient(to top, black, transparent);\n z-index: 2;\n pointer-events: none;\n}\n#connectionStatus.is-connected ~ #transactionList:empty:before {\n content: 'Waiting for first transaction...';\n display: block;\n text-align: center;\n font-size: 2em;\n opacity: 0.5;\n}\n.tx {\n position: relative;\n margin: 3px auto;\n width: 20em;\n min-width: 80%;\n max-width: 100%;\n z-index: 1;\n}\n.txValue {\n display: none;\n flex: 0 0 auto;\n line-height: 1.25;\n}\n.txOutputs {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n align-content: stretch;\n}\n.txOut {\n position: relative;\n flex: 1 1 auto;\n background-color: white;\n}\n.txOut:first {\n border-left: 3px solid black;\n}\n.txOut:after {\n content: '';\n width: 3px;\n background: black;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n}\n.blockDivider {\n display: block;\n margin: 1em -1em -1.5em;\n background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.125));\n padding: 0.125em 1em 1.5em;\n color: rgba(0, 0, 0, 0);\n text-align: center;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.blockDivider:hover,\n.blockDivider:focus {\n color: inherit;\n}\n#muteToggle,\n#connectionStatus {\n position: fixed;\n top: 0;\n width: 8em;\n background: white;\n border: solid black;\n padding: 0.5em;\n font-size: 0.8em;\n text-transform: uppercase;\n font-weight: bold;\n text-align: center;\n color: black;\n}\n#muteToggle {\n left: 0;\n border-radius: 0 0 0.5em 0;\n border-width: 0 0.1em 0.1em 0;\n transition: opacity 0.5s;\n transition-delay: 1s;\n opacity: 0;\n cursor: pointer;\n z-index: 100;\n}\n#muteToggle:hover {\n opacity: 1;\n transition-delay: 0s;\n}\n#muteToggle:before {\n content: 'Mute';\n}\n#muteToggle.is-muted:before {\n content: 'Un-mute';\n}\n#connectionStatus {\n right: 0;\n border-radius: 0 0 0 0.5em;\n border-width: 0 0 0.1em 0.1em;\n transition: transform 0.5s;\n transform: none;\n}\n#connectionStatus.is-disconnected:before {\n content: 'Disconnected';\n color: red;\n}\n#connectionStatus.is-connecting:before {\n content: 'Connecting...';\n color: black;\n}\n#connectionStatus.is-connected:before {\n content: 'Connected';\n color: green;\n}\n#connectionStatus.is-connected {\n transition: transform 0.5s;\n transition-delay: 2s;\n transform: translate3d(0, -100%, 0);\n}\n"]}
|
||||
1
bundle.js.map
Normal file
1
bundle.js.map
Normal file
File diff suppressed because one or more lines are too long
16
index.html
Normal file
16
index.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Dash transaction visualizer</title>
|
||||
<link rel="stylesheet" href="bundle.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="muteToggle"></div>
|
||||
<div id="connectionStatus" class="is-connecting"></div>
|
||||
|
||||
<div id="transactionList"></div>
|
||||
|
||||
<script src="bundle.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue