simon/swinging-needle-meter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added all the files that I THINK are needed.

Browse source
This commit is contained in:
simon 2017-06-30 15:12:35 +01:00
parent 445155a658
commit 2c46bb2be3
16 changed files with 530 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

46
resources/public/css/swinging-needle-meter.css Normal file
View file

@ -0,0 +1,46 @@
/***************************************************************************\
* *
* swinging-needle-meter.css *
* *
* CSS styling for the swinging needle meter. *
* *
\***************************************************************************/
.snm-cursor {
stroke:#ff8500;
stroke-width:5;
stroke-opacity: 0.5;
}
.snm-frame {
fill: none;
stroke-width: 10;
stroke-linejoin: round;
stroke: #444444;
}
.snm-hub {
fill: #444444;
}
.snm-meter {
height: 50%;
width: auto;
}
.snm-needle {
stroke: black;
stroke-width: 1;
}
.snm-redzone {
fill:none;
stroke: maroon;
stroke-width: 15;
}
.snm-scale {
fill: none;
stroke: green;
stroke-width: 15;
}

BIN
resources/public/images/example.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
resources/public/images/example.xcf Normal file
View file

Binary file not shown.

20
resources/public/index.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html>
<html lang="en">
<head>
<meta charset='utf-8'>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="vendor/css/re-com.css">
<link rel="stylesheet" href="css/swinging-needle-meter.css">
<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300" rel="stylesheet" type="text/css">
<title>Example swinging needle meter following re-com conventions.</title>
</head>
<body>
<div id="app"></div>
<script src="js/compiled/app.js"></script>
<script>swinging_needle_meter.core.init();</script>
</body>
</html>