generated from SteamDeckHomebrew/Plugin-Template
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathspdck.html
166 lines (166 loc) · 16.2 KB
/
spdck.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<html>
<head>
<link rel="stylesheet" href="/steam_resource/css/2.css">
<link rel="stylesheet" href="/steam_resource/css/39.css">
<link rel="stylesheet" href="/steam_resource/css/library.css">
<link rel="stylesheet" href="./spdck.css">
<script src="/static/library.js"></script>
<script src="./spdck.js" defer="true"></script>
</head>
<body>
<div class="quickaccessmenu_TabGroupPanel_1QO7b Panel Focusable">
<div class="quickaccesscontrols_PanelSection_Ob5uo" class="spdck-hidden" id="spdck-controls">
<div class="quickaccesscontrols_PanelSectionRow_2VQ88" id="spdck-controls-container">
<div id="spdck-previous-button" class="spdck-playback-control-button">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<path fill="currentColor" d="M11.5,15.3l14.8,13.1c0.3,0.2,0.7,0,0.7-0.3V1.9c0-0.3-0.4-0.5-0.7-0.3L11.5,14.7C11.3,14.9,11.3,15.1,11.5,15.3z"/>
<path fill="currentColor" d="M4.1,15.3L19,28.4c0.3,0.2,0.7,0,0.7-0.3V1.9c0-0.3-0.4-0.5-0.7-0.3L4.1,14.7C4,14.9,4,15.1,4.1,15.3z"/>
</svg>
</div>
<div id="spdck-play-pause" class="spdck-playback-control-button">
<svg id="spdck-play-button" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<path fill="currentColor" d="M27.4,14.7L4.6,1.3C4.3,1.2,4,1.4,4,1.7v26.6c0,0.3,0.3,0.5,0.6,0.3l22.8-13.3C27.7,15.2,27.7,14.8,27.4,14.7z"/>
</svg>
<svg id="spdck-pause-button" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<path fill="currentColor" d="M12.6,29H4.4C4.2,29,4,28.8,4,28.6V1.4C4,1.2,4.2,1,4.4,1h8.2C12.8,1,13,1.2,13,1.4v27.2C13,28.8,12.8,29,12.6,29z"/>
<path fill="currentColor" d="M26.6,29h-8.2c-0.2,0-0.4-0.2-0.4-0.4V1.4C18,1.2,18.2,1,18.4,1h8.2C26.8,1,27,1.2,27,1.4v27.2C27,28.8,26.8,29,26.6,29z"/>
</svg>
</div>
<div id="spdck-next-button" class="spdck-playback-control-button">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<path fill="currentColor" d="M19.5,14.7L4.7,1.6C4.4,1.4,4,1.5,4,1.9v26.2c0,0.3,0.4,0.5,0.7,0.3l14.8-13.1C19.7,15.1,19.7,14.9,19.5,14.7z"/>
<path fill="currentColor" d="M26.9,14.7L12,1.6c-0.3-0.2-0.7,0-0.7,0.3v26.2c0,0.3,0.4,0.5,0.7,0.3l14.8-13.1C27,15.1,27,14.9,26.9,14.7z"/>
</svg>
</div>
</div>
<div class="quickaccesscontrols_PanelSectionRow_2VQ88">
<div class="gamepaddialog_Field_S-_La gamepaddialog_WithChildrenBelow_1u5FT gamepaddialog_VerticalAlignCenter_3XNvA gamepaddialog_InlineWrapShiftsChildrenBelow_pHUb6 gamepaddialog_WithBottomSeparator_1lUZx gamepaddialog_ChildrenWidthFixed_1ugIU gamepaddialog_ExtraPaddingOnChildrenBelow_5UO-_ gamepaddialog_CompactPadding_1DIZQ gamepaddialog_HighlightOnFocus_wE4V6 Panel Focusable" style="--indent-level:0;">
<div class="gamepaddialog_FieldChildren_14_HB">
<div class="gamepadslider_SliderControlWithIcon_2M8Pt Panel Focusable" id="spdck-track-progress">
<div class="gamepadslider_Icon_21uKi Panel Focusable">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 58 58" style="enable-background:new 0 0 58 58;" xml:space="preserve">
<circle fill="currentColor" cx="29" cy="29" r="29"/>
<polygon fill="#0c131b" points="44,29 22,44 22,29.273 22,14"/>
<path fill="#0c131b" d="M22,45c-0.16,0-0.321-0.038-0.467-0.116C21.205,44.711,21,44.371,21,44V14 c0-0.371,0.205-0.711,0.533-0.884c0.328-0.174,0.724-0.15,1.031,0.058l22,15C44.836,28.36,45,28.669,45,29s-0.164,0.64-0.437,0.826 l-22,15C22.394,44.941,22.197,45,22,45z M23,15.893v26.215L42.225,29L23,15.893z"/>
</svg>
</div>
<div class="gamepadslider_SliderControlPanelGroup_MY8iY Panel Focusable" tabindex="0">
<div class="gamepadslider_SliderControlAndNotches_1Cccx Focusable" tabindex="0" style="--normalized-slider-value:0;">
<div class="gamepadslider_SliderControl_3o137">
<div class="gamepadslider_SliderTrack_Mq25N"></div>
<div class="gamepadslider_SliderHandleContainer_1pQZi"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="quickaccesscontrols_PanelSectionRow_2VQ88">
<div class="gamepaddialog_Field_S-_La gamepaddialog_WithChildrenBelow_1u5FT gamepaddialog_VerticalAlignCenter_3XNvA gamepaddialog_InlineWrapShiftsChildrenBelow_pHUb6 gamepaddialog_WithBottomSeparator_1lUZx gamepaddialog_ChildrenWidthFixed_1ugIU gamepaddialog_ExtraPaddingOnChildrenBelow_5UO-_ gamepaddialog_CompactPadding_1DIZQ gamepaddialog_HighlightOnFocus_wE4V6 Panel Focusable" style="--indent-level:0;">
<div class="gamepaddialog_FieldChildren_14_HB">
<div class="gamepadslider_SliderControlWithIcon_2M8Pt Panel Focusable" id="spdck-volume-slider">
<div class="gamepadslider_Icon_21uKi Panel Focusable">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" fill="none">
<path d="M5.63636 13L10 7H13V29H10L5.63636 23H2V13H5.63636Z" fill="currentColor"></path>
<path d="M27.8284 18L33.4142 23.5858L30.5858 26.4142L25 20.8285L19.4142 26.4142L16.5858 23.5858L22.1716 18L16.5858 12.4142L19.4142 9.58578L25 15.1716L30.5858 9.58578L33.4142 12.4142L27.8284 18Z" fill="currentColor"></path>
</svg>
</div>
<div class="gamepadslider_SliderControlPanelGroup_MY8iY Panel Focusable" tabindex="0">
<div class="gamepadslider_SliderControlAndNotches_1Cccx Focusable" tabindex="0" style="--normalized-slider-value:0;">
<div class="gamepadslider_SliderControl_3o137">
<div class="gamepadslider_SliderTrack_Mq25N"></div>
<div class="gamepadslider_SliderHandleContainer_1pQZi">
<div class="gamepadslider_SliderHandle_2yVKj"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="quickaccesscontrols_PanelSectionRow_2VQ88">
<div class="gamepaddialog_Field_S-_La gamepaddialog_WithFirstRow_qFXi6 gamepaddialog_VerticalAlignCenter_3XNvA gamepaddialog_WithBottomSeparator_1lUZx gamepaddialog_ExtraPaddingOnChildrenBelow_5UO-_ gamepaddialog_CompactPadding_1DIZQ gamepaddialog_HighlightOnFocus_wE4V6 Panel Focusable" style="--indent-level:0;">
<div class="gamepaddialog_FieldLabelRow_H9WOq">
<div class="gamepaddialog_FieldLabel_3b0U-">
<div class="gamepaddialog_FieldLeadIcon_OKYIj">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path fill="#969696" d="M21.333,149.327H64c18.773,0,37.227,4.928,53.333,14.272c3.371,1.963,7.061,2.88,10.688,2.88 c7.36,0,14.528-3.819,18.475-10.624c5.931-10.197,2.432-23.253-7.744-29.163C116.117,113.594,90.283,106.66,64,106.66H21.333 C9.536,106.66,0,116.218,0,127.994S9.536,149.327,21.333,149.327z" />
<path fill="#969696" d="M320,149.327h42.667v64c0,8.192,4.715,15.68,12.075,19.221c2.965,1.408,6.123,2.112,9.259,2.112 c4.757,0,9.472-1.6,13.333-4.672L504,144.655c5.056-4.053,8-10.176,8-16.661c0-6.485-2.944-12.608-8-16.661L397.333,25.999 c-6.421-5.12-15.232-6.101-22.592-2.56s-12.075,11.029-12.075,19.221v64H320c-82.325,0-149.333,66.987-149.333,149.333 c0,58.816-47.851,106.667-106.667,106.667H21.333C9.536,362.66,0,372.218,0,383.994s9.536,21.333,21.333,21.333H64 c82.325,0,149.333-66.987,149.333-149.333C213.333,197.178,261.184,149.327,320,149.327z" />
<path fill="#969696" d="M504,367.336l-106.667-85.333c-6.421-5.141-15.232-6.123-22.592-2.581c-7.36,3.563-12.075,11.029-12.075,19.243v64H320 c-21.077,0-41.472-6.144-58.965-17.771c-9.856-6.485-23.061-3.861-29.568,5.973c-6.528,9.813-3.861,23.061,5.952,29.568 c24.512,16.277,53.056,24.896,82.581,24.896h42.667v64c0,8.192,4.715,15.68,12.075,19.221c2.965,1.408,6.123,2.112,9.259,2.112 4.757,0,9.472-1.6,13.333-4.672L504,400.659c5.056-4.053,8-10.197,8-16.661C512,377.512,509.056,371.368,504,367.336z" />
</svg>
</div>Shuffle
</div>
<div class="gamepaddialog_FieldChildren_14_HB">
<div class="gamepaddialog_Toggle_24G4g Focusable" tabindex="0" id="spdck-shuffle-control">
<div class="gamepaddialog_ToggleRail_2JtC3"></div>
<div class="gamepaddialog_ToggleSwitch_3__OD"></div>
</div>
</div>
</div>
</div>
</div>
<div class="quickaccesscontrols_PanelSectionRow_2VQ88">
<div class="gamepaddialog_Field_S-_La gamepaddialog_WithFirstRow_qFXi6 gamepaddialog_VerticalAlignCenter_3XNvA gamepaddialog_WithBottomSeparator_1lUZx gamepaddialog_ExtraPaddingOnChildrenBelow_5UO-_ gamepaddialog_CompactPadding_1DIZQ gamepaddialog_HighlightOnFocus_wE4V6 Panel Focusable" style="--indent-level:0;">
<div class="gamepaddialog_FieldLabelRow_H9WOq">
<div class="gamepaddialog_FieldLabel_3b0U-">
<div class="gamepaddialog_FieldLeadIcon_OKYIj">
<svg class="spdck-ui-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 51.4 51.4" style="enable-background:new 0 0 51.4 51.4;" xml:space="preserve">
<path fill="#969696" d="M1.7,25.2c0.553,0,1-0.447,1-1c0-6.065,4.935-11,11-11h24v8.964L51.4,12.2L37.7,2.236V11.2h-24c-7.168,0-13,5.832-13,13 C0.7,24.753,1.147,25.2,1.7,25.2z" />
<path fill="#969696" d="M49.7,26.2c-0.553,0-1,0.447-1,1c0,6.065-4.935,11-11,11h-24v-8.964L0,39.2l13.7,9.964V40.2h24c7.168,0,13-5.832,13-13 C50.7,26.647,50.253,26.2,49.7,26.2z" />
</svg>
</div>Repeat
</div>
<div class="gamepaddialog_FieldChildren_14_HB">
<div class="gamepaddialog_Toggle_24G4g Focusable" tabindex="0" id="spdck-repeat-control">
<div class="gamepaddialog_ToggleRail_2JtC3"></div>
<div class="gamepaddialog_ToggleSwitch_3__OD"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="quickaccesscontrols_PanelSection_Ob5uo" class="spdck-hidden" id="spdck-track">
<div class="quickaccesscontrols_PanelSectionTitle_RtCjX">
<div class="quickaccesscontrols_Text_1EPCJ">Track</div>
</div>
<div class="quickaccesscontrols_PanelSectionRow_2VQ88" id="spdck-track-container">
<div id="spdck-track-artwork">
<img src="" class="track-artwork-image"></img>
</div>
<div id="spdck-track-info">
<div class="track-info-title marquee">No track playing</div>
<div class="track-info-artist"></div>
</div>
<a href="https://www.spotify.com" target="_blank" id="spdck-backlink">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1333.33 1333.3" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd">
<path d="M666.66 0C298.48 0 0 298.47 0 666.65c0 368.19 298.48 666.65 666.66 666.65 368.22 0 666.67-298.45 666.67-666.65C1333.33 298.49 1034.88.03 666.65.03l.01-.04zm305.73 961.51c-11.94 19.58-37.57 25.8-57.16 13.77-156.52-95.61-353.57-117.26-585.63-64.24-22.36 5.09-44.65-8.92-49.75-31.29-5.12-22.37 8.84-44.66 31.26-49.75 253.95-58.02 471.78-33.04 647.51 74.35 19.59 12.02 25.8 37.57 13.77 57.16zm81.6-181.52c-15.05 24.45-47.05 32.17-71.49 17.13-179.2-110.15-452.35-142.05-664.31-77.7-27.49 8.3-56.52-7.19-64.86-34.63-8.28-27.49 7.22-56.46 34.66-64.82 242.11-73.46 543.1-37.88 748.89 88.58 24.44 15.05 32.16 47.05 17.12 71.46V780zm7.01-189.02c-214.87-127.62-569.36-139.35-774.5-77.09-32.94 9.99-67.78-8.6-77.76-41.55-9.98-32.96 8.6-67.77 41.56-77.78 235.49-71.49 626.96-57.68 874.34 89.18 29.69 17.59 39.41 55.85 21.81 85.44-17.52 29.63-55.89 39.4-85.42 21.8h-.03z" fill="#1ed760" fill-rule="nonzero"/>
</svg>
</a>
</div>
</div>
<div class="quickaccesscontrols_PanelSection_Ob5uo" class="spdck-hidden" id="spdck-token-system">
<div class="quickaccesscontrols_PanelSectionTitle_RtCjX">
<div class="quickaccesscontrols_Text_1EPCJ">Login</div>
</div>
<div class="quickaccesscontrols_PanelSectionRow_2VQ88">
<div id="spdck-login-button" class="basicdialog_Field_ugL9c basicdialog_WithChildrenBelow_1RjOd basicdialog_InlineWrapShiftsChildrenBelow_3a6QZ basicdialog_ExtraPaddingOnChildrenBelow_2-owv basicdialog_StandardPadding_1HrfN basicdialog_HighlightOnFocus_1xh2W Panel Focusable" style="--indent-level:0; margin: 0px; padding: 0px; padding-top: 8px;">
<div class="basicdialog_FieldChildren_279n8">
<button type="button" tabindex="0" class="DialogButton _DialogLayout Secondary basicdialog_Button_1Ievp Focusable">
Log in to Spotify
</button>
</div>
</div>
</div>
</div>
</div>
<div id="force-token-logout">
<a href="#">Force logout</a>
</div>
<div id="spdck-version">
<a href="https://github.com/Wolvan/spdck" target="_blank">v0.0.0</a>
</div>
</body>
</html>