ephellon.github.io/TTV-Tools.html at master · Ephellon/ephellon.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TTV Tools — Ephellon</title>
<link rel="stylesheet" href="colors_and_type.css">
<style>
  :root { --bg: #dcd4c3; --twitch: #5c3f78; }
  body { margin: 0; }
  h1, h2, h3, h4, p, .t-lede, .t-h1 { font-family: var(--font-sans); }
  a { font-family: var(--font-mono); }
  .k-label { font-family:var(--font-sans);font-weight:var(--w-bold);font-size:11px;letter-spacing:var(--tr-widest);text-transform:uppercase;color:var(--twitch);margin:0 0 var(--space-3); }
  .k-list { margin:0 0 var(--space-5);padding-left:1.2em; }
  .k-list li { margin-bottom:var(--space-2);font-family:var(--font-sans);font-size:var(--size-base); }
  .k-links a { color:var(--fg-strong); }
</style>
</head>
<body>

<div style="background:var(--bg);min-height:100vh;">
  <div style="max-width:34rem;margin:0 auto;padding:var(--space-9) var(--space-6) var(--space-8);">

    <a href="index.html" class="t-meta" style="color:var(--fg-meta);">← Archive</a>

    <div style="border-left:2px solid var(--twitch);padding-left:var(--space-5);margin-top:var(--space-6);">
      <div class="t-stamp" style="color:var(--twitch);margin-bottom:var(--space-3);">Chrome extension · Published</div>
      <h1 class="t-h1" style="margin-bottom:var(--space-4);">TTV Tools</h1>
      <p class="t-lede">Features Twitch left out. Restored, quietly, in the background.</p>
      <p>A browser extension that layers missing viewer conveniences onto the Twitch player and chat. Runs unattended once installed.</p>
    </div>

    <hr style="margin-top:var(--space-7);">

    <section style="margin-top:var(--space-6);">
      <h4 class="k-label">Features</h4>
      <p style="font-family:var(--font-sans);">The full feature set changes as Twitch does and is tracked in the project's wiki rather than fixed here.</p>
    </section>

    <section style="margin-top:var(--space-6);">
      <h4 class="k-label">Install</h4>
      <ul class="k-list">
        <li>From the Chrome Web Store — search, install, done.</li>
        <li>From source — download <code class="t-code">ttv-tools.zip</code> off the latest release, extract it, then load it unpacked via <code class="t-code">chrome://extensions</code> with Developer mode on.</li>
      </ul>
    </section>

    <section style="margin-top:var(--space-6);">
      <h4 class="k-label">Links</h4>
      <ul class="k-list k-links">
        <li><a href="https://chrome.google.com/webstore/detail/twitch-tools/fcfodihfdbiiogppbnhabkigcdhkhdjd">Chrome Web Store</a></li>
        <li><a href="https://github.com/Ephellon/Twitch-Tools/wiki">Wiki</a> — feature documentation</li>
        <li><a href="https://github.com/Ephellon/Twitch-Tools/releases/latest">Latest release</a></li>
        <li><a href="https://github.com/Ephellon/Twitch-Tools">Repository</a></li>
      </ul>
    </section>

    <p style="color:var(--fg-meta);font-family:var(--font-sans);font-size:var(--size-sm);margin-top:var(--space-7);">Maintained. No fixed roadmap — changes land as Twitch's own platform does.</p>

  </div>
</div>

</body>
</html>