Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
yzdbg committed Aug 7, 2020
0 parents commit 844904a
Show file tree
Hide file tree
Showing 7 changed files with 537 additions and 0 deletions.
1 change: 1 addition & 0 deletions css/main.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

211 changes: 211 additions & 0 deletions css/main.sass
Original file line number Diff line number Diff line change
@@ -0,0 +1,211 @@
body
background: #2A292E
overflow: hidden
color: grey
::-webkit-scrollbar
width: 12px


/* Track */
::-webkit-scrollbar-track
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3)
-webkit-border-radius: 10px
border-radius: 10px


/* Handle */
::-webkit-scrollbar-thumb
-webkit-border-radius: 10px
border-radius: 10px
background: #34353a

::-webkit-scrollbar-thumb:window-inactive
background: #2B2C31

::-webkit-scrollbar-track-piece
background: #2A292E

#leave
cursor: pointer
position: absolute
top: 1%
right: 1%

#minimize
cursor: pointer
position: absolute
top: 1%
right: 5%


.window
color: #ffffff
font-family: 'Roboto', sans-serif
font-weight: 100
box-shadow: 0 5px 10px #27262B
background: #2B2C31
position: relative
.table
font-weight: 200 !important
color: grey
background: none
box-shadow: none
height: 10% !important
.worker
transition: all 500ms ease-in-out
width: 99%
height: 20%
margin-top: 5px
.worker-info
position: absolute
width: 99%
height: 100%
left: 1%
text-align: center
h6
font-weight: 200
padding-left: 2%
.border-right
border-right: 1px solid #33343a
.worker-name
text-align: left
position: absolute
left: 2%
width: 20%
height: 100%
.name
line-height: 35px
font-size: 2vw
font-weight: 200
position: absolute
width: 100%
height: 60%
top: 0
.worker-status
color: grey
position: absolute
width: 100%
height: 40%
bottom: 0
.worker-hashrate
line-height: 45px
position: absolute
width: 15%
height: 100%
left: 22%
.worker-algorithm
line-height: 45px
position: absolute
width: 20%
height: 100%
left: 37%
.worker-uptime
line-height: 45px
position: absolute
width: 20%
height: 100%
left: 57%
.worker-earnings
line-height: 45px
position: absolute
width: 15%
height: 100%
left: 77%
.worker-inactive
background: #E44F4F
.worker-active
background: #66B34E
.worker-state
position: absolute
top: 0
left: 0
height: 100%
width: 3px
.expand-button
cursor: pointer
position: absolute
width: 30px
height: 100%
right: 0
i
transition: all 500ms ease-in-out


#workers-window
display: block
position: absolute
width: 86%
height: 45%
top: 51%
left: 12%
overflow-y: scroll

#main-panel
position: absolute
width: 100%
height: 100%

#hashrate-window
position: absolute
width: 86%
height: 40%
top: 10%
left: 12%

#chart
padding-left: 10px
position: absolute
width: 65%
height: 90%
bottom: 5%
left: 0
border-right: 1px solid #3a3d44
#hashrate-earnings
padding-left: 10px
position: absolute
width: 30%
height: 95%
right: 2.5%
bottom: 2.5%
span
position: absolute
bottom: 20%
left: 10%
color: grey
h3
font-weight: 100
#earnings-data
position: absolute
width: 100%
height: 50%
top: 0
border-bottom: 1px solid #3a3d44
#hashrate-data
position: absolute
width: 100%
height: 50%
bottom: 0
#sidebar
width: 10%
max-width: 75px
height: 100%
position: absolute
top: 0
left: 0
background: #2B2C31
box-shadow: 5px 5px 10px #27262B

.menu
width: 100%
height: 10vw
max-height: 75px
text-align: center
border-bottom: 1px solid #33343a
cursor: pointer
.material-icons
color: grey
line-height: 9vw
.selected
border-right: 2px solid #E44F4F
i
color: #E44F4F !important
174 changes: 174 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,174 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>OpenHash</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://use.fontawesome.com/020f0ef93b.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/main.min.css">
<script src="js/dashboard.js"></script>
</head>
<body>
<i id="leave" class="material-icons">clear</i>
<i id="minimize" class="material-icons">remove</i>
<div id="main-panel">
<div class="window" id="hashrate-window">
<div id="chart">
<canvas id="hashrate-graph"></canvas>
</div>
<div id="hashrate-earnings">
<div id="earnings-data">
<h3>31337 H/s</h3>
<span>Total hashrate</span>
</div>
<div id="hashrate-data">
<h3>$ 31.337</h3>
<span>Daily estimated earnings</span>
</div>
</div>
</div>
<div id="workers-window">
<div class="window worker table">
<div class="worker-info">
<div class="worker-name ">
<div class="name">
Rig name
</div>
<div class="worker-status">

</div>
</div>

<div class="worker-hashrate ">
Hashrate
</div>
<div class="worker-algorithm ">
Algorithm
</div>
<div class="worker-uptime ">
uptime
</div>
<div class="worker-earnings ">
Daily estimated
</div>
</div>
</div>
<div class="window worker" id="worker1">
<div class="worker-state worker-active">
</div>
<div class="worker-info">
<div class="worker-name border-right">
<div class="name">
RX580 RIG
</div>
<div class="worker-status">
OK
</div>
</div>

<div class="worker-hashrate border-right">
254.32 MH/s
</div>
<div class="worker-algorithm border-right">
Ethash
</div>
<div class="worker-uptime border-right">
7 Hours 24 min
</div>
<div class="worker-earnings ">
$ 12.32/day
</div>
</div>
<div class="expand-button" >
<i class="material-icons">keyboard_arrow_down</i>
</div>
</div>


<div class="window worker" id="worker3">
<div class="worker-state worker-active"></div>
<div class="worker-info">
<div class="worker-name border-right">
<div class="name">
NVIDIA RIG
</div>
<div class="worker-status">
OK
</div>
</div>

<div class="worker-hashrate border-right">
3541.32 H/s
</div>
<div class="worker-algorithm border-right">
Lyra2Rev2
</div>
<div class="worker-uptime border-right">

3 Hours 24 min
</div>
<div class="worker-earnings ">
$ 26.82/day
</div>
<div class="expand-button">
<i class="material-icons">keyboard_arrow_down</i>
</div>
</div>
</div>
<div class="window worker" id="worker2">
<div class="worker-state worker-inactive">
</div>
<div class="worker-info">
<div class="worker-name border-right">
<div class="name">
MONERO MINER
</div>
<div class="worker-status">
DOWN
</div>
</div>

<div class="worker-hashrate border-right">
NA
</div>
<div class="worker-algorithm border-right">
NA
</div>
<div class="worker-uptime border-right">
NA
</div>
<div class="worker-earnings ">
NA
</div>
<div class="expand-button" >
<i class="material-icons">keyboard_arrow_down</i>
</div>
</div>

</div>
</div>
<div id="sidebar">
<ul>
<li class="menu"> </li>

<li class="menu selected"id="home"><i class="material-icons">home</i></li>
<li class="menu"><i class="material-icons">assessment</i></li>
<li class="menu"><i class="material-icons">account_balance_wallet</i></li>
<li class="menu" id="settings"><i class="material-icons">settings</i></li>

</ul>
</div>
<script>
// You can also require other files to run in this process
require('./renderer.js')
</script>
</body>
</html>
Loading

0 comments on commit 844904a

Please sign in to comment.