-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
618 lines (570 loc) · 38.4 KB
/
index.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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel="stylesheet" href="main_structure.css">
<link rel="stylesheet" href="main_cards.css">
<link rel="stylesheet" href="main_shelf.css">
<link rel="stylesheet" href="main_controlPanel.css">
<link rel="stylesheet" href="main_topChrome.css">
<link rel="stylesheet" href="main_rolodex.css">
<link rel="stylesheet" href="main_expandable.css">
<script src="https://kit.fontawesome.com/a1fc6f0f3a.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.7.0.js" crossorigin="anonymous"></script>
<script src="jqui/jquery-ui.js"></script>
<link rel="stylesheet" href="jqui/jquery-ui.css">
<link rel="stylesheet" href="jqui/jquery-ui.structure.css">
<link rel="stylesheet" href="jqui/jquery-ui.theme.css">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v3=4">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png?v3=4">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png?v3=4">
<link rel="manifest" href="/favicons/site.webmanifest?v3=4">
<link rel="mask-icon" href="/favicons/safari-pinned-tab.svg?v3=4" color="#5bbad5">
<link rel="shortcut icon" href="/favicons/favicon.ico?v3=4">
<meta name="apple-mobile-web-app-title" content="PlusUI">
<meta name="application-name" content="PlusUI">
<meta name="msapplication-TileColor" content="#941739">
<meta name="msapplication-config" content="/favicons/browserconfig.xml?v3=4">
<meta name="theme-color" content="#ffffff">
<title>PlusUI</title>
</head>
<body>
<div class="loader"></div>
<div class="backDrop" id="backDrop2"></div>
<div class="firstVisitExperience">
<div class="header">
<div class="logo"></div>
</div>
<p class="subHead">Looks like this is your first time checking out <b>PlusUI</b>. Thanks for
visiting!<br><br>This first visit requires a refresh, which will
<b>only happen once.</b><br>Optionally, type a nickname below and then click or tap Done.<br><br>Clicking
Done will
refresh into <b>PlusUI</b>
</p>
<div class="dcExpt userName interactable-hov">
<input class="keyTB" type="text" id="userNameTextboxFVE" onchange="" placeholder="Your name">
</div>
<p class="subHeadB">If you're seeing this page multiple times, you may be asked for this code:</p>
<div class="debugCode" style="margin-bottom: 20px;"></div>
<div class="fveDone">Done</div>
</div>
<div class="surface contextBadge" id="topChromeContextBadge" about="PlusUI" ver="">
<div class="logo">
<img src="favicons/android-chrome-192x192.png" alt="">
</div>
</div>
<div class="topChromeItems fve">
<div class="surface rolodexOpen" data-btnName="Cards" id="rolodexOpenBtn" label="Cards">
<i class="fa-solid fa-plus"></i>
</div>
<div class="surface timeDate notLoaded">
<div class="tdm time" id="time"></div>
<div class="ccButtons">
<div class="ccb ccb1" label="Personalize"><i class="fa-solid fa-brush"></i></div>
<div class="ccb ccb2" label="Backdrop"><i class="fa-solid fa-image"></i></div>
<div class="ccb ccb3" label="User"><i class="fa-solid fa-user"></i></div>
<!-- <div class="ccb ccb4" label="Labs"><i class="fa-solid fa-flask"></i></div> -->
<div class="ccb ccb5" label="About"><i class="fa-solid fa-info"></i></div>
</div>
<div class="tdSep"></div>
<div class="ccb dummy">
<img src="" alt="" class="profImg">
</div>
</div>
</div>
<div class="surface greeting hidden" data-username="User"></div>
<div class="controlPanel">
<div class="surface controlPanelOptGroup themeOpts" data-sect="Appearance">
<div class="lightDark btnCont interactable-hov" data-theme="Auto">
<i class="fa-solid fa-circle-half-stroke"></i>
</div>
<div class="group group-a">
<div class="dcExpt interactable-hov">
<input type="checkbox" name="" id="cbParallaxToggle">
<i class="fa-solid fa-layer-group"></i>
<label for="">Parallax cards</label>
</div>
<div class="dcExpt interactable-hov floatModeCardOptGroup">
<input type="checkbox" name="floatMode" id="cbFloatMode">
<i class="fa-solid fa-diagram-next"></i>
<label for="floatMode">Floating shelf</label>
</div>
</div>
<div class="group-b">
<div class="dcExpt button fullscreenBtn interactable-hov">
<i class="fa-solid fa-expand"></i>
<label for="">Full screen</label>
</div>
<div class="dcExpt button refreshPageBtn interactable-hov">
<i class="fa-solid fa-refresh"></i>
<label for="">Reload</label>
</div>
</div>
<div class="dcExpt interactable-hov monoModeDCE">
<input type="checkbox" name="monoMode" id="cbMonoMode">
<i class="fa-solid fa-cube"></i>
<label for="">Mono theme</label>
</div>
<div class="shelfAlign" data-optName="Alignment">
<div class="sa-opt saoL interactable-hov">
<input class="sao-radio" type="radio" name="shelfAlign" id="saoL-radio" checked>
<label for="saoL-radio">Left</label>
</div>
<div class="sa-opt saoC interactable-hov">
<input class="sao-radio" type="radio" name="shelfAlign" id="saoC-radio">
<label for="saoC-radio">Center</label>
</div>
<div class="sa-opt saoR interactable-hov">
<input class="sao-radio" type="radio" name="shelfAlign" id="saoR-radio">
<label for="saoR-radio">Right</label>
</div>
</div>
</div>
<div class="surface controlPanelOptGroup backdropOpts" data-sect="Backdrop">
<div class="backdropCont">
<div class="wallBtns">
<div class="dcExpt siteDropToggleCont">
<input type="checkbox" name="siteDropToggle" id="siteDropToggle">
<i class="fa-solid fa-tv"></i>
<label for="siteDropToggle">Live display</label>
</div>
<div class="dcExpt button interactable-hov openWall" data-btnName="Open" id="openWallpaperBtn">
<i class="fa-solid fa-arrow-up-right-from-square"></i>
</div>
<div class="dcExpt button interactable-hov refresh" data-btnName="Refresh" id="refreshWallBtn">
<i class="fa-solid fa-refresh"></i>
</div>
</div>
<div class="dcExpt keyTBOptGroup solo interactable-hov unsplashTagsCont">
<input class="keyTB" type="text" placeholder="Unsplash filters" name="" id="unsplashTags">
</div>
<div class="dcExpt keyTBOptGroup solo interactable-hov liveLinkCont">
<input class="keyTB" type="text" placeholder="Site URL" name="" id="liveLinkTB">
</div>
<div class="ccSep backdropsep"></div>
<div class="wallList"></div>
<form class="liveLinkCont" name="liveLinkPresets">
<p>Flat Surface Shader,https://lodev09.github.io/web-screensavers/flat-surface-shader</p>
<p>Boids,https://viz.runningwithdata.com/boids/</p>
<p>Ablaze,http://theorigin.net/ablazejs/</p>
<p>Starfield,http://www.chiptune.com/starfield/starfield.html</p>
<p>Flurry,https://roycurtis.github.io/Flurry-WebGL/</p>
<p>Flux,https://flux.sandydoo.me</p>
<p>Gradiyent,https://gradiyent.netlify.app/</p>
<p>Jellyfish,https://lodev09.github.io/web-screensavers/jellyfish</p>
<p>Matrix,https://lodev09.github.io/web-screensavers/matrix</p>
<p>Pipes,https://1j01.github.io/pipes/</p>
<p>Plankton,https://lodev09.github.io/web-screensavers/plankton?title=⠀&subtitle=⠀&web=⠀</p>
<p>Stardust,https://lodev09.github.io/web-screensavers/stardust?title=⠀&subtitle=⠀&web=⠀</p>
<p>Starry Night,https://www.logan-cooper.com/starry-night/</p>
</form>
</div>
</div>
<div class="surface controlPanelOptGroup aboutYouOpts" data-sect="User image">
<img class="backImg profImg">
<img class="profImg">
<div class="userImages"></div>
<input type="file" accept="image/*" class="profImgUpload">
<div class="ccSep"></div>
<div class="sectLabel userNameSL">User name</div>
<div class="dcExpt userName interactable-hov">
<input class="keyTB" type="text" id="userNameTextbox" onchange="" placeholder="Your name">
</div>
</div>
<!-- <div class="surface controlPanelOptGroup debugCards" data-sect="Labs">
<p class="tip">Looks like there aren't any labs available... Check again later!</p>
</div> -->
<div class="surface controlPanelOptGroup aboutOpts">
<div class="header">
<img src="favicons/android-chrome-192x192.png" alt="">
<p id="title">(PlusUI)</p>
<p class="siteVer" id="ver">v2.8.2</p>
</div>
<div class="aboutText">
A hybrid dashboard and digital display for large-format screens, heavily inspired by TV & VisionOS
</div>
<div class="aboutStats" cc="Debug code (click to copy)">
<div class="debugCode"></div>
</div>
<div class="aboutChanges" cc="What's New">
<object data="changelog.html" width="300" height="200">
Time traveller? ⏲️
</object>
</div>
<div class="aboutLinks">
<div class="alink dcExpt interactable-hov" onclick="window.open('https://www.github.com/')">
<i class="fa-brands fa-github"></i>
</div>
<div class="alink dcExpt interactable-hov" onclick="window.open('https://www.twitter.com/futur3sn0w')">
<i class="fa-brands fa-twitter"></i>
</div>
<div class="alink dcExpt interactable-hov" onclick="window.open('https://www.futur3sn0w.me')">
<i class="fa-solid fa-home"></i>
</div>
</div>
</div>
</div>
<div class="surface contextMenuDiv">
<div class="cmSep cms-b"></div>
<div class="cmItem cmi-resize interactable-hov" data-btnLabel="">
<i id="cmi-resize-icn" class="fa-solid fa-up-right-and-down-left-from-center"></i>
</div>
<div class="cmItem cmi-expand interactable-hov" data-btnLabel="">
<i id="cmi-expand-icn" class="fa-solid fa-clone"></i>
Expand
</div>
<div class="cmItem cmi-disableCard interactable-hov">
<i class="fa-solid fa-square-xmark"></i>
Hide card
</div>
<div class="cmSep cms-a"></div>
<div class="cmItem cmi-editMode interactable-hov" id="editCardsWallBtn">
<i class="fa-solid fa-pencil"></i>
Edit cards
</div>
</div>
<div class="eWinSurface"></div>
<div class="surface categoryBar"></div>
<div class="surface rolodex" data-sectName="Card Deck">
<div class="cbSect cbs1">
<div class="snowCard card deckCard squareCard" id="snowDbgCard" data-category="Entertainment,Display" data-expandableCard="n" data-enabled="n" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Sn0w" data-cardDesc="A display of various card feature demos including parallax, transparency, and onClick action">
<img src="resc/snow-fore.svg" id="snowFore">
</div>
<div class="assistantCard updated card deckCard circleCard" id="assistantCard" data-category="Display" data-expandableCard="n" data-enabled="n" target="siri" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Assistant" data-cardDesc="A card feature demo consisting of a digital-assistant inspired animated loop">
<div class="cardOptions">
<div class="cmItem interactable-hov cmi-assistantTarget cmi-assistantTarget1" data-assistantTargetID="siri">
Siri
<input type="checkbox" name="" id="assistantTarget1">
</div>
<div class="cmItem interactable-hov cmi-assistantTarget cmi-assistantTarget2" data-assistantTargetID="gemini">
Gemini
<input type="checkbox" name="" id="assistantTarget2">
</div>
</div>
<div class="siriLayer layer1"></div>
<div class="siriLayer layer2"></div>
<div class="siriLayer layer3"></div>
<!-- <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M80 0C80 44.1828 44.1828 80 0 80C44.1828 80 80 115.817 80 160C80 115.817 115.817 80 160 80C115.817 80 80 44.1828 80 0Z" fill="black" />
</svg> -->
<div class="geminicon"></div>
<div class="shadow"></div>
</div>
<div class="emojiLocaleCard card deckCard circleCard" id="emojiLocaleCard" data-category="Entertainment,Utility" data-enabled="n" data-expandableCard="y" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Emoji" data-subLbl="Click for emoji picker" data-cardDesc="Demo card with hundreds of emoji, auto-refreshes every 5 seconds. Click/expand to view an emoji picker.">
<p>❤️</p>
<div id="back">
<p>❤️</p>
</div>
<div class="expView" text="Click an emoji to copy it">
<div class="list"></div>
</div>
</div>
<div class="youtubeCard-browse card deckCard rectCard" id="youtubeCard" data-category="Web,Utility" data-enabled="n" data-expandableCard="y" data-resizableCard="y" data-parallaxCard="n" data-friendlyName="YouTube" data-cardDesc="Instantly search YouTube from the search bar, or access various YouTube locations">
<div class="searchCont">
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-youtube-music"></i>
<input type="text" class="ytSearch" placeholder="Search YouTube">
</div>
<div class="browseBtns">
<a href="https://www.youtube.com" class="browseBtn bb1" data-btnLabel="Home">
<i class="fa-solid fa-home"></i>
</a>
<a href="https://www.youtube.com/feed/subscriptions" class="browseBtn bb2" data-btnLabel="Subs">
<i class="fa-solid fa-bell"></i>
</a>
<a href="https://www.youtube.com/feed/library" class="browseBtn bb3" data-btnLabel="Library">
<i class="fa-solid fa-bookmark"></i>
</a>
</div>
</div>
<div class="todoCard card deckCard actionable squareCard" id="todoCard" data-category="Utility" data-enabled="n" data-expandableCard="n" data-resizableCard="y" data-parallaxCard="n" data-friendlyName="To-Do" data-cardDesc="Keep a scrollable checklist of up to 6 items. Enlarge to view all 6 at once.">
<div class="items">
<div class="item">
<input type="checkbox" id="">
<input type="text">
</div>
<div class="item">
<input type="checkbox" id="">
<input type="text">
</div>
<div class="item">
<input type="checkbox" id="">
<input type="text">
</div>
<div class="item">
<input type="checkbox" id="">
<input type="text">
</div>
<div class="item">
<input type="checkbox" id="">
<input type="text">
</div>
<div class="item">
<input type="checkbox" id="">
<input type="text">
</div>
</div>
</div>
<div class="yearProgCard card deckCard rectCard" id="yearProgCard" data-category="Information" data-enabled="n" data-expandableCard="n" data-resizableCard="y" data-parallaxCard="y" data-friendlyName="Year Progress" data-cardDesc="View the year's progress as a percentage, and count down the remaining days in the year">
<div class="yearLabel" ce="20" ye="24"></div>
<div class="percLabel">
<span> - </span>
</div>
<div class="percBar">
<div class="fill"></div>
</div>
</div>
<div class="characterCopyCard card deckCard squareCard" id="characterCopyCard" data-category="Utility" data-enabled="n" data-expandableCard="n" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Character Board" data-subLbl="Click to copy" data-cardDesc="Click to copy any of 4 symbols and characters">
<div class="grid">
<div class="gridItem gi1">⠀</div>
<div class="gridItem gi2"></div>
<div class="gridItem gi3">°</div>
<div class="gridItem gi4">×</div>
</div>
</div>
<div class="pupperCard card deckCard rectCard" id="pupperCard" data-category="Entertainment,Web" data-enabled="n" data-resizableCard="n" data-parallaxCard="n" data-friendlyName="Dog Images" data-expandableCard="y" data-subLbl="Click for new image" data-cardDesc="Slideshow of adorable dogs from Dog.ceo's open API">
<img src="" alt="">
</div>
<div class="cattoCard card deckCard rectCard" id="cattoCard" data-category="Entertainment,Web" data-enabled="n" data-resizableCard="n" data-parallaxCard="n" data-friendlyName="Cat Images" data-expandableCard="y" data-subLbl="Click for new image" data-cardDesc="Slideshow of adorable cats from PlaceKitten's open API">
<img src="" alt="">
</div>
<div class="nasaCard card deckCard rectCard" id="nasaCard" data-category="Entertainment,Web" data-enabled="n" data-resizableCard="n" data-parallaxCard="n" data-friendlyName="NASA Images" data-expandableCard="y" data-subLbl="Click for new image" data-cardDesc="Random image of from NASA's APOD open API, ranging from 1955 until now">
<img src="" alt="">
</div>
<div class="uselessFactsCard card deckCard rectCard" id="uselessFactsCard" data-category="Entertainment,Web" data-enabled="n" data-resizableCard="y" data-parallaxCard="n" data-friendlyName="Useless Fact" data-expandableCard="y" data-subLbl="Click to refresh" data-cardDesc="Random fun dad joke from the ICanHazDadJoke open API">
<div class="cardOptions">
<div class="cmItem interactable-hov cmi-ufCardRefresh" data-btnLabel="">
<i class="fa-solid fa-refresh"></i>
Refresh
</div>
</div>
<i class="fa-solid fa-comment-dots be"></i>
<div class="fact"></div>
<div class="source"></div>
</div>
<div class="aboutMeCard card new deckCard rectCard" id="aboutMeCard" data-category="Entertainment,Information" data-enabled="n" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Nametag" data-expandableCard="n" data-cardDesc="A simple display of your PlusUI profile in a 3D nametag">
<img src="" alt="" class="profImg">
<div class="username"></div>
<div class="backImg"></div>
</div>
<div class="calculatorCard card deckCard rectCard" id="calculatorCard" data-category="Utility" data-enabled="n" data-resizableCard="n" data-parallaxCard="n" data-friendlyName="Calculator" data-expandableCard="n" data-subLbl="Expand for more" data-cardDesc="Do simple maths straight from the shelf, e̶x̶p̶a̶n̶d̶ ̶f̶o̶r̶ ̶a̶n̶ ̶a̶d̶v̶a̶n̶c̶e̶d̶ ̶v̶i̶e̶w̶">
<input type="text" class="calcResult" value="0">
<div class="calcCont">
<div class="nos">
<div class="calcBtn" value="1" label="1"></div>
<div class="calcBtn" value="2" label="2"></div>
<div class="calcBtn" value="3" label="3"></div>
<div class="calcBtn" value="4" label="4"></div>
<div class="calcBtn" value="5" label="5"></div>
<div class="calcBtn" value="6" label="6"></div>
<div class="calcBtn" value="7" label="7"></div>
<div class="calcBtn" value="8" label="8"></div>
<div class="calcBtn" value="9" label="9"></div>
</div>
<div class="sub">
<div class="calcBtn" value="." label="."></div>
<div class="calcBtn" value="0" label="0"></div>
<div class="calcBtn" value="=" label="="></div>
</div>
<div class="ops">
<div class="calcBtn" value="c" label="">
<i class="fa-solid fa-delete-left"></i>
</div>
<div class="sub">
<div class="calcBtn" value="/" label="÷"></div>
<div class="calcBtn" value="*" label="×"></div>
<div class="calcBtn" value="-" label="-"></div>
<div class="calcBtn" value="+" label="+"></div>
</div>
</div>
</div>
</div>
<div class="musicLauncherCard card deckCard new circleCard" id="musicLauncherCard" target="AM" data-category="Shortcuts" data-enabled="n" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Music App" data-expandableCard="n" data-subLbl="++" data-cardDesc="Launch a music app of your choice from a fun parallax card">
<div class="cardOptions">
<div class="cmItem interactable-hov cmi-musicApp cmi-musicApp1" data-musicAppID="AM">
Apple Music
<input type="checkbox" name="" id="musicApp1">
</div>
<div class="cmItem interactable-hov cmi-musicApp cmi-musicApp4" data-musicAppID="PR">
Pandora
<input type="checkbox" name="" id="musicApp4">
</div>
<div class="cmItem interactable-hov cmi-musicApp cmi-musicApp3" data-musicAppID="SP">
Spotify
<input type="checkbox" name="" id="musicApp3">
</div>
<div class="cmItem interactable-hov cmi-musicApp cmi-musicApp5" data-musicAppID="TID">
Tidal
<input type="checkbox" name="" id="musicApp5">
</div>
<div class="cmItem interactable-hov cmi-musicApp cmi-musicApp2" data-musicAppID="YTM">
YouTube Music
<input type="checkbox" name="" id="musicApp2">
</div>
</div>
<svg class="AM" width="193" height="245" viewBox="0 0 193 245" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M183.347 0.0439936C182.477 0.123994 174.747 1.49399 173.817 1.68399L66.8165 23.274L66.7765 23.284C63.9865 23.874 61.7965 24.864 60.1065 26.284C58.0665 27.994 56.9365 30.414 56.5065 33.234C56.4165 33.834 56.2665 35.054 56.2665 36.854C56.2665 36.854 56.2665 146.174 56.2665 170.774C56.2665 173.904 56.0165 176.944 53.8965 179.534C51.7765 182.124 49.1565 182.904 46.0865 183.524C43.7565 183.994 41.4265 184.464 39.0965 184.934C30.2565 186.714 24.5065 187.924 19.2965 189.944C14.3165 191.874 10.5865 194.334 7.6165 197.454C1.7265 203.624 -0.663496 211.994 0.156504 219.834C0.856504 226.524 3.86651 232.924 9.03651 237.654C12.5265 240.854 16.8865 243.284 22.0265 244.314C27.3565 245.384 33.0365 245.014 41.3365 243.334C45.7565 242.444 49.8965 241.054 53.8365 238.724C57.7365 236.424 61.0765 233.354 63.6865 229.614C66.3065 225.864 67.9965 221.694 68.9265 217.264C69.8865 212.694 70.1165 208.564 70.1165 204.004V87.854C70.1165 81.634 71.8765 79.994 76.8965 78.774C76.8965 78.774 165.837 60.834 169.987 60.024C175.777 58.914 178.507 60.564 178.507 66.634V145.924C178.507 149.064 178.477 152.244 176.337 154.844C174.217 157.434 171.597 158.214 168.527 158.834C166.197 159.304 163.867 159.774 161.537 160.244C152.697 162.024 146.947 163.234 141.737 165.254C136.757 167.184 133.027 169.644 130.057 172.764C124.167 178.934 121.566 187.304 122.386 195.144C123.086 201.834 126.307 208.234 131.477 212.964C134.967 216.164 139.327 218.524 144.467 219.564C149.797 220.634 155.477 220.254 163.777 218.584C168.197 217.694 172.337 216.364 176.277 214.034C180.177 211.734 183.517 208.664 186.127 204.924C188.747 201.174 190.437 197.004 191.367 192.574C192.327 188.004 192.367 183.874 192.367 179.314V9.50399C192.387 3.34399 189.137 -0.456006 183.347 0.0439936Z" fill="white" />
</svg>
<svg class="YTM" width="176" height="176" viewBox="0 0 176 176" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M176 88C176 136.601 136.601 176 88 176C39.3989 176 0 136.601 0 88C0 39.3989 39.3989 0 88 0C136.601 0 176 39.3989 176 88ZM130 88C130 64.8 111.1 46 88 46C64.9 46 46 64.8 46 88C46 111.2 64.8 130 88 130C111.2 130 130 111.2 130 88ZM42 88C42 62.6 62.6 42 88 42C113.4 42 134 62.6 134 88C134 113.4 113.4 134 88 134C62.6 134 42 113.4 42 88ZM111 87L72 111V65L111 87Z" fill="#FF0000" />
</svg>
<svg class="SP" width="496" height="496" viewBox="0 0 496 496" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 248C0 111.1 111.1 0 248 0C384.9 0 496 111.1 496 248C496 384.9 384.9 496 248 496C111.1 496 0 384.9 0 248ZM393.7 219.2C398.2 221.8 401.4 223.1 406.6 223.1C418.8 223.1 429.8 213.4 429.8 199.8C429.8 187.9 424.7 181.7 416.9 177.2C361 144.6 284.5 129.4 211.5 129.4C168.6 129.4 129.2 134.3 94 144.6C85 147.2 76.6 154.9 76.6 168.5C76.6 181.8 86.7 192.1 99.9 192.1C103.903 192.1 107.697 190.987 110.935 190.038C111.58 189.849 112.202 189.666 112.8 189.5C195.2 166.5 322.5 176.7 393.7 219.2ZM364.633 295.817C367.791 297.533 371.042 299.3 375.6 299.3C386.5 299.3 394.9 290.6 395 279.8C395 271.1 391.8 264.9 383.7 260.1C334.3 230.7 271.6 214.6 206.7 214.6C165.1 214.6 136.7 220.4 108.9 228.2C98.6 231.1 93.4 238.2 93.4 248.9C93.4 259.6 102.1 268.3 112.8 268.3C116.11 268.3 118.392 267.597 121.277 266.707C122.315 266.388 123.43 266.044 124.7 265.7C207.6 243.2 300.8 258.1 363.3 295.1C363.745 295.335 364.188 295.576 364.633 295.817ZM338 361.3C341.9 363.6 344.5 364.9 348.7 364.9C356.8 364.9 363.9 358.6 363.9 349.5C363.9 340.4 360.3 336.9 354.2 333C282.8 290.3 199.1 288.7 117.2 306.8C109.7 308.4 103.6 313.3 103.6 323.6C103.6 331.7 109.7 339.4 119.4 339.4C121.677 339.4 125.311 338.413 128.655 337.505C129.57 337.257 130.462 337.015 131.3 336.8C203 322.1 275.6 323.7 338 361.3Z" fill="#1ED760" />
</svg>
<svg class="PR" width="800px" height="800px" viewBox="0 0 24 24" fill="#000000" xmlns="http://www.w3.org/2000/svg">
<path d="M1.882 0v24H8.32a1.085 1.085 0 001.085-1.085v-4.61h1.612c7.88 0 11.103-4.442 11.103-9.636C22.119 2.257 17.247 0 12.662 0H1.882Z" />
</svg>
<svg class="TID" width="256px" height="171px" viewBox="0 0 256 171" version="1.1" preserveAspectRatio="xMidYMid" xmlns="http://www.w3.org/2000/svg">
<path d="M128.003612,85.338752 L170.668473,128.009031 L128.003612,170.675698 L85.3351396,128.009031 L128.003612,85.338752 Z M42.6666667,0.00180622583 L85.3351396,42.6702791 L42.6666667,85.3405582 L0,42.6702791 L42.6666667,0.00180622583 Z M213.333333,0.00180622583 L256,42.6702791 L213.333333,85.3405582 L170.666667,42.6702791 L128.003612,85.338752 L85.3351396,42.6684729 L128.003612,-2.84217094e-14 L170.666667,42.6648604 L213.333333,0.00180622583 Z" fill="#0A0B09" />
</svg>
</div>
<div class="slideshowCard card new expandEdit deckCard rectCard" id="slideshowCard" data-category="Entertainment,Display" data-enabled="n" data-resizableCard="y" data-parallaxCard="n" data-friendlyName="Your Images" data-expandableCard="y" data-subLbl="Click to refresh | Right-click to edit" data-cardDesc="Upload your own images to rotate through automatically">
<div class="cardOptions">
<div class="cmItem interactable-hov cmi-ufCardRefresh" data-btnLabel="">
<i class="fa-solid fa-refresh"></i>
Refresh
</div>
</div>
<div class="expView">
<input type="file" accept="image/*" class="slideshowUpload">
<div class="imgs"></div>
</div>
</div>
<!-- <div class="googleCard card deckCard rectCard" id="googleCard" data-category="Web" data-enabled="n" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Google Search" data-expandableCard="n" data-subLbl="Expand for more" data-cardDesc="Search & quick-access links inspired by new Google iOS app design">
<div class="search">
<i class="fa-solid fa-search"></i>
<p>Search</p>
<i class="fa-solid fa-microphone"></i>
<i class="fa-solid fa-image"></i>
</div>
<div class="quickLinks">
<div class="ql ql1" style="background-color: #FFEEDB; color: #493A0A;" after="Images">
<i class="fa-solid fa-image"></i>
</div>
<div class="ql ql2" style="background-color: #E6EFFE; color: #17519D;" after="Translate">
<i class="fa-solid fa-language"></i>
</div>
<div class="ql ql3" style="background-color: #E9F5E8; color: #256A49;" after="Sound">
<i class="fa-solid fa-music"></i>
</div>
<div class="ql ql4" style="background-color: #FEEDEB; color: #A72928;" after="Mail">
<i class="fa-solid fa-envelope"></i>
</div>
</div>
</div> -->
</div>
</div>
<div class="shelfBack"></div>
<div class="shelf left notLoaded fve">
<div class="spacerA spcLeft"></div>
<div class="surface subCards">
<div class="shelfLabel surface">Shelf</div>
<div class="weatherCard updated card rectCard" id="weatherCard" data-category="Information" data-enabled="y" data-expandableCard="n" data-resizableCard="y" data-parallaxCard="y" data-friendlyName="Weather" data-cardDesc="Current temperature and 'feel' in local unit, change unit from context menu">
<div class="cardOptions">
<div class="cmItem interactable-hov cmi-tempUnit" data-btnLabel="">
<i class="fa-solid fa-temperature-high"></i>
Temperature unit
</div>
</div>
<div class="weather_stars"></div>
<div class="tdm tempGroup">
<div class="tdm" id="temp"></div>
<img src="" alt="" id="weatherIcon">
</div>
</div>
<div class="clockCard card circleCard" id="clockCard" data-category="Information" data-enabled="y" data-expandableCard="n" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Clock" data-cardDesc="A simple analog clock with customizable styles">
<div class="cardOptions">
<div class="cmItem interactable-hov cmi-clockCardStyle cmi-clockCardStyle1" data-btnLabel="">
<i class="fa-solid fa-circle"></i>
Style 1
<input type="checkbox" name="" id="clockCardStyle1">
</div>
<div class="cmItem interactable-hov cmi-clockCardStyle cmi-clockCardStyle2" data-btnLabel="">
<i class="fa-solid fa-square"></i>
Style 2
<input type="checkbox" name="" id="clockCardStyle2">
</div>
<div class="cmItem interactable-hov cmi-clockCardStyle cmi-clockCardStyle3" data-btnLabel="">
<i class="fa-regular fa-circle"></i>
Style 3
<input type="checkbox" name="" id="clockCardStyle3">
</div>
</div>
<div id="clockContainer">
<div class="clockHand" id="hour"></div>
<div class="clockHand" id="minute"></div>
<div class="clockHand" id="second"></div>
</div>
</div>
<div class="calendarCard card squareCard" id="calendarCard" data-category="Utility" data-enabled="y" data-expandableCard="y" data-resizableCard="n" data-parallaxCard="y" data-friendlyName="Calendar" data-subLbl="Click to open" data-cardDesc="Numerical and wordmark day of the week, and current month wordmark. Expand to display an interactive monthly calendar view.">
<div class="calenDay"></div>
<div class="calenMonth"></div>
<div class="calenDayNo"></div>
<div class="wrapper">
<div class="header">
<p class="current-date"></p>
<div class="icons">
<i id="prev" class="fa-solid fa-chevron-left interactable-hov"></i>
<i id="next" class="fa-solid fa-chevron-right interactable-hov"></i>
</div>
</div>
<div class="calendar">
<ul class="weeks">
<li>Sun</li>
<li>Mon</li>
<li>Tue</li>
<li>Wed</li>
<li>Thu</li>
<li>Fri</li>
<li>Sat</li>
</ul>
<ul class="days"></ul>
</div>
</div>
</div>
<div class="textCard card actionable squareCard" id="textCard" data-category="Utility" data-enabled="y" data-expandableCard="y" data-resizableCard="y" data-parallaxCard="n" data-friendlyName="Notes" data-subLbl="Changes save automatically" data-cardDesc="A customizable text block that saves as you type. Expand to view an even larger text canvas.">
<div class="cardOptions">
<div class="cmItem interactable-hov" data-btnLabel="">
<i id="" class="fa-solid fa-circle-half-stroke"></i>
Follow dark mode
<input type="checkbox" name="" id="allowTextCardDarkMode">
</div>
</div>
<textarea name="notes" id="textCardTB"></textarea>
</div>
<!-- <div class="batteryCard card rectCard" data-enabled="y" data-resizableCard="y" data-parallaxCard="y"
data-friendlyName="Battery" data-cardDesc="Keep an eye on your device's battery" id="batteryCard">
<div class="bcIndicator">
<i class="fa-solid fa-bolt chargingIcon"></i>
<div class="bciProg"></div>
</div>
<div class="batteryText"></div>
</div> -->
<div class="shortcutCard card expandEdit actionable squareCard" id="shortcutCard" data-category="Shortcuts" data-enabled="y" data-expandableCard="y" data-resizableCard="y" data-parallaxCard="n" data-friendlyName="Shortcuts" data-subLbl="Click to open | Expand to edit" data-cardDesc="Choose between 4 or 8 shortcuts to your favorite places on the web">
<div class="expandedViewItems">
<div class="dcExpt interactable-hov">
<input class="keyTB shortcutLinkNameTB" type="text" placeholder="Name" name="" id="">
</div>
<div class="dcExpt interactable-hov">
<input class="keyTB shortcutLinkTB" type="text" placeholder="URL" name="" id="">
</div>
<div class="shortcutLinkAdd">+</div>
</div>
<div class="shortcuts"></div>
</div>
</div>
<!-- </div> -->
<div class="spacerA spcRight"></div>
</div>
<script type="text/javascript" src="js/vanilla-tilt.js"></script>
<!-- <script src="js/tilt.jquery.js"></script> -->
<script src="js/app.js"></script>
<script src="js/topchrome.js"></script>
<script src="js/contextMenu.js"></script>
<script src="js/rolodex.js"></script>
<script src="js/shelf.js"></script>
<script src="js/stock_cards.js"></script>
</body>
</html>