2 Commits
Author SHA1 Message Date
sugoidogo 38a951f4f2 css update
cloudflare.yaml / release (push) Successful in 34s
2026-07-29 04:29:31 -07:00
sugoidogo 9d8323de80 Update README.md 2025-12-20 07:22:29 +00:00
3 changed files with 22 additions and 6 deletions
+1 -3
View File
@@ -6,13 +6,11 @@ Play Twitch Clips on demand
- Full Control: You decide how clips are selected via a drag&drop filter menu, offering the most control of any clip player.
- Full Customization: You can add fonts, CSS, JS modules, or even full HTML documents to your config to customize Clippy to your brand.
## Usage
To use, go to https://sugoidogo.github.io/clippy/v3 and authorize clippy.
To use, go to https://sugoiclippy.sugoidogo.com/ and authorize clippy.
Type in a name for your clippy instance and hit `Create New Instance`.
Then adjust the settings to your liking, and click the `Copy Overlay URL` button.
Use it as a browser source in obs or any other streaming software.
Your settings are stored server-side, you only need to refresh the source to load changed settings.
## Support
Support information for all my software is on my [GitHub profile](https://github.com/sugoidogo)
## Preview
### All Settings
![](clippy-settings-preview.png)
+17 -3
View File
@@ -1,5 +1,9 @@
* {
font-family: Inter, Roobert, Helvetica Neue, Helvetica, Arial, sans-serif;
body {
margin: 0;
}
a {
color: dodgerblue;
}
[hidden] {
@@ -36,10 +40,20 @@ span {
}
td {
vertical-align: top;
border: 1px solid lightgray;
vertical-align: top;
white-space: nowrap;
width: fit-content;
}
input[type=number] {
width: 4em;
}
h2,h3 {
border-bottom: 1px solid;
}
h1 {
margin-top: 0;
}
+4
View File
@@ -1,6 +1,10 @@
<!DOCTYPE html>
<head>
<link rel="icon" href="data:image/png;base64,iVBORw0KGgo=">
<link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" media="screen" />
<link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-dark.css"
media="screen and (prefers-color-scheme: dark)" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<script type="module" src="index.js"></script>
</head>