diff --git a/.gitignore b/.gitignore new file mode 100644 index 000000000..378eac25d --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +build diff --git a/CMakeLists.txt b/CMakeLists.txt index cce24fec3..410a7263e 100644 --- a/CMakeLists.txt +++ b/CMakeLists.txt @@ -42,6 +42,7 @@ file(GLOB RESOURCES htdocs/assets/* htdocs/css/*.css htdocs/fonts/* + htdocs/img/* htdocs/index.html ) diff --git a/README.md b/README.md index 08ef76d64..5337b94fd 100644 --- a/README.md +++ b/README.md @@ -31,10 +31,26 @@ Usage: ./ympd [OPTION]... -h, --host connect to mpd at host [localhost] -p, --port connect to mpd at port [6600] -w, --webport [ip:] listen interface/port for webserver [8080] + -a, --artwork [url template] for artwork fetch -u, --user drop priviliges to user after socket bind -V, --version get version --help this help ``` +Artwork +------- +Provide a template where the artwork may be fetched from: +``` + http://server/music/%A/%a/cover.jpg +``` +The available substitutions are: +``` + %A - Artist + %a - Album + %T - Title + %t - track + %P - Path to track (dirname) + %% - % +``` SSL Support ----------- diff --git a/htdocs/css/dragula.min.css b/htdocs/css/dragula.min.css new file mode 100644 index 000000000..cdcb2bc74 --- /dev/null +++ b/htdocs/css/dragula.min.css @@ -0,0 +1 @@ +.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)} \ No newline at end of file diff --git a/htdocs/css/mpd.css b/htdocs/css/mpd.css index 647bfc707..2a7dd3114 100644 --- a/htdocs/css/mpd.css +++ b/htdocs/css/mpd.css @@ -1,6 +1,16 @@ body { padding-top: 50px; padding-bottom: 50px; + background-color: #ddccdd; +} + +.panel { + background-color: #ffffee; + box-shadow: 5px 5px 5px #888888; +} + +.quicknav-btn { + background-color: #428bca; } .starter-template { @@ -32,6 +42,17 @@ body { margin-right: -10px; } +.queue-track { + cursor: move; + cursor: -webkit-grab; +} + +#artwork { + width: 100px; + height: 100px; + border: 1px solid #cccccc; +} + .btn-group-hover { opacity: 20%; } @@ -88,3 +109,16 @@ td:last-child, td:first-child { button { overflow: hidden; } + +#welcome { + margin: 20px; + padding: 5px; + border: 1px solid #ddccdd; +} + +.stats { + padding: 5px; + display: inline-block; + margin: 0px; +} + diff --git a/htdocs/img/cover.jpg b/htdocs/img/cover.jpg new file mode 100644 index 000000000..74ee50973 Binary files /dev/null and b/htdocs/img/cover.jpg differ diff --git a/htdocs/index.html b/htdocs/index.html index ed77279a3..1232d1a5c 100644 --- a/htdocs/index.html +++ b/htdocs/index.html @@ -12,6 +12,8 @@ + + @@ -33,9 +35,8 @@