diff --git a/client/static/2fcrYFNaTjcS6g4U3t-Y5StnKWgpfO2iSkLzTz-AABg.ttf b/client/static/2fcrYFNaTjcS6g4U3t-Y5StnKWgpfO2iSkLzTz-AABg.ttf
new file mode 100644
index 0000000..ddd67e0
Binary files /dev/null and b/client/static/2fcrYFNaTjcS6g4U3t-Y5StnKWgpfO2iSkLzTz-AABg.ttf differ
diff --git a/client/static/MaterialIcons.css b/client/static/MaterialIcons.css
new file mode 100644
index 0000000..c83ed8a
--- /dev/null
+++ b/client/static/MaterialIcons.css
@@ -0,0 +1,20 @@
+@font-face {
+ font-family: 'Material Icons';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Material Icons'), local('MaterialIcons-Regular'), url(2fcrYFNaTjcS6g4U3t-Y5StnKWgpfO2iSkLzTz-AABg.ttf) format('truetype');
+}
+
+.material-icons {
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px;
+ line-height: 1;
+ letter-spacing: normal;
+ text-transform: none;
+ display: inline-block;
+ white-space: nowrap;
+ word-wrap: normal;
+ direction: ltr;
+}
diff --git a/client/static/Roboto.css b/client/static/Roboto.css
new file mode 100644
index 0000000..94c1d26
--- /dev/null
+++ b/client/static/Roboto.css
@@ -0,0 +1,24 @@
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Roboto'), local('Roboto-Regular'), url(zN7GBFwfMP4uA6AR0HCoLQ.ttf) format('truetype');
+}
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 500;
+ src: local('Roboto Medium'), local('Roboto-Medium'), url(RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
+}
+@font-face {
+ font-family: 'Roboto';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Roboto Bold'), local('Roboto-Bold'), url(d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
+}
+@font-face {
+ font-family: 'Roboto';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Roboto Italic'), local('Roboto-Italic'), url(W4wDsBUluyw0tK3tykhXEfesZW2xOQ-xsNqO47m55DA.ttf) format('truetype');
+}
diff --git a/client/static/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf b/client/static/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf
new file mode 100644
index 0000000..8d6fa92
Binary files /dev/null and b/client/static/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf differ
diff --git a/client/static/W4wDsBUluyw0tK3tykhXEfesZW2xOQ-xsNqO47m55DA.ttf b/client/static/W4wDsBUluyw0tK3tykhXEfesZW2xOQ-xsNqO47m55DA.ttf
new file mode 100644
index 0000000..b0dd4a1
Binary files /dev/null and b/client/static/W4wDsBUluyw0tK3tykhXEfesZW2xOQ-xsNqO47m55DA.ttf differ
diff --git a/client/static/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf b/client/static/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf
new file mode 100644
index 0000000..19090af
Binary files /dev/null and b/client/static/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf differ
diff --git a/client/static/index.html b/client/static/index.html
index 90aa37d..2eb3b76 100644
--- a/client/static/index.html
+++ b/client/static/index.html
@@ -7,10 +7,10 @@
-
+
-
+
@@ -70,7 +70,7 @@
volume_off
-
+
volume_down
@@ -118,7 +118,7 @@
return { command: 'seek', seekValue: targetDuration };
};
var changeVolumeCommand = function(targetVolume) {
- return { command: 'changeVolume', seekValue: targetVolume };
+ return { command: 'volume', volume: targetVolume };
};
var chapterCommand = function(isForward) {
var direction = isForward ? 'forward' : 'backward';
@@ -200,8 +200,8 @@
$scope.play = function() { sendCommand(playCommand) };
$scope.pause = function() { sendCommand(pauseCommand) };
$scope.forward = function() { sendCommand(seekCommand(Math.min($scope.totalDurationSeconds, $scope.currentDurationSeconds + 10))) };
- $scope.volumeUp = function() { volume(5) };
- $scope.volumeDown = function() { volume(-5) };
+ $scope.volumeUp = function() { sendCommand(changeVolumeCommand(Math.min(130, $scope.currentVolume + 3))) };
+ $scope.volumeDown = function() { sendCommand(changeVolumeCommand(Math.max(0, $scope.currentVolume - 3))) };
$scope.mute = function() { sendCommand(muteCommand) };
$scope.unmute = function() { sendCommand(unmuteCommand) };
diff --git a/client/static/style.css b/client/static/style.css
new file mode 100644
index 0000000..342862e
--- /dev/null
+++ b/client/static/style.css
@@ -0,0 +1,70 @@
+md-content {
+ background-color: #eee;
+}
+
+md-card {
+ background-color: #fff;
+ text-align: center;
+}
+md-card h2:first-of-type {
+ margin-top: 0;
+}
+
+h2 {
+ font-weight: 400;
+}
+
+.md-toolbar-tools-bottom {
+ font-size: small;
+}
+.md-toolbar-tools-bottom :last-child {
+ opacity: 0.8;
+}
+
+section {
+ background: #ffffff;
+ border-radius: 3px;
+ text-align: center;
+ margin: 0.5em;
+ position: relative !important;
+ padding-bottom: 5px;
+}
+
+section .md-button {
+ margin-top: 10px;
+ margin-bottom: 1px;
+}
+
+.label {
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ font-size: 14px;
+ opacity: 0.84; }
+
+.dont-break-out {
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+
+ -ms-word-break: break-all;
+ word-break: break-all;
+ word-break: break-word;
+
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
+}
+
+.overlay {
+ height: 0;
+ width: 100%;
+ position: fixed;
+ z-index: 1000;
+ left: 0;
+ top: 0;
+ background-color: rgb(0,0,0);
+ background-color: rgba(0,0,0, 0.5);
+ overflow-x: hidden;
+ transition: 0.5s;
+}
diff --git a/client/static/zN7GBFwfMP4uA6AR0HCoLQ.ttf b/client/static/zN7GBFwfMP4uA6AR0HCoLQ.ttf
new file mode 100644
index 0000000..7b25f3c
Binary files /dev/null and b/client/static/zN7GBFwfMP4uA6AR0HCoLQ.ttf differ