Pitchfork MPD Client

From: Joshua Wise Date: Tue, 23 Mar 2010 02:23:07 +0000 (-0400) Subject: Add Jon Fink's iPhone theme/frontend for Pitchfork. Access using player/mini.php. X-Git-Url: http://git.joshuawise.com/patchfork.git/commitdiff_plain/225e0317cf785ce7c6c13b3db69c7a1f3685a2f4?hp=9a6ec85fe0d50fc2db8ccfcd18a585f34a8ffe94 Add Jon Fink's iPhone theme/frontend for Pitchfork. Access using player/mini.php. --- diff --git a/player/mini.php b/player/mini.php new file mode 100644 index 0000000..79378bf --- /dev/null +++ b/player/mini.php @@ -0,0 +1,142 @@ + + + + + + + + +\n"; + ?> + + + Pitchfork MPD Client + + + +

+ +

+ + + + +

+ +

" + id='playlist_add'>
" + id='playlist_save'>
". m("Recommendation") . "
". + m("Song Info") . "

+ +

Playlist

Controls

+ +

+" /> +" /> + <?php echo m( " /> +

+ +

[] [] [] []

+ +

+ + + + diff --git a/theme/mini/images/add_15.png b/theme/mini/images/add_15.png new file mode 100644 index 0000000..d341334 Binary files /dev/null and b/theme/mini/images/add_15.png differ diff --git a/theme/mini/images/audio_li.png b/theme/mini/images/audio_li.png new file mode 100644 index 0000000..e8ed100 Binary files /dev/null and b/theme/mini/images/audio_li.png differ diff --git a/theme/mini/images/close.png b/theme/mini/images/close.png new file mode 100644 index 0000000..c983059 Binary files /dev/null and b/theme/mini/images/close.png differ diff --git a/theme/mini/images/close_15.png b/theme/mini/images/close_15.png new file mode 100644 index 0000000..be5676c Binary files /dev/null and b/theme/mini/images/close_15.png differ diff --git a/theme/mini/images/crop_30.png b/theme/mini/images/crop_30.png new file mode 100644 index 0000000..ad81d80 Binary files /dev/null and b/theme/mini/images/crop_30.png differ diff --git a/theme/mini/images/disabled_15.png b/theme/mini/images/disabled_15.png new file mode 100644 index 0000000..e5f1919 Binary files /dev/null and b/theme/mini/images/disabled_15.png differ diff --git a/theme/mini/images/enabled_15.png b/theme/mini/images/enabled_15.png new file mode 100644 index 0000000..63adab8 Binary files /dev/null and b/theme/mini/images/enabled_15.png differ diff --git a/theme/mini/images/folder_30.png b/theme/mini/images/folder_30.png new file mode 100644 index 0000000..7bdcd08 Binary files /dev/null and b/theme/mini/images/folder_30.png differ diff --git a/theme/mini/images/folder_li.png b/theme/mini/images/folder_li.png new file mode 100644 index 0000000..a4d80fa Binary files /dev/null and b/theme/mini/images/folder_li.png differ diff --git a/theme/mini/images/follow-playing-no.png b/theme/mini/images/follow-playing-no.png new file mode 100644 index 0000000..3597926 Binary files /dev/null and b/theme/mini/images/follow-playing-no.png differ diff --git a/theme/mini/images/follow-playing-yes.png b/theme/mini/images/follow-playing-yes.png new file mode 100644 index 0000000..5ec364d Binary files /dev/null and b/theme/mini/images/follow-playing-yes.png differ diff --git a/theme/mini/images/jump-to-current.png b/theme/mini/images/jump-to-current.png new file mode 100644 index 0000000..499ecae Binary files /dev/null and b/theme/mini/images/jump-to-current.png differ diff --git a/theme/mini/images/left_15.png b/theme/mini/images/left_15.png new file mode 100644 index 0000000..525df34 Binary files /dev/null and b/theme/mini/images/left_15.png differ diff --git a/theme/mini/images/media-album_li.png b/theme/mini/images/media-album_li.png new file mode 100644 index 0000000..a27323c Binary files /dev/null and b/theme/mini/images/media-album_li.png differ diff --git a/theme/mini/images/media-artist_li.png b/theme/mini/images/media-artist_li.png new file mode 100644 index 0000000..c87c715 Binary files /dev/null and b/theme/mini/images/media-artist_li.png differ diff --git a/theme/mini/images/next_25.png b/theme/mini/images/next_25.png new file mode 100644 index 0000000..c026270 Binary files /dev/null and b/theme/mini/images/next_25.png differ diff --git a/theme/mini/images/pause_25.png b/theme/mini/images/pause_25.png new file mode 100644 index 0000000..29650ef Binary files /dev/null and b/theme/mini/images/pause_25.png differ diff --git a/theme/mini/images/play_25.png b/theme/mini/images/play_25.png new file mode 100644 index 0000000..a6af04c Binary files /dev/null and b/theme/mini/images/play_25.png differ diff --git a/theme/mini/images/playlist_li.png b/theme/mini/images/playlist_li.png new file mode 100644 index 0000000..627a858 Binary files /dev/null and b/theme/mini/images/playlist_li.png differ diff --git a/theme/mini/images/previous_25.png b/theme/mini/images/previous_25.png new file mode 100644 index 0000000..8f3fcf9 Binary files /dev/null and b/theme/mini/images/previous_25.png differ diff --git a/theme/mini/images/remove_30.png b/theme/mini/images/remove_30.png new file mode 100644 index 0000000..3a84844 Binary files /dev/null and b/theme/mini/images/remove_30.png differ diff --git a/theme/mini/images/right_15.png b/theme/mini/images/right_15.png new file mode 100644 index 0000000..0cc81ad Binary files /dev/null and b/theme/mini/images/right_15.png differ diff --git a/theme/mini/images/stop_25.png b/theme/mini/images/stop_25.png new file mode 100644 index 0000000..a31a1e6 Binary files /dev/null and b/theme/mini/images/stop_25.png differ diff --git a/theme/mini/images/working.gif b/theme/mini/images/working.gif new file mode 100644 index 0000000..42ff5c6 Binary files /dev/null and b/theme/mini/images/working.gif differ diff --git a/theme/mini/theme.css b/theme/mini/theme.css new file mode 100644 index 0000000..3d5c46d --- /dev/null +++ b/theme/mini/theme.css @@ -0,0 +1,293 @@ +/* top right bottom left */ +body { + font-size: 12.4px; + font-family: sans-serif; + background: #888888; +} + +a { + color: black; +} + +select, input { + font-size: 0.95em; + line-height: 1.2em; + border: 1px solid #BFCFCC; +} + +hr.server_settings { + color: #9db2b1; + background-color: #9db2b1; +} + +.main_container, #playlist { + border: 1px solid #e2e2e2; + background: #f1f1f1; +} + +#playlist { + cursor: default; +} + +tr.playlist { + border: 0px; +} + +div.moving_box { + background-color: #f1f1f1; + border: 1px solid #65869E; +} + +tr.moving { + border-top: 1px solid #b0bdec; + color: gray; +} + +li[dirtype=file] { background-image: url(images/audio_li.png); } +li[dirtype=directory] { background-image: url(images/folder_li.png); } +li[dirtype=artist] { background-image: url(images/media-artist_li.png); } +li[dirtype=album] { background-image: url(images/media-album_li.png); } +li[dirtype=playlist] { background-image: url(images/playlist_li.png); } + +/* used to signify that this is a search result and is used in std/browser.js */ +li[btype=search] { } + +/* used to select the filename */ +li[btype=search] > span { + color: gray; +} + +div.slider_main, div.popup { + border: 1px solid #B0BDEC; + background-color: #DEE7F7; +} + +div.slider_pointer { + border: 1px solid #a20000; + background-color: #ffcccc; +} + +[slider_moving] { + cursor: move; +} + +img.act_button { + height: 60px; + width: 60px; + opacity: 0.70; +} +img.act_button:hover { + opacity: 1.0; +} + +#status_bar { + border: 1px solid #BDD8DA; + background: #DFEFF0; +} + +div.settings_container, div.settings_header, +div.player_control, div#streaming_display { + border: 1px solid #9db2b1; + background: #e7e7e7; +} +div.settings_header { + border-bottom: 0px; +} + +input#quickadd { + font-size: 12px; + color: gray; + background: #f1f1f1; +} + +input#quickadd:hover, input#quickadd:focus { + background: white; + border: 1px solid #9db2b1; +} +input#quickadd:focus { + color: black; +} + +div#qa_suggestions { + background: white; + border: 1px solid #ccc; +} + +span.qa_element[qa_selected] { + background-color: #A5F2F3; +} + +div.big_albumart { + background-color: black; +} + +p#albumart_txt { + color: white; +} + +div#sidebar_header { + background: #f1f1f1; + border: 1px solid #9db2b1; + font-size: 0.9em; +} + +div#sidebar_display { + border: 1px solid black; + background-color: #ffffff; + border: 1px solid #9db2b1; + font-size: 0.992em; + line-height: 1.3em; +} + + +/* for browser action buttons */ + +/* match add buttons */ +li.browser_button_add { + background: url(images/add_15.png) no-repeat top left; +} + +li.playlist_popup, +span.playlist_popup { + border: 1px solid #B0BDEC; +} + +div#pagination, div#pagination_options, +div.overlay, div.selection_menu { + border: 1px solid #bfcfcc; + background: #f1f1f1; +} + +ul#pagination_list > li, +ul.browser_field, +.browse_type { + border: 1px solid #bfcfcc; +} + +/* current page on the pagination list */ +li[cpage] { + background-color: green; +} + +span.plse { + background-image: url(images/audio_li.png); +} + +span.plse:hover, +ul.recommended > li > ul > li:hover , +[selected], +li.menuitem:hover, +#streaming_display li:hover +{ + background-color: #DEE7F7; +} + +li.menuitem { + border: 1px solid #9DB2B1; + border-top: none; + background-color: #f1f1f1; +} + +/* Added for small screen support */ +#playlist > tr > td { + padding-left: 1px; +} + +#content { + margin-left: 0px; + margin-top: 0px; + left: 1px; + top: 31px; + width: 317px; + height: 300px; + z-index: -1; + display: none; + position: absolute; + +} + +#posslider, #volslider { + width: 250px; +} + +div.slider_main { + height: 20px; +} +div.slider_pointer { + height: 25px; +} +div.player_control { + left: 1px; + top: 31px; + padding: 1px 1px 1px 1px; + height: 324px; + width: 317px; +} +div.pc_artist { + width: 150px; + left: 150px; +} +div#albumart { + width: 130px; + height: 130px; +} + +div.tab_select { + position: fixed; + padding: 1px 1px 1px 1px; + left: 1px; + top: 0px; + width: 317px; + height: 30px; + z-index: 3; +} + +div.tab_button { + float: right; + margin: 2px 2px 0px 2px; + width: 154px; + height: 25px; + background: #444444; + text-align: center; + vertical-align: middle; + /*border: 1px solid #222222;*/ + color: #eeeeee; + z-index: 4; +} + +img.thumbnailart { + width: 100%; +} + +div.pc_ci { + top: 250px; + left: 60px; +} +div.pc_sliders { + left: 20px; + top: 140px; +} + +#status_bar { + left: 200px; + width: 100px; + height: 50px; +} + +img.status_working { + float: left; +} + +input#quickadd { + width: 150px; + margin-top: 10px; + margin-left: 1px; +} +div#qa_suggestions { + margin-left: 1px; + width: 150px; +} + +div.selection_menu, div.pc_other, hr.server_settings, div.pc_settings, div.settings_header, div#streaming_display, div#pagination_options, ul#pagination_list, ul#pagination_list > li, div#pagination_spacer, img.pagination_options { + display: none; +} diff --git a/theme/mini/theme.js b/theme/mini/theme.js new file mode 100644 index 0000000..c234418 --- /dev/null +++ b/theme/mini/theme.js @@ -0,0 +1,68 @@ +function showPlaylist() { +if (document.all) { + document.all['content'].style.display = 'block'; + document.all['content'].style.zIndex = 5; + +} +else if (document.getElementById) { + document.getElementById('content').style.display = 'block'; + document.getElementById('content').style.zIndex = 5; + +} + +} + +function showControls() { +if (document.all) { + document.all['content'].style.display = 'none'; + document.all['content'].style.zIndex = -1; +} +else if (document.getElementById) { + document.getElementById('content').style.display = 'none'; + document.getElementById('content').style.zIndex = -1; + +} + +} + +/* number of "windows" on the directory browser */ +var BROWSER_NUM = 3; + +/* the border around the playing item in the playlist */ +var PLAYLIST_PLAYING_STYLE = "1px solid #a20000"; + +/* this is the color thing that you add blink in */ +var DEFAULT_BLINK_COLOR = "#C1DAD6"; + +var BASE_IMG_DIR = "../theme/default/images/"; + +var IMAGE = new Object(); + +IMAGE.BUTTON_PLAY = BASE_IMG_DIR + "play_25.png"; +IMAGE.BUTTON_STOP = BASE_IMG_DIR + "stop_25.png"; +IMAGE.BUTTON_PAUSE = BASE_IMG_DIR + "pause_25.png"; +IMAGE.BUTTON_PREVIOUS = BASE_IMG_DIR + "previous_25.png"; +IMAGE.BUTTON_NEXT = BASE_IMG_DIR + "next_25.png"; + +IMAGE.BROWSER_PLAYLIST_REMOVE = BASE_IMG_DIR + "disabled_15.png"; + +IMAGE.SERVER_SETTINGS_ENABLED = BASE_IMG_DIR + "enabled_15.png"; +IMAGE.SERVER_SETTINGS_DISABLED = BASE_IMG_DIR + "disabled_15.png"; +IMAGE.SERVER_SETTINGS_XFADE_DOWN= BASE_IMG_DIR + "left_15.png"; +IMAGE.SERVER_SETTINGS_XFADE_UP = BASE_IMG_DIR + "right_15.png"; + +IMAGE.CLOSE = BASE_IMG_DIR + "close_15.png"; +IMAGE.WORKING = BASE_IMG_DIR + "working.gif"; + +IMAGE.MENU_ITEM_CROP = BASE_IMG_DIR + "crop_30.png"; +IMAGE.MENU_ITEM_REMOVE = BASE_IMG_DIR + "remove_30.png"; +IMAGE.MENU_ITEM_DIRECTORY = BASE_IMG_DIR + "folder_30.png"; + +IMAGE.PAGINATION_FOLLOW = BASE_IMG_DIR + "follow-playing-yes.png"; +IMAGE.PAGINATION_NOFOLLOW = BASE_IMG_DIR + "follow-playing-no.png"; + +IMAGE.JUMP_CURRENT = BASE_IMG_DIR + "jump-to-current.png"; + + +/* this should be whatever the backgroun is converted from hex to dec */ +IMAGE.STREAM_BGCOLOR = "15198183";