Index
948c9b8fae
- Improved settings page ("*unsaved" title when not saved yet, redesigned toggle indicators, redesigned toggle buttons, and small changes)
- data-URL property of the body HTML tag is now the pathname rather than the full URL
- Work in progress places integration for Pinned Games (on the actual places page, debating deleting this or not)
- Code cleanup
- Code improvements
- Added .gitignore
- Updated specific.css to use pathnames rather than the full URL
- Updated data_structure.txt reference for developers
- Changed manifest version name to pre-release build so you can tell what build you are using
553 lines
23 KiB
HTML
Executable file
553 lines
23 KiB
HTML
Executable file
<html>
|
|
<head>
|
|
<!-- META TAGS -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- PUBLIC -->
|
|
<title>Poly+ Settings</title>
|
|
|
|
<!-- RESOURCES -->
|
|
<link rel="stylesheet" href="https://c0.ptacdn.com/static/app.64aa42f6.css">
|
|
</head>
|
|
<body data-bs-theme="dark">
|
|
<style>
|
|
html, body, #page {
|
|
background: #202020;
|
|
color: #fff;
|
|
}
|
|
|
|
#page {
|
|
margin-top: 7.5rem;
|
|
width: 50%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
margin-bottom: 3.5rem;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4.6rem;
|
|
color: rgb(48, 48, 48);
|
|
}
|
|
|
|
h1 span.indent {
|
|
border-left: 10px solid rgb(48, 48, 48);
|
|
margin-right: 15px;
|
|
}
|
|
|
|
h1 span.highlight {
|
|
color: red;
|
|
}
|
|
|
|
h2 {
|
|
color: rgb(48, 48, 48);
|
|
}
|
|
|
|
h2 span.indent {
|
|
border-left: 7.5px solid rgb(48, 48, 48);
|
|
margin-right: 15px;
|
|
}
|
|
|
|
p span.title {
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
span.desc {
|
|
color: rgb(120, 120, 120);
|
|
}
|
|
|
|
.goback {
|
|
color: rgb(120, 120, 120);
|
|
text-decoration: none;
|
|
}
|
|
|
|
dialog {
|
|
background-color: #080808;
|
|
color: #c4c4c4;
|
|
border: 1px solid #3bafff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.input-group-text {
|
|
background-color: #000;
|
|
border-color: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
label {
|
|
font-size: 0.8rem;
|
|
margin-bottom: 2.75px;
|
|
}
|
|
|
|
dialog::backdrop {
|
|
background-color: rgba(0, 0, 0, 0.73);
|
|
}
|
|
|
|
dialog .modal-header p {
|
|
margin-bottom: 0px;
|
|
color: #fff;
|
|
}
|
|
|
|
dialog .modal-body p:first-child {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.setting-container .indicator {
|
|
border-radius: 5rem;
|
|
display: inline-block;
|
|
cursor: default;
|
|
}
|
|
|
|
.setting-container.enabled .indicator {
|
|
background-color: #007bff;
|
|
}
|
|
|
|
.setting-container.disabled .indicator {
|
|
background-color: orangered;
|
|
}
|
|
|
|
.toggle-btn {
|
|
float: right;
|
|
width: 100px;
|
|
}
|
|
</style>
|
|
<dialog class="w-50" id="ResetDefaults-Modal">
|
|
<div class="modal-header">
|
|
<p>Are you sure?</p>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Are you sure you'd like to reset all settings to their defaults? (this action is irreversible)</p>
|
|
<button id="ResetDefaults-Modal-Yes" class="btn btn-danger">Yes</button>
|
|
<button id="ResetDefaults-Modal-No" class="btn btn-primary">No</button>
|
|
</div>
|
|
</dialog>
|
|
<dialog class="w-50" id="ThemeCreator-Modal" data-setting="ThemeCreator">
|
|
<div class="modal-header">
|
|
<p>Theme Creator</p>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Let out your creativity and turn it into a reality on Polytoria's website!</p>
|
|
<hr class="mt-3 mb-3">
|
|
|
|
<label>Save Theme to JSON</label>
|
|
<div class="input-group mb-3">
|
|
<input id="SaveThemeToJSONInput" type="text" class="form-control bg-dark" placeholder="JSON String..." data-ignore="true" disabled>
|
|
<button id="CopyThemeJSONBtn" class="btn btn-warning">Copy</button>
|
|
</div>
|
|
|
|
<label>Load Theme from JSON</label>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control bg-dark" placeholder="JSON..." data-ignore="true">
|
|
<button id="LoadThemeFromJSONBtn" class="btn btn-success" data-ignore="true" data-onclick="LoadThemeJSON(this.previousElementSibling.value)">Load</button>
|
|
</div>
|
|
|
|
<hr class="mt-2 mb-3">
|
|
|
|
<div class="card mb-2">
|
|
<div class="card-header">Navigation</div>
|
|
<div class="card-body">
|
|
<label>Navbar Background Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavBGColor">
|
|
|
|
<label>Navbar Border Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavBorderColor">
|
|
|
|
<label>Sidebar Background Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideBGColor">
|
|
|
|
<label>Sidebar Border Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideBorderColor">
|
|
|
|
<hr class="navbar-divider">
|
|
|
|
<label>Navbar Item Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="NavItemColor">
|
|
|
|
<label>Sidebar Item Background Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemBGColor">
|
|
|
|
<label>Sidebar Item Border Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemBorderColor">
|
|
|
|
<label>Sidebar Item Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemColor">
|
|
|
|
<label>Sidebar Item Label Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SideItemLabelColor">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-2">
|
|
<div class="card-header">Background</div>
|
|
<div class="card-body">
|
|
<label>Background Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="BGColor">
|
|
|
|
<label>Background Image (URL)</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="BGImage">
|
|
|
|
<label>Background Image Size (if there is a background image)</label>
|
|
<select class="form-select bg-dark mb-2" data-setting="BGImageSize">
|
|
<option value="fit" selected>Fit (default)</option>
|
|
<option value="cover">Cover</option>
|
|
<option value="contain">Contain</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-2">
|
|
<div class="card-header">Text</div>
|
|
<div class="card-body">
|
|
<label>Primary Text Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="PrimaryTextColor">
|
|
|
|
<label>Secondary Text Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="SecondaryTextColor">
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<label>Link (state: default) Text Color</label>
|
|
</div>
|
|
<div class="col">
|
|
<label>Link (state: hovered) Text Color</label>
|
|
</div>
|
|
<div class="col">
|
|
<label>Link (state: focused) Text Color</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkTextColor">
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkHoveredTextColor">
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="LinkFocusedTextColor">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-2">
|
|
<div class="card-header">Cards</div>
|
|
<div class="card-body">
|
|
<label>Card (Header) Background Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardHeadBGColor">
|
|
|
|
<label>Card (Body) Background Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardBodyBGColor">
|
|
|
|
<label>Card Border Color</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="CardBorderColor">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card mb-2">
|
|
<div class="card-header">Branding</div>
|
|
<div class="card-body">
|
|
<label>Website Logo (URL)</label>
|
|
<input class="form-control bg-dark mb-2" placeholder="..." data-setting="WebsiteLogo">
|
|
</div>
|
|
</div>
|
|
|
|
<button class="btn btn-success" data-setting="[save]">Save</button>
|
|
<button class="btn btn-secondary" data-setting="[cancel]">Cancel</button>
|
|
</div>
|
|
</dialog>
|
|
<dialog class="w-50" id="ModifyNav-Modal" data-setting="ModifyNav">
|
|
<div class="modal-header">
|
|
<p>Modify Navbar</p>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Customize the navbar to your liking!</p>
|
|
<hr class="mt-2 mb-3">
|
|
<div class="card mb-2">
|
|
<div class="card-header">#1 Navbar Item</div>
|
|
<div class="card-body">
|
|
<label>Label</label>
|
|
<input id="ModifyNav-Modal-1Label" class="form-control bg-dark mb-2" placeholder="Play" data-parent="0" data-setting="Label">
|
|
|
|
<label>Link</label>
|
|
<input id="ModifyNav-Modal-1Link" class="form-control bg-dark mb-2" placeholder="https://polytoria.com/places/" data-parent="0" data-setting="Link">
|
|
</div>
|
|
</div>
|
|
<div class="card mb-2">
|
|
<div class="card-header">#2 Navbar Item</div>
|
|
<div class="card-body">
|
|
<label>Label</label>
|
|
<input id="ModifyNav-Modal-2Label" class="form-control bg-dark mb-2" placeholder="Store" data-parent="1" data-setting="Label">
|
|
|
|
<label>Link</label>
|
|
<input id="ModifyNav-Modal-2Link" class="form-control bg-dark mb-2" placeholder="https://polytoria.com/store/" data-parent="1" data-setting="Link">
|
|
</div>
|
|
</div>
|
|
<div class="card mb-2">
|
|
<div class="card-header">#3 Navbar Item</div>
|
|
<div class="card-body">
|
|
<label>Label</label>
|
|
<input id="ModifyNav-Modal-3Label" class="form-control bg-dark mb-2" placeholder="Guilds" data-parent="2" data-setting="Label">
|
|
|
|
<label>Link</label>
|
|
<input id="ModifyNav-Modal-3Link" class="form-control bg-dark mb-2" placeholder="https://polytoria.com/guilds/" data-parent="2" data-setting="Link">
|
|
</div>
|
|
</div>
|
|
<div class="card mb-2">
|
|
<div class="card-header">#4 Navbar Item</div>
|
|
<div class="card-body">
|
|
<label>Label</label>
|
|
<input id="ModifyNav-Modal-4Label" class="form-control bg-dark mb-2" placeholder="People" data-parent="3" data-setting="Label">
|
|
|
|
<label>Link</label>
|
|
<input id="ModifyNav-Modal-4Link" class="form-control bg-dark mb-2" placeholder="https://polytoria.com/users/" data-parent="3" data-setting="Link">
|
|
</div>
|
|
</div>
|
|
<div class="card mb-2">
|
|
<div class="card-header">#5 Navbar Item</div>
|
|
<div class="card-body">
|
|
<label>Label</label>
|
|
<input id="ModifyNav-Modal-5Label" class="form-control bg-dark mb-2" placeholder="Forum" data-parent="4" data-setting="Label">
|
|
|
|
<label>Link</label>
|
|
<input id="ModifyNav-Modal-5Link" class="form-control bg-dark mb-2" placeholder="https://polytoria.com/forum" data-parent="4" data-setting="Link">
|
|
</div>
|
|
</div>
|
|
|
|
<button id="ModifyNav-Modal-Save" class="btn btn-success" data-setting="[save]">Save</button>
|
|
<button id="ModifyNav-Modal-Save" class="btn btn-secondary" data-setting="[cancel]">Cancel</button>
|
|
</div>
|
|
</dialog>
|
|
<div id="page">
|
|
<h2>Poly+ Settings</h2>
|
|
<p class="setting-container">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Pinned Games
|
|
<button class="btn btn-sm toggle-btn" data-setting="PinnedGamesOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Pin your favorite places to the top of the homepage! (limit: 5 places)</span>
|
|
</p>
|
|
<p class="setting-container" id="ForumMentions">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Forum Mentions
|
|
<button class="btn btn-sm toggle-btn" data-setting="ForumMentsOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Get a quick link to the popular person everyone is talking about's profile!</span>
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* Forum Mentions do not notify the user.</span>
|
|
</p>
|
|
<p class="setting-container" id="BestFriends">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Best Friends
|
|
<button class="btn btn-sm toggle-btn" data-setting="BestFriendsOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Prioritize the bestest of friends on applicable friend lists! (limit: 7 best friends)</span>
|
|
</p>
|
|
<p class="setting-container" id="ImprovedFriendLists">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Improved Friend Lists
|
|
<button class="btn btn-sm toggle-btn" data-setting="ImprovedFrListsOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">
|
|
Accept or decline all friend requests with the click of a button or multi-remove existing friends!
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* You can only remove up to 25 friends at once.</span>
|
|
</span>
|
|
</p>
|
|
<p class="setting-container" id="IRLPriceWithCurrency">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Show IRL price with Brick Count
|
|
<button class="btn btn-sm toggle-btn" data-setting="IRLPriceWithCurrencyOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc mb-4">
|
|
See the real life currency value along with Bricks across the site!
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* Currencies were calculated on [DATE].</span>
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* Currencies other than USD are purely approximations.</span>
|
|
</span>
|
|
<select id="IRLPriceWithCurrencyCurrency" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="IRLPriceWithCurrencyCurrency">
|
|
<option value="USD" selected>United States Dollar (USD)</option>
|
|
<option value="EUR">Euro (EUR)</option>
|
|
<option value="CAD">Canadian Dollar (CAD)</option>
|
|
<option value="GBP">Great British Pound (GBP)</option>
|
|
<option value="MXN">Mexican Peso (MXN)</option>
|
|
<option value="AUD">Australian Dollar (AUD)</option>
|
|
<option value="TRY">Turkish Lira (TRY)</option>
|
|
<option value="BRL">Brazilian Real (BRL)</option>
|
|
</select>
|
|
<!--
|
|
<select id="IRLPriceWithCurrencyPackage" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="IRLPriceWithCurrencyPackage">
|
|
<option value="0" selected>$0.99 Brick Package</option>
|
|
<option value="1">$4.99 Brick Package</option>
|
|
<option value="2">$9.99 Brick Package</option>
|
|
<option value="3">$24.99 Brick Package</option>
|
|
<option value="4">$49.99 Brick Package</option>
|
|
<option value="5">$99.99 Brick Package</option>
|
|
</select>
|
|
-->
|
|
</p>
|
|
<p class="setting-container" id="HideNotifBadges">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Hide Notification Badges
|
|
<button class="btn btn-sm toggle-btn" data-setting="HideNotifBadgesOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Hide the annoying red circles on the sidebar!</span>
|
|
</p>
|
|
<p class="setting-container" id="StoreOwnTag">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Show "OWNED" Tag on Store Main Page
|
|
<button class="btn btn-sm toggle-btn" data-setting="StoreOwnTagOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Quickly see if you own the item at a glance with a little tag in the top left corner of item cards on the main store page!</span>
|
|
</p>
|
|
<p class="setting-container" id="ThemeCreator">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Theme Creator
|
|
<button class="btn btn-sm toggle-btn" data-setting="ThemeCreatorOn">Toggle</button>
|
|
<button id="ThemeCreator-Options" class="btn btn-primary btn-sm" data-modal="ThemeCreator">Options</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Unleash your creativity and customize the Polytoria website to your liking! (this feature is still in development)</span>
|
|
</p>
|
|
<p class="setting-container" id="MoreSearchFilters">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
More Search Filters
|
|
<button class="btn btn-sm toggle-btn" data-setting="MoreSearchFiltersOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Easily find what you're looking for with more search filters side-wide! (this does not affect the main site search on the navbar)</span>
|
|
</p>
|
|
<p class="setting-container" id="ApplyMembershipTheme">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Apply Membership Theme for <b>Free</b>
|
|
<button class="btn btn-sm toggle-btn" data-setting="ApplyMembershipThemeOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Ever want the fancy membership themes for completely <b>free</b>? Well now you can get apply them site-wide!</span>
|
|
<select id="ApplyMembershipThemeTheme" class="form-select form-select-sm mb-2" style="width:350px;" data-setting="ApplyMembershipThemeTheme">
|
|
<option value="Plus" selected>Plus</option>
|
|
<option value="PlusDX">Plus Deluxe</option>
|
|
</select>
|
|
</p>
|
|
<p class="setting-container" id="MultiCancelOutTrades">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Multi-Cancel Outbound Trades
|
|
<button class="btn btn-sm toggle-btn" data-setting="MultiCancelOutTradesOns">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">
|
|
Quickly cancel several out-bound trades (trades that you have sent) all at once
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* You can only cancel up to 10 trades at once.</span>
|
|
</span>
|
|
</p>
|
|
<p class="setting-container" id="ModifyNav">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Modify Navbar
|
|
<button class="btn btn-sm toggle-btn" data-setting="ModifyNavOn">Toggle</button>
|
|
<button id="ModifyNav-Options" class="btn btn-primary btn-sm" data-modal="ModifyNav">Options</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">
|
|
Customize the navbar to your liking!
|
|
</span>
|
|
</p>
|
|
<p class="setting-container" id="ItemWishlist">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Item Wishlist
|
|
<button class="btn btn-sm toggle-btn" data-setting="ItemWishlistOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">
|
|
Wishlist that item that you REALLY want!
|
|
</span>
|
|
</p>
|
|
<p class="setting-container" id="HideUpgradeBtn">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Hide Upgrade Button
|
|
<button class="btn btn-sm toggle-btn" data-setting="HideUpgradeBtnOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Hide the ugly blue "Upgrade" button on the sidebar!</span>
|
|
</p>
|
|
<p class="setting-container" id="OutfitCost">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Show Outfit Cost on Profiles
|
|
<button class="btn btn-sm toggle-btn" data-setting="OutfitCostOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Quickly see how many bricks a user spent on their avatar!</span>
|
|
</p>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h3>EXPERIMENTAL SETTINGS</h3>
|
|
<p>These features are a work in progress.</p>
|
|
<hr>
|
|
<!--
|
|
<p class="setting-container" id="GameProfiles">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Game Profiles
|
|
<button class="btn btn-sm toggle-btn" data-setting="GameProfilesOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Traverse a place view page that matches a place's color palette!</span>
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* Place creators must request a game profile for one to be made.</span>
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* This feature will be expanded upon in the future.</span>
|
|
</p>
|
|
-->
|
|
<p class="setting-container" id="InlineEditing">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Inline Editing
|
|
<button class="btn btn-sm toggle-btn" data-setting="InlineEditingOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">Quickly edit your asset's details such as name and description on the same page as viewing the asset!</span>
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* This feature currently only supports places.</span>
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* This feature is not finished or polished.</span>
|
|
</p>
|
|
<p class="setting-container" id="ForumUnixStamps">
|
|
<span class="indicator"> </span>
|
|
<span class="title">
|
|
Forum Unix Timestamps
|
|
<button class="btn btn-sm toggle-btn" data-setting="ForumUnixStampsOn">Toggle</button>
|
|
</span>
|
|
<br>
|
|
<span class="desc">See a date and time that is adjusted to everyone (who is using Poly+)'s local time</span>
|
|
<br>
|
|
<span style="font-size: 0.8rem; color: orange;">* The styling for this feature is not yet done.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="btn-group w-100">
|
|
<button id="Save" class="btn btn-primary w-50" disabled="true">Save</button>
|
|
<button id="ResetDefaults" class="btn btn-warning w-50">Reset to Default Settings</button>
|
|
</div>
|
|
<p class="text-center text-muted mt-2" style="font-size: 0.8rem;">made by Index</p>
|
|
</div>
|
|
<script src="settings.js"></script>
|
|
</body>
|
|
</html>
|