-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
143 lines (124 loc) · 32.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta>
<meta property="title" content="Turntable Tools" />
<meta property="description" content="A collection of quality of life tools for deepcut.fm. (Formerly known as turntable.fm.)" />
<meta property="url" content="https://fluteds.github.io/tttools" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</meta>
<title>Turntable Tools</title>
<link rel="shortcut icon"
href="https://camo.githubusercontent.com/7f48e39b071ed16397ee61d7742a27ade9a3629fb8d37c67b9c2a6cd458b7a44/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6173736574732e7475726e7461626c652e666d2f696d616765732f696e6465782f6c6f676f2e706e67">
<link rel="stylesheet" href="https://cdn.statically.io/libs/tailwindcss/1.4.6/tailwind.min.css">
<script async defer data-website-id="b5e7ccf9-0e3a-4e63-809f-e20a382d4c86"
src="https://anila.statically.io/script.js">
</script>
</head>
<style type="text/css">
a:link {
COLOR: rgb(139, 126, 48);
TEXT-DECORATION: none;
text-decoration: double;
font-weight: normal
}
a:visited {
COLOR: rgb(66, 66, 66);
TEXT-DECORATION: none;
font-weight: normal
}
a:active {
COLOR: black;
TEXT-DECORATION: none
}
a:hover {
COLOR: rgb(255, 217, 0);
TEXT-DECORATION: none;
font-weight: none
}
::selection {
background-color: #ffef0b;
}
</style>
<body class="p-8 max-w-xl m-auto">
<header class="text-auto mt-10">
<a href="/">
<h1 class="text-5xl text-center font-bold">📼</h1>
</a>
<h2 class="text-center font-semibold">ttTools<br>Turntable Tools
</h2>
</header>
<main class="text-center mt-8">A collection of quality of life tools for deepcut.fm.
<main class="text-center font-semibold mt-2">To Install: Drag the title link to your bookmarks bar.</main>
<main class="text-center mt-2">For more help with automatic installing,
<a href="https://github.com/fluteds/tttools/wiki/How-to-Install" </a>visit the wiki.</a> </main> <div
class="text-auto py-8 text-base leading-6 space-y-4">
<main class="m-auto"><a
href="javascript:(function()%7Bfunction%20addStyleString(str)%20%7B%0A%20%20%20%20var%20node%20%3D%20document.createElement('style')%3B%0A%20%20%20%20node.innerHTML%20%3D%20str%3B%0A%20%20%20%20document.body.appendChild(node)%3B%0A%7D%0A%0A%2F%2F%20addStyleString('%23room-view%20%7B%20display%3A%20none%20!important%20%7D')%3B%0AaddStyleString('.screen-content%20%7B%20display%3A%20none%20!important%20%7D')%3B%0AaddStyleString('.speech-bubble%20%7B%20display%3A%20none%20!important%20%7D')%3B%0AaddStyleString('%23room-view%3Ecanvas%3Anth-child(4)%20%7B%20display%3A%20none%20!important%20%7D')%3B%0A%0AsetTimeout(function%20()%20%7B%0A%20%20%20%20%24('%23video-only-dj').click(function%20()%20%7B%0A%20%20%20%20%7D)%3B%0A%7D%2C%202000)%3B%7D)()%3B">
<strong>Boost Mode (WIP) </strong></a>
<br>Perfect for low end pcs.
<br>Disables: Avatars, Video and Animations
</main>
<main class="m-auto">
<a
href="javascript:(function()%7Bconst%20O%3D%5B'14DHDyYz'%2C'4kwtose'%2C'73037fdXOPv'%2C'7979tROKhI'%2C'style'%2C'55487buIebX'%2C'195751qatahO'%2C'5ADeNLf'%2C'14xSeMtS'%2C'createElement'%2C'innerHTML'%2C'28011tHBkYq'%2C'%5Cx0a%2F*%5Cx20%5Cx0adark%5Cx20mode%5Cx20for%5Cx20turntable.fm!%5Cx0adims%5Cx20all%5Cx20the%5Cx20brighter%5Cx20colours%5Cx20for%5Cx20darker%5Cx20colours.%5Cx0areplaces%5Cx20event%5Cx20and%5Cx20mention%5Cx20colours%5Cx20to%5Cx20join%5Cx20the%5Cx20dark%5Cx20side.%5Cx0a%5Cx0ado%5Cx20not%5Cx20edit%5Cx20the%5Cx20following%5Cx20unless%5Cx20you%5Cx20know%5Cx20what%5Cx20you%5Cx27re%5Cx20doing.%5Cx0aif%5Cx20you%5Cx20have%5Cx20any%5Cx20problems%5Cx20come%5Cx20find%5Cx20me%5Cx20on%5Cx20turntable.fm%2Fchillout_music%5Cx20%3C3%5Cx20%5Cx0a%5Cx0a%C2%A9%5Cx20fluteds%5Cx20%5Cx20%7C%5Cx20dont-ban.me%2Fs%2F6%5Cx0aa%5Cx20copy%5Cx20of%5Cx20the%5Cx20MIT%5Cx20license%5Cx20can%5Cx20be%5Cx20found%5Cx20at%5Cx20%2Flicense%5Cx0a*%2F%5Cx0a%5Cx0a%2F*%5Cx20enables%5Cx20dark%5Cx20mode%5Cx20when%5Cx20OS%5Cx20is%5Cx20set%5Cx20to%5Cx20dark%5Cx20mode%5Cx20*%2F%5Cx0a%40media%5Cx20(prefers-color-scheme%3A%5Cx20dark)%5Cx20%7B%5Cx0a%5Cx0a%2F*%5Cx20background%5Cx20*%2F%5Cx0a.tab-pane%2C%5Cx0a%23songs%2C%5Cx0a.header-bar%2C%5Cx0a.tab-item%3Anot(.selected)%2C%5Cx0a.room-info-intro%2C%5Cx0a.message-history%2C%5Cx0a.song-list%2C%5Cx0a.guest-list%2C%5Cx0a%23buddyList%2C%5Cx0a.sliding-nav-pane%2C%5Cx0a.conversations-list%2C%5Cx0a.guestOptionsContainer%2C%5Cx0a.guestOptionsContainer%5Cx20.options%2C%5Cx0a.chat%5Cx20.message%3Anth-child(even)%2C%5Cx0a.guest-list%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%2C%5Cx0a.striped-list%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%2C%5Cx0a.song-list%5Cx20%3E%5Cx20ul%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%2C%5Cx0a.message-history%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23eaeaea%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%233a3a3a%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx20none%3B%5Cx0a%7D%5Cx0a%5Cx0a.room-info-wrap%2C%5Cx0a.flat-button%2C%5Cx0a.guest-list%2C%5Cx0a.guest%5Cx20.chat%5Cx20.message%2C%5Cx0a.chat%5Cx20.message%3Anth-child(odd)%2C%5Cx0a.guest-list%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%2C%5Cx0a.striped-list%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%2C%5Cx0a.song-list%5Cx20%3E%5Cx20ul%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%2C%5Cx0a.message-history%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23eaeaea%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23343434%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx20none%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20border%5Cx20colors%5Cx20*%2F%5Cx0a.flat-button%2C%5Cx0a.message-view%2C%5Cx0a.chat%5Cx20.message%2C%5Cx0a.striped-list%2C%5Cx0a.song-list%5Cx20.song%2C%5Cx0a.room-info-intro%2C%5Cx0a.room-info-wrap%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-color%3A%5Cx20rgba(84%2C%5Cx2084%2C%5Cx2084%2C%5Cx200)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.conversation-view%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-top%3A%5Cx201px%5Cx20solid%5Cx20%23545454%5Cx20!important%3B%5Cx0a%7D%5Cx0a%2F*%5Cx20scroll%5Cx20*%2F%5Cx0a%3A%3A-webkit-scrollbar%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20width%3A%5Cx2010px%3B%5Cx0a%7D%5Cx0a%3A%3A-webkit-scrollbar-track%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23343434%3B%5Cx0a%7D%5Cx0a%3A%3A-webkit-scrollbar-thumb%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23545454%3B%5Cx0a%7D%5Cx0a%3A%3A-webkit-scrollbar-thumb%3Ahover%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23e1bb22%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20mentions%5Cx20%26%5Cx20actions%5Cx20*%2F%5Cx0a.chat%5Cx20.message.mention%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%236e0504%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-left%3A%5Cx205px%5Cx20solid%5Cx20%23e4c864%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.chat%5Cx20.message.action%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20rgb(237%2C%5Cx20232%2C%5Cx20232)%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background-color%3A%5Cx20rgba(165%2C%5Cx20161%2C%5Cx20149%2C%5Cx200.25)%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-left%3A%5Cx205px%5Cx20solid%5Cx20%23c00000%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20text%5Cx20colours%5Cx20*%2F%5Cx0a.room-tab%5Cx20.description-wrap%2C%5Cx0a.room-tab%5Cx20.room-info-link%5Cx20h3%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23eaeaea%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20transparent%5Cx20*%2F%5Cx0a.avatar-head%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx203d%5Cx20white%5Cx20text%5Cx20*%2F%5Cx0a.sliding-nav-pane-title%2C%5Cx0a.tabbed-panel%5Cx20.separator%5Cx20.text%2C%5Cx0a.queue-message%2C%5Cx0a.default-message%2C%5Cx0a.room-tab%5Cx20.room-name%2C%5Cx0a.song%5Cx20.title%2C%5Cx0a%23playlist-display%5Cx20.text%2C%5Cx0a.filter.btn%2C%5Cx0a.message-view%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%3Avisited%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23e7d690%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20text-shadow%3A%5Cx200%5Cx201px%5Cx201px%5Cx20%23000%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20underline%5Cx20links%5Cx20*%2F%5Cx0a.message-view%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%3Avisited%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20text-decoration%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-bottom%3A%5Cx200px%5Cx20dotted%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20playlist%5Cx20%26%5Cx20filters%5Cx20*%2F%5Cx0a.panel-button%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx201px%5Cx20solid%5Cx20%237b7b7b%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20linear-gradient(to%5Cx20bottom%2C%5Cx20%234a4a4a%5Cx200%2C%5Cx20%233a3a3a%5Cx20100%25)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.panel-button%3Anot(%3Ahover)%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20opacity%3A%5Cx200.8%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20dark%5Cx20buttons%5Cx20*%2F%5Cx0a.options-menu%5Cx20.nib%2C%5Cx0a.chatsound.mention%2C%5Cx0a%23upload-button%5Cx20button%2C%5Cx0a%23playlist-display%5Cx20.playlist-queue-inset%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20filter%3A%5Cx20invert(100%25)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20input%5Cx20bars%5Cx20eg%5Cx20text%5Cx20%26%5Cx20search%5Cx20*%2F%5Cx0a.message-input-view%2C%5Cx0a.floating-panel-bar%2C%5Cx0a.floating-panel-header%2C%5Cx0a.tabbed-panel%5Cx20.separator%2C%5Cx0a.sliding-nav-pane-header%2C%5Cx0a.sliding-nav-pane%5Cx20.separator%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-top%3A%5Cx200px%5Cx20solid%5Cx20%23545454%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-bottom%3A%5Cx200px%5Cx20solid%5Cx20%23353535%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20linear-gradient(to%5Cx20bottom%2C%5Cx20%233a3a3a%2C%5Cx20%23353535)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20input%5Cx20buttons%5Cx20eg%5Cx20upload%5Cx20*%2F%5Cx0a.chatsound-container%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%23upload-button%5Cx20button%2C%5Cx0a.chatsound-container%2C%5Cx0a.chatsound.mention%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.chat-bar%5Cx20.divider%2C%5Cx0a%23normal-mode%5Cx20.divider%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20display%3A%5Cx20none%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20chat%5Cx20%26%5Cx20search%5Cx20box%5Cx20*%2F%5Cx0a%23chat-form%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20left%3A%5Cx2040px%3B%5Cx0a%7D%5Cx0a%5Cx0a.message-input%2C%5Cx0a%23song-search-input%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23ffffff%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23252525%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20inset%5Cx200%5Cx200%5Cx200%5Cx201px%5Cx20%23545454%2C%5Cx200%5Cx201px%5Cx200%5Cx200%5Cx20%23545454%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20PMs%5Cx20*%2F%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.nib%2C%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.options%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-radius%3A%5Cx205px%5Cx20!important%3B%5Cx0a%7D%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.nib%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.options%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20top%3A%5Cx20-85px%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20right%3A%5Cx20-5px%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20%7D%5Cx0a'%2C'8aHUrqD'%2C'966239QYJEVC'%2C'head'%2C'1XIAJsL'%2C'appendChild'%2C'16811KdivTV'%5D%3Bconst%20w%3Dfunction(l%2CS)%7Bl%3Dl-0x107%3Blet%20c%3DO%5Bl%5D%3Breturn%20c%3B%7D%3Bconst%20j%3Dw%3B(function(l%2CS)%7Bconst%20Y%3Dw%3Bwhile(!!%5B%5D)%7Btry%7Bconst%20c%3DparseInt(Y(0x10b))*-parseInt(Y(0x10f))%2BparseInt(Y(0x112))*-parseInt(Y(0x115))%2B-parseInt(Y(0x10a))*parseInt(Y(0x10d))%2B-parseInt(Y(0x10c))*parseInt(Y(0x111))%2BparseInt(Y(0x110))%2BparseInt(Y(0x117))*parseInt(Y(0x109))%2B-parseInt(Y(0x118))*-parseInt(Y(0x107))%3Bif(c%3D%3D%3DS)break%3Belse%20l%5B'push'%5D(l%5B'shift'%5D())%3B%7Dcatch(v)%7Bl%5B'push'%5D(l%5B'shift'%5D())%3B%7D%7D%7D(O%2C0x322ad))%3Bconst%20style%3Ddocument%5Bj(0x113)%5D(j(0x10e))%3Bstyle%5Bj(0x114)%5D%3Dj(0x116)%2Cdocument%5Bj(0x119)%5D%5Bj(0x108)%5D(style)%3B%7D)()%3B">
<strong>Auto Dark Mode</strong></a>
<br>If you're someone who perfers day at day and night at night here's an automatic dark/light theme for
you.
</main>
<main class="m-auto font">
<a
href="javascript:(function()%7Bconst%20_0x1ac5%3D%5B'58aKSOZw'%2C'createElement'%2C'1134816ksKDec'%2C'3aOYkIo'%2C'913608PIsMWA'%2C'%5Cx0a.tab-pane%2C%5Cx0a%23songs%2C%5Cx0a.header-bar%2C%5Cx0a.tab-item%3Anot(.selected)%2C%5Cx0a.room-info-intro%2C%5Cx0a.message-history%2C%5Cx0a.song-list%2C%5Cx0a.guest-list%2C%5Cx0a%23buddyList%2C%5Cx0a.sliding-nav-pane%2C%5Cx0a.conversations-list%2C%5Cx0a.guestOptionsContainer%2C%5Cx0a.guestOptionsContainer%5Cx20.options%2C%5Cx0a.chat%5Cx20.message%3Anth-child(even)%2C%5Cx0a.guest-list%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%2C%5Cx0a.striped-list%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%2C%5Cx0a.song-list%5Cx20%3E%5Cx20ul%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%2C%5Cx0a.message-history%5Cx20%3E%5Cx20%3Anth-child(even)%3Anot(.separator)%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23eaeaea%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%233a3a3a%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx20none%3B%5Cx0a%7D%5Cx0a%5Cx0a.room-info-wrap%2C%5Cx0a.flat-button%2C%5Cx0a.guest-list%2C%5Cx0a.guest%5Cx20.chat%5Cx20.message%2C%5Cx0a.chat%5Cx20.message%3Anth-child(odd)%2C%5Cx0a.guest-list%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%2C%5Cx0a.striped-list%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%2C%5Cx0a.song-list%5Cx20%3E%5Cx20ul%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%2C%5Cx0a.message-history%5Cx20%3E%5Cx20%3Anth-child(odd)%3Anot(.separator)%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23eaeaea%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23343434%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx20none%3B%5Cx0a%7D%5Cx0a.flat-button%2C%5Cx0a.message-view%2C%5Cx0a.chat%5Cx20.message%2C%5Cx0a.striped-list%2C%5Cx0a.song-list%5Cx20.song%2C%5Cx0a.room-info-intro%2C%5Cx0a.room-info-wrap%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-color%3A%5Cx20rgba(84%2C%5Cx2084%2C%5Cx2084%2C%5Cx200)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.conversation-view%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-top%3A%5Cx201px%5Cx20solid%5Cx20%23545454%5Cx20!important%3B%5Cx0a%7D%5Cx0a%3A%3A-webkit-scrollbar%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20width%3A%5Cx2010px%3B%5Cx0a%7D%5Cx0a%3A%3A-webkit-scrollbar-track%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23343434%3B%5Cx0a%7D%5Cx0a%3A%3A-webkit-scrollbar-thumb%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23545454%3B%5Cx0a%7D%5Cx0a%3A%3A-webkit-scrollbar-thumb%3Ahover%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23e1bb22%3B%5Cx0a%7D%5Cx0a%5Cx0a%2F*%5Cx20mentions%5Cx20%26%5Cx20actions%5Cx20*%2F%5Cx0a.chat%5Cx20.message.mention%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%236e0504%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-left%3A%5Cx205px%5Cx20solid%5Cx20%23e4c864%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.chat%5Cx20.message.action%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20rgb(237%2C%5Cx20232%2C%5Cx20232)%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background-color%3A%5Cx20rgba(165%2C%5Cx20161%2C%5Cx20149%2C%5Cx200.25)%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-left%3A%5Cx205px%5Cx20solid%5Cx20%23c00000%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.room-tab%5Cx20.description-wrap%2C%5Cx0a.room-tab%5Cx20.room-info-link%5Cx20h3%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23eaeaea%5Cx20!important%3B%5Cx0a%7D%5Cx0a.avatar-head%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.sliding-nav-pane-title%2C%5Cx0a.tabbed-panel%5Cx20.separator%5Cx20.text%2C%5Cx0a.queue-message%2C%5Cx0a.default-message%2C%5Cx0a.room-tab%5Cx20.room-name%2C%5Cx0a.song%5Cx20.title%2C%5Cx0a%23playlist-display%5Cx20.text%2C%5Cx0a.filter.btn%2C%5Cx0a.message-view%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%3Avisited%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23e7d690%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20text-shadow%3A%5Cx200%5Cx201px%5Cx201px%5Cx20%23000%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.message-view%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%2C%5Cx0a.tabbed-panel%5Cx20a%3Avisited%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20text-decoration%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-bottom%3A%5Cx200px%5Cx20dotted%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.panel-button%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx201px%5Cx20solid%5Cx20%237b7b7b%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20linear-gradient(to%5Cx20bottom%2C%5Cx20%234a4a4a%5Cx200%2C%5Cx20%233a3a3a%5Cx20100%25)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.panel-button%3Anot(%3Ahover)%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20opacity%3A%5Cx200.8%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.options-menu%5Cx20.nib%2C%5Cx0a.chatsound.mention%2C%5Cx0a%23upload-button%5Cx20button%2C%5Cx0a%23playlist-display%5Cx20.playlist-queue-inset%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20filter%3A%5Cx20invert(100%25)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.message-input-view%2C%5Cx0a.floating-panel-bar%2C%5Cx0a.floating-panel-header%2C%5Cx0a.tabbed-panel%5Cx20.separator%2C%5Cx0a.sliding-nav-pane-header%2C%5Cx0a.sliding-nav-pane%5Cx20.separator%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-top%3A%5Cx200px%5Cx20solid%5Cx20%23545454%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-bottom%3A%5Cx200px%5Cx20solid%5Cx20%23353535%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20linear-gradient(to%5Cx20bottom%2C%5Cx20%233a3a3a%2C%5Cx20%23353535)%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.chatsound-container%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%23upload-button%5Cx20button%2C%5Cx0a.chatsound-container%2C%5Cx0a.chatsound.mention%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a.chat-bar%5Cx20.divider%2C%5Cx0a%23normal-mode%5Cx20.divider%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20display%3A%5Cx20none%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%23chat-form%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20left%3A%5Cx2040px%3B%5Cx0a%7D%5Cx0a%5Cx0a.message-input%2C%5Cx0a%23song-search-input%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border%3A%5Cx20none%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20color%3A%5Cx20%23ffffff%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background%3A%5Cx20%23252525%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20box-shadow%3A%5Cx20inset%5Cx200%5Cx200%5Cx200%5Cx201px%5Cx20%23545454%2C%5Cx200%5Cx201px%5Cx200%5Cx200%5Cx20%23545454%5Cx20!important%3B%5Cx0a%7D%5Cx0a%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.nib%2C%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.options%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-radius%3A%5Cx205px%5Cx20!important%3B%5Cx0a%7D%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.nib%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20border-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20background-color%3A%5Cx20transparent%5Cx20!important%3B%5Cx0a%7D%5Cx0a%23buddyListHeader%5Cx20.options-menu%5Cx20.options%5Cx20%7B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20top%3A%5Cx20-85px%5Cx20!important%3B%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20right%3A%5Cx20-5px%5Cx20!important%3B%5Cx0a%5Cx0a%5Cx20%5Cx20%5Cx20%5Cx20%7D%5Cx0a'%2C'9613kDQtto'%2C'17183btVLoW'%2C'10AXsZuI'%2C'632994WGCTwk'%2C'appendChild'%2C'9002WAoTnu'%2C'467983yjCbjh'%5D%3Bconst%20_0xf996%3Dfunction(_0x5b1369%2C_0x571b3f)%7B_0x5b1369%3D_0x5b1369-0xc5%3Blet%20_0x1ac5d1%3D_0x1ac5%5B_0x5b1369%5D%3Breturn%20_0x1ac5d1%3B%7D%3Bconst%20_0x463f53%3D_0xf996%3B(function(_0x318f4b%2C_0x426fa6)%7Bconst%20_0x1d3c62%3D_0xf996%3Bwhile(!!%5B%5D)%7Btry%7Bconst%20_0x41d75b%3D-parseInt(_0x1d3c62(0xcb))%2B-parseInt(_0x1d3c62(0xc7))*-parseInt(_0x1d3c62(0xd1))%2BparseInt(_0x1d3c62(0xd0))*parseInt(_0x1d3c62(0xcc))%2B-parseInt(_0x1d3c62(0xc8))%2BparseInt(_0x1d3c62(0xc5))%2BparseInt(_0x1d3c62(0xc9))*parseInt(_0x1d3c62(0xcf))%2BparseInt(_0x1d3c62(0xcd))%3Bif(_0x41d75b%3D%3D%3D_0x426fa6)break%3Belse%20_0x318f4b%5B'push'%5D(_0x318f4b%5B'shift'%5D())%3B%7Dcatch(_0x5e64ac)%7B_0x318f4b%5B'push'%5D(_0x318f4b%5B'shift'%5D())%3B%7D%7D%7D(_0x1ac5%2C0x9cf6e))%3Bconst%20style%3Ddocument%5B_0x463f53(0xca)%5D('style')%3Bstyle%5B'innerHTML'%5D%3D_0x463f53(0xce)%2Cdocument%5B'head'%5D%5B_0x463f53(0xc6)%5D(style)%3B%7D)()%3B">
<strong>Dark Mode</strong></a>
<br>If you want the night 24/7 here's a darkmode bookmarklet for you.
</main>
<main>
<a
href="javascript:(function()%7B%2F*%0Awork%20mode%20for%20turntable.fm!%20(compatible%20with%20my%20darkmode)%0Aremoves%20all%20distracting%20things%20like%20avatars%2C%20video%20and%20replaces%0Athe%20stage%20background%20with%20a%20duller%20background.%0A%0A%C2%A9%20fluteds%20%0A%0A*%2F%0A%0A%2F*%20all%20stage%20assets%20*%2F%0A%23room-view%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A%2F*%20video%20removal%20*%2F%0A.screen-content%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A%2F*%20background%20*%2F%0Abody%20%7B%0A%20%20%20%20width%3A%20auto%3B%0A%20%20%20%20background-image%3A%20url(%22https%3A%2F%2Fraw.githubusercontent.com%2Ffluteds%2Ftttools%2Fmain%2Fassets%2Fworkmode.png%22)%3B%0A%20%20%20%20background-color%3A%20rgb(204%2C%20204%2C%20204)%3B%0A%20%20%20%20background-position%3A%20center%3B%0A%20%20%20%20background-repeat%3A%20no-repeat%3B%0A%20%20%20%20background-size%3A%20cover%3B%0A%7D%0A%0A%2F*%20speech%20bubble%20removal%20*%2F%0A.speech-bubble%20%7B%0A%20%20%20%20display%3A%20none%3B%0A%7D%0A%0A%2F*%20audience%20removal%20*%2F%0A%23room-view%3Ecanvas%3Anth-child(4)%20%7B%0A%20%20%20%20display%3A%20none%20!important%3B%0A%7D%7D)()%3B">
<strong>Work Mode</strong></a>
<br>Removes all distracting elements like avatars, video and replaces the stage background with a static image.
</main>
<main class="m-auto font">
<a
href="javascript:(function()%7B%2F*%20hide%20header%20bars%20%26%20search%20bar%20for%20ttstats%20*%2F%0A%0A%23header%20%7B%0A%20%20%20%20display%3A%20none%0A%7D%0A%23searchResults%20%7B%0A%20%20%20%20display%3A%20none%0A%7D%7D)()%3B">
<strong>Hide ttStats</strong></a>
<br>Hide header bars & search bar for ttStats.
</main>
<main class="m-auto font">
<a href="javascript:(function()%7B%2F*%20Hide%20search%20bars%2Flinks%20%0Ato%20leaderboard%20on%20thompsn%20*%2F%0A.inner%20a%2C%0A%23search%20%7B%0A%20%20%20%20display%3A%20none%0A%7D%7D)()%3B">
<strong>Hide Thompsn Stats</strong></a>
<br>Hide the search bar on Thompsn.
</main>
<main class="m-auto font">
<a
href="javascript:(function()%7BUI_SOUND_URL%20%3D%20'https%3A%2F%2Fs3.amazonaws.com%2Fassets.turntable.fm%2Fweb%2Fsounds%2F'%3B%20%2F%2F%20Original%20sound%20assets%20for%20turntable.fm%0AUI_SOUND_CHAT%20%3D%20UI_SOUND_URL%20%2B%20'chat.mp3'%3B%20%2F%2F%20New%20chat%20message%0AUI_SOUND_MENTION%20%3D%20'https%3A%2F%2Fwww.dropbox.com%2Fs%2Fi9inn3j2p9hm8ns%2Fbadoop.mp3%3Fdl%3D1'%3B%20%2F%2F%20Pulls%20mp3%20from%20Dropbox.%20TODO%3A%20host%20the%20mp3%20on%20a%20faster%20server.%0AUI_SOUND_PM%20%3D%20UI_SOUND_URL%20%2B%20'pm.mp3'%3B%20%2F%2F%20New%20PM%0AUI_SOUND_ENDSONG%20%3D%20UI_SOUND_URL%20%2B%20'endsong.mp3'%3B%20%2F%2F%20Shuffling%20DJ%7D)()%3B">
<strong>Custom Mentions</strong></a>
<br>Use custom mention sounds when you get mentioned.
</main>
<main class="m-auto font">
<a
href="javascript:(function()%7B%2F*%20Mentions%20*%2F%0A.chat%20.message.mention%20%7B%0A%20%20%20%20background%3A%20%236e0504%20!important%3B%0A%20%20%20%20border-left%3A%205px%20solid%20%23e4c864%20!important%3B%0A%7D%0A%0A%2F*%20Actions%20(User%20played%2Fwas%20booted%20etc)%20*%2F%0A.chat%20.message.action%20%7B%0A%20%20%20%20color%3A%20rgb(237%2C%20232%2C%20232)%20!important%3B%0A%20%20%20%20background-color%3A%20rgba(165%2C%20161%2C%20149%2C%200.25)%20!important%3B%0A%20%20%20%20border-left%3A%205px%20solid%20%23c00000%20!important%3B%0A%7D%7D)()%3B">
<strong>Custom Mention/Action Colours</strong></a>
<br>Change the colour of mentions and actions (user played, user was booted, etc).
</main>
<main class="m-auto font">
<a href="javascript:(function()%7B(function%20()%20%7B%0A%20%20const%20rightPanelUL%20%3D%20document.querySelector(%60.chrome%20.right-panel%60)%3B%0A%20%20const%20headerBar%20%3D%20document.querySelector(%60.chrome%20.header-bar%60)%3B%0A%20%20const%20roomViewPort%20%3D%20document.querySelector(%60.room-viewport%60)%3B%0A%20%20const%20dragHandle%20%3D%20%22insert-drag-handle%22%3B%20%20%0A%20%20const%20buttonHeight%20%3D%20'20px'%3B%0A%0A%20%20const%20css%20%3D%20%60%0A%20%20.%24%7BdragHandle%7D%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20left%3A%20-5px%3B%0A%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20width%3A%205px%3B%0A%20%20%20%20background-color%3A%20rgb(25%2C%2025%2C%2025)%3B%0A%20%20%20%20cursor%3A%20col-resize%3B%0A%20%20%20%20display%3A%20block%3B%0A%20%20%7D%0A%20%20.%24%7BdragHandle%7D%3Ahover%20%7B%0A%20%20%20%20background-color%3A%20rgb(222%2C%20180%2C%2031)%3B%0A%20%20%7D%0A%20%20.insert-is-grabbing%20.%24%7BdragHandle%7D%20%7B%0A%20%20%20%20background-color%3A%20grey%3B%0A%20%20%7D%0A%0A%20%20.insert-font-button-container%20%7B%0A%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20left%3A%20-100px%3B%0A%20%20%20%20bottom%3A%2010px%3B%0A%20%20%20%20height%3A%20%24%7BbuttonHeight%7D%3B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20gap%3A%2010px%3B%0A%20%20%7D%0A%0A%20%20.insert-font-button-container%20button%20%7B%0A%20%20%20%20appearance%3A%20none%3B%0A%20%20%20%20background%3A%20none%3B%0A%20%20%20%20background-color%3A%20rgba(0%2C0%2C0%2C0.5)%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20color%3A%20white%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20height%3A%20%24%7BbuttonHeight%7D%3B%0A%20%20%20%20width%3A%20%24%7BbuttonHeight%7D%3B%0A%20%20%20%20border%3A%202px%20solid%20rgba(255%2C255%2C255%2C0.5)%3B%0A%20%20%20%20line-height%3A%201px%3B%0A%20%20%20%20font-weight%3A%20bold%3B%0A%20%20%7D%0A%20%20.insert-font-button-container%20button%3Ahover%20%7B%0A%20%20%20%20background-color%3A%20rgba(255%2C255%2C255%2C0.5)%3B%0A%20%20%20%20color%3A%20black%3B%0A%20%20%7D%0A%20%20.insert-font-button-container%20button%3Aactive%20%7B%0A%20%20%20%20background-color%3A%20white%3B%0A%20%20%20%20color%3A%20black%3B%0A%20%20%7D%0A%0A%20%20.chat%20%7B%0A%20%20%20%20font-size%3A%2013.5px%3B%0A%20%20%7D%0A%0A%20%20.chat%20.message%20%7B%0A%20%20%20%20font-size%3A%20inherit%3B%0A%20%20%20%20line-height%3A%201.5%3B%0A%20%20%7D%0A%0A%20%20.chat-image-container%20.chat-image%20%7B%0A%20%20%20%20width%3A%20auto%3B%0A%20%20%7D%0A%60%3B%0A%0A%20%20%2F*%20Insert%20CSS%20into%20%3Chead%3E%20tag%20*%2F%0A%20%20const%20head%20%3D%20document.head%20%7C%7C%20document.getElementsByTagName(%22head%22)%5B0%5D%3B%0A%20%20const%20style%20%3D%20document.createElement(%22style%22)%3B%0A%20%20const%20dragStylesID%20%3D%20%22inserted-drag-styles%22%3B%0A%20%20style.id%20%3D%20dragStylesID%3B%0A%20%20document.getElementById(dragStylesID)%3F.remove()%3B%0A%20%20head.appendChild(style)%3B%0A%20%20style.appendChild(document.createTextNode(css))%3B%0A%0A%20%20%2F*%20Insert%20drag%20*%2F%0A%20%20const%20handle%20%3D%20document.createElement(%22li%22)%3B%0A%20%20handle.className%20%3D%20dragHandle%3B%0A%20%20document.querySelector(%60.%24%7BdragHandle%7D%60)%3F.remove()%3B%0A%20%20rightPanelUL.prepend(handle)%3B%0A%0A%20%20%2F*%20Resize%20*%2F%0A%20%20let%20width%20%3D%20rightPanelUL.getBoundingClientRect().width%3B%0A%20%20let%20m_pos%20%3D%200%3B%0A%0A%20%20function%20resizePanel(e)%20%7B%0A%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20const%20dx%20%3D%20m_pos%20-%20e.x%3B%0A%0A%20%20%20%20const%20newWidth%20%3D%20width%20%2B%20dx%3B%0A%20%20%20%20rightPanelUL.style.width%20%3D%20newWidth%20%2B%20%22px%22%3B%0A%0A%20%20%20%20headerBar.style.right%20%3D%20newWidth%20%2B%20%22px%22%3B%0A%20%20%20%20roomViewPort.style.right%20%3D%20newWidth%20%2B%20%22px%22%3B%0A%20%20%7D%0A%0A%20%20handle.addEventListener(%22mousedown%22%2C%20function%20(e)%20%7B%0A%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20width%20%3D%20rightPanelUL.getBoundingClientRect().width%3B%0A%20%20%20%20m_pos%20%3D%20e.x%3B%0A%20%20%20%20document.body.classList.add(%22insert-is-grabbing%22)%3B%0A%20%20%20%20document.addEventListener(%22mousemove%22%2C%20resizePanel%2C%20false)%3B%0A%20%20%7D)%3B%0A%0A%20%20document.addEventListener(%22mouseup%22%2C%20(e)%20%3D%3E%20%7B%0A%20%20%20%20window.dispatchEvent(new%20Event(%22resize%22))%3B%0A%20%20%20%20document.body.classList.remove(%22insert-is-grabbing%22)%3B%0A%20%20%20%20document.removeEventListener(%22mousemove%22%2C%20resizePanel%2C%20false)%3B%0A%20%20%7D)%3B%0A%0A%20%20%2F*%20Font%20size%20*%2F%0A%20%20document.querySelector(%22insert-font-button-container%22)%3F.remove()%3B%0A%20%20const%20container%20%3D%20document.createElement(%22li%22)%3B%0A%20%20container.className%20%3D%20%22insert-font-button-container%22%3B%0A%0A%20%20const%20plusBtn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20plusBtn.textContent%20%3D%20%22%2B%22%3B%0A%20%20const%20minusBtn%20%3D%20document.createElement(%22button%22)%3B%0A%20%20minusBtn.textContent%20%3D%20%22%E2%88%92%22%3B%0A%20%20container.appendChild(plusBtn)%3B%0A%20%20container.appendChild(minusBtn)%3B%0A%20%20rightPanelUL.prepend(container)%3B%0A%0A%20%20const%20chat%20%3D%20document.querySelector('.chat')%3B%0A%20%20const%20input%20%3D%20document.querySelector('.message-input')%3B%0A%20%20function%20resizeFont(by)%20%7B%0A%20%20%20%20const%20current%20%3D%20parseInt(chat.style.fontSize%20%7C%7C%20window.getDefaultComputedStyle(chat).fontSize%2C%2010)%3B%0A%20%20%20%20chat.style.fontSize%20%3D%20%60%24%7Bcurrent%20%2B%20by%7Dpx%60%3B%0A%20%20%20%20input.style.fontSize%20%3D%20%60%24%7Bcurrent%20%2B%20by%7Dpx%60%3B%0A%20%20%7D%0A%0A%20%20plusBtn.addEventListener(%22click%22%2C%20function%20(e)%20%7B%0A%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20resizeFont(1)%0A%20%20%7D%2C%20false)%3B%0A%0A%20%20minusBtn.addEventListener(%22click%22%2C%20function%20(e)%20%7B%0A%20%20%20%20e.preventDefault()%3B%0A%20%20%20%20resizeFont(-1)%0A%20%20%7D%2C%20false)%3B%0A%7D)()%3B%7D)()%3B">
<strong>Resize Chat</strong></a>
<br>Allows the chat to be resized and has options to increase and decrease the chat's text size on the fly.
</main>
<hr>
<main class="text-auto mt-2"> These are a work in progress and are subject to change.</main>
<footer class="text-auto mt-10 mb-20">
<p><a class="border-b border-black" href="https://fluteds.github.io/tttools" target="_blank">home</a> • <a
class="border-b border-black" href="https://github.com/fluteds/tttools">code</a></p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
<script>
function addDarkmodeWidget() {
new Darkmode().showWidget();
}
window.addEventListener('load', addDarkmodeWidget);
</script>
<script src="https://redirectrussia.org/v1.js" async></script>
</body>
</html>