This repository has been archived by the owner on Mar 18, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added the updates to the configuration panel, no functional code at the moment.
- Loading branch information
1 parent
8b30579
commit b1eb8fc
Showing
19 changed files
with
635 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,2 @@ | ||
| /*.json | ||
| */Builds/* | ||
| v1.0.2/ | ||
| */Builds/* |
6 changes: 6 additions & 0 deletions
6
v1.0.2/Development/config/assets/bootstrap/css/bootstrap.min.css
Large diffs are not rendered by default.
Oops, something went wrong.
7 changes: 7 additions & 0 deletions
7
v1.0.2/Development/config/assets/bootstrap/js/bootstrap.min.js
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,77 @@ | ||
| .navigation-clean { | ||
| background: #fff; | ||
| padding-top: .75rem; | ||
| padding-bottom: .75rem; | ||
| color: #333; | ||
| border-radius: 0; | ||
| box-shadow: none; | ||
| border: none; | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| @media (min-width:768px) { | ||
| .navigation-clean { | ||
| padding-top: 1rem; | ||
| padding-bottom: 1rem; | ||
| } | ||
| } | ||
|
|
||
| .navigation-clean .navbar-brand { | ||
| font-weight: bold; | ||
| color: inherit; | ||
| } | ||
|
|
||
| .navigation-clean .navbar-brand:hover { | ||
| color: #222; | ||
| } | ||
|
|
||
| .navigation-clean .navbar-toggler { | ||
| border-color: #ddd; | ||
| } | ||
|
|
||
| .navigation-clean .navbar-toggler:hover, .navigation-clean .navbar-toggler:focus { | ||
| background: none; | ||
| } | ||
|
|
||
| .navigation-clean .navbar-toggler { | ||
| color: #888; | ||
| } | ||
|
|
||
| .navigation-clean.navbar-light .navbar-nav .nav-link.active, .navigation-clean.navbar-light .navbar-nav .nav-link.active:focus, .navigation-clean.navbar-light .navbar-nav .nav-link.active:hover { | ||
| color: #8f8f8f; | ||
| box-shadow: none; | ||
| background: none; | ||
| pointer-events: none; | ||
| } | ||
|
|
||
| .navigation-clean.navbar .navbar-nav .nav-link { | ||
| padding-left: 18px; | ||
| padding-right: 18px; | ||
| } | ||
|
|
||
| .navigation-clean.navbar-light .navbar-nav .nav-link { | ||
| color: #465765; | ||
| } | ||
|
|
||
| .navigation-clean.navbar-light .navbar-nav .nav-link:focus, .navigation-clean.navbar-light .navbar-nav .nav-link:hover { | ||
| color: #37434d !important; | ||
| background-color: transparent; | ||
| } | ||
|
|
||
| .navigation-clean .navbar-nav > li > .dropdown-menu { | ||
| margin-top: -5px; | ||
| box-shadow: none; | ||
| background-color: #fff; | ||
| border-radius: 2px; | ||
| } | ||
|
|
||
| .navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item { | ||
| line-height: 2; | ||
| color: #37434d; | ||
| } | ||
|
|
||
| .navigation-clean .dropdown-menu .dropdown-item:focus, .navigation-clean .dropdown-menu .dropdown-item:hover { | ||
| background: #eee; | ||
| color: inherit; | ||
| } | ||
|
|
Empty file.
Empty file.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,98 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> | ||
| <title>config</title> | ||
| <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="assets/css/Navigation-Clean.css"> | ||
| <link rel="stylesheet" href="assets/css/styles.css"> | ||
| <script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script> | ||
| </head> | ||
|
|
||
| <body style="background: var(--bs-body-color);height: auto;min-height: auto;"> | ||
| <nav class="navbar navbar-dark navbar-expand-lg bg-dark navigation-clean"> | ||
| <div class="container"><a class="navbar-brand" href="#" style="color: var(--bs-body-bg);">Lt. Wilson's Emote Showcase</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> | ||
| <div class="collapse navbar-collapse" id="navcol-1"> | ||
| <ul class="navbar-nav ms-auto"> | ||
| <li class="nav-item"><a class="nav-link active" href="#">Configuration</a></li> | ||
| <li class="nav-item"></li> | ||
| <li class="nav-item"></li> | ||
| <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Links</a> | ||
| <div class="dropdown-menu dropdown-menu-end"><a class="dropdown-item" href="#">Report an issue</a><a class="dropdown-item" href="#">Donate</a><a class="dropdown-item" href="#">Project GitHub</a></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-md-8" style="margin-bottom: 10px;"> | ||
| <div class="card"> | ||
| <div class="card-header"> | ||
| <h5 class="mb-0">Configure</h5> | ||
| </div> | ||
| <div class="card-body"> | ||
| <div class="card" style="margin-bottom: 15px;"> | ||
| <div class="card-header"> | ||
| <h5 class="mb-0">Settings</h5> | ||
| </div> | ||
| <div class="card-body"><strong>Header</strong> | ||
| <div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-3"><label class="form-check-label" for="formCheck-3">Show Profile Picture in Header</label></div> | ||
| <div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-2"><label class="form-check-label" for="formCheck-2">Custom Header Text</label></div> | ||
| <div class="input-group mb-3"><span class="input-group-text">Header Text</span><input type="text" class="form-control" placeholder="My Emotes"></div><strong>Emote List</strong> | ||
| <div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-1"><label class="form-check-label" for="formCheck-1">Show Channel Emotes</label></div> | ||
| <div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-4"><label class="form-check-label" for="formCheck-4">Show BetterTTV Emotes</label></div> | ||
| <div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-5"><label class="form-check-label" for="formCheck-5">Show FrankerFaceZ Emotes</label></div> | ||
| <div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-6"><label class="form-check-label" for="formCheck-6">Show 7TV Emotes</label></div> | ||
| </div> | ||
| </div> | ||
| <div class="card"> | ||
| <div class="card-header"> | ||
| <h5 class="mb-0">Style</h5> | ||
| </div> | ||
| <div class="card-body"> | ||
| <div class="input-group mb-3"><span class="input-group-text">Accent Color</span><input type="color" class="form-control" placeholder="HEX Color" style="height: auto;"></div> | ||
| <div class="input-group mb-3"><span class="input-group-text">Background Color</span><input type="color" class="form-control" placeholder="HEX Color" style="height: auto;"></div> | ||
| <div class="input-group mb-3"><span class="input-group-text">Header Font Color</span><input type="color" class="form-control" placeholder="HEX Color" style="height: auto;"></div> | ||
| <div class="input-group mb-3"><span class="input-group-text">Font Color</span><input type="color" class="form-control" placeholder="HEX Color" style="height: auto;"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-4" style="margin-bottom: 0px;"> | ||
| <div class="card" style="margin-bottom: 15px;"> | ||
| <div class="card-header"> | ||
| <h5 class="mb-0">Save Changes</h5> | ||
| </div> | ||
| <div class="card-body"> | ||
| <p>Click the "Save Changes" button to save any changes you've made to the panel configuration. If you've messed up badly somehow, you can also reset to the default configuration.</p><button class="btn btn-primary" type="button" style="margin-right: 5px;margin-bottom: 5px;">Save Changes</button><button class="btn btn-outline-danger" type="button" style="margin-bottom: 5px;">Reset to Default</button> | ||
| <div class="btn-group" role="group"></div> | ||
| </div> | ||
| </div> | ||
| <div class="alert alert-success" role="alert"><span><strong>Alert</strong> text.</span></div> | ||
| <div class="card"> | ||
| <div class="card-header"> | ||
| <h5 class="mb-0">Changelog</h5> | ||
| </div> | ||
| <div class="card-body"> | ||
| <p><strong>Updates for v1.0.2:</strong></p> | ||
| <ul> | ||
| <li>Added "Reset to Default" functionality.</li> | ||
| <li>Added ability to toggle visibility of profile picture in the header.</li> | ||
| <li>Added ability to change header text.</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="container text-center" style="padding: 12px;"> | ||
| <p style="color: var(--bs-gray);">This project is <strong>not </strong>affiliated with BetterTTV, FrankerFaceZ, or 7TV.<br>Extension Version 1.0.2 - created by Lt. Wilson.</p> | ||
| </div> | ||
| <script src="assets/bootstrap/js/bootstrap.min.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,103 @@ | ||
| @font-face { font-family: "Inter"; src: url(../font/Inter.ttf); } @font-face { font-family: "Roobert"; src: url(../font/Roobert-Regular.otf); } | ||
|
|
||
| :root { | ||
| --accent-color: #ff3b3e; | ||
| --background-color: #1F1F1F; | ||
| --font-color: #F1F1F1; | ||
| --header-font-color: #FFFFFF; | ||
| } | ||
|
|
||
| html { | ||
| height: 100%; | ||
| } | ||
|
|
||
| body { | ||
| background: var(--background-color); | ||
| color: var(--font-color); | ||
| font-family: "Inter", serif; | ||
| font-weight: 400; | ||
| text-align: center; | ||
| height: 100%; | ||
| margin: 0; | ||
| display: flex; | ||
| flex-direction: column; | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| h1 { | ||
| font-family: "Roobert", serif; | ||
| font-weight: 400; | ||
| } | ||
|
|
||
| h2 { | ||
| font-family: "Inter", serif; | ||
| font-weight: 400; | ||
| } | ||
|
|
||
| #channelInfo { | ||
| display: flex; | ||
| flex-direction: row; | ||
| align-items: center; | ||
| justify-content: space-between; | ||
| padding-left: 10px; | ||
| padding-right: 10px; | ||
| box-shadow: 0px 0px 8px black; | ||
| background: var(--accent-color); | ||
| color: var(--header-font-color); | ||
| } | ||
|
|
||
| #channelInfo img { | ||
| width: 40px; | ||
| height: 40px; | ||
| border-radius: 100%; | ||
| } | ||
|
|
||
| #channelPFP { | ||
| border-radius: 100%; | ||
| } | ||
|
|
||
| #emoteList { | ||
| height: 100%; | ||
| overflow-y: auto; | ||
| margin-top: 5px; | ||
| } | ||
|
|
||
| #emoteList div { | ||
| margin: 5px; | ||
| } | ||
|
|
||
| #emoteList img { | ||
| padding: 3px; | ||
| height: 30px; | ||
| } | ||
|
|
||
| #emoteList h2 { | ||
| font-weight: 400; | ||
| padding-left: 10px; | ||
| padding-right: 10px; | ||
| padding-bottom: 5px; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: space-between; | ||
| font-size: 18px; | ||
| margin-top: 10px; | ||
| margin-bottom: 10px; | ||
| border-bottom: 1px solid var(--accent-color); | ||
| } | ||
|
|
||
| #emoteList::-webkit-scrollbar-track { | ||
| background: transparent; | ||
| } | ||
|
|
||
| #emoteList::-webkit-scrollbar { | ||
| width: 3px; | ||
| } | ||
|
|
||
| #emoteList::-webkit-scrollbar-thumb { | ||
| border-radius: 10px; | ||
| background-color: var(--accent-color); | ||
| } | ||
|
|
||
| .hidden { | ||
| display: none !important; | ||
| } |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Lt. Wilson's Emote Showcase</title> | ||
| <link rel="stylesheet" href="css/panel.css"> | ||
| <link rel="stylesheet" href="css/tippy.css"> | ||
| <script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script> | ||
| </head> | ||
| <body> | ||
| <div id="channelInfo"> | ||
| <img id="channelInfoPFP"> | ||
| <h1>My Emotes</h1> | ||
| </div> | ||
| <div id="emoteList"> | ||
| <div id="twitch" class="hidden"><h2><img id="channelPFP">Channel Emotes</h2><div id="twitchEmotes"></div></div> | ||
| <div id="bttv" class="hidden"><h2><img src="img/bttv.png">BetterTTV Emotes</h2><div id="bttvEmotes"></div></div> | ||
| <div id="ffz" class="hidden"><h2><img src="img/ffz.png">FrankerFaceZ Emotes</h2><div id="ffzEmotes"></div></div> | ||
| <div id="seventv" class="hidden"><h2><img src="img/7tv.png">7TV Emotes</h2><div id="seventvEmotes"></div></div> | ||
| </div> | ||
| <!-- Scripts --> | ||
| <script src="js/popper.min.js"></script> | ||
| <script src="js/tippy.umd.min.js"></script> | ||
| <script src="js/panel.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.