A Wild BisectHosting has appeared.

Added BH Logo, and Mouse hover ability - When clicking on the BH logo a menu pops up with info aswell as prompting open a web page for BH. Also kicks in with Discord RPC updating the status.
This commit is contained in:
Peter 2021-07-17 23:46:28 +01:00
parent d9dc4cef19
commit 540021a82a
4 changed files with 78 additions and 0 deletions

View File

@ -3988,4 +3988,45 @@ input:checked + .toggleSwitchSlider:before {
/* Class which is applied when the spinner image is spinning. */
.rotating {
animation: rotating 2s linear infinite;
}
/* BisectHosting Affiliate Stuff */
#image_bh_container {
position: relative;
height: 70px;
width: 70px;
margin-top: 50px;
}
#image_bh {
height: 70px;
width: auto;
position: relative;
box-sizing: border-box;
margin-left: -45px;
cursor: pointer;
}
#bhTooltip {
cursor: pointer;
visibility: hidden;
opacity: 0;
width: 100px;
height: 15px;
background-color: rgb(0, 0, 0);
color: #fff;
text-align: center;
border-radius: 4px;
padding: 2px;
position: absolute;
z-index: 1;
top: 115%;
left: -60.5px;
font-family: 'Avenir Medium';
font-size: 12px;
transition: visibility 0s linear 0.25s, opacity 0.25s ease;
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.1 KiB

View File

@ -174,6 +174,34 @@ document.getElementById('refreshMediaButton').onclick = (e) => {
})
}
// me trying to implemented bh button
// i will figure this out later.
document.getElementById('bhButton').onclick = (e) => {
let ele = document.getElementById('bhButton')
ele.setAttribute('inprogress', '')
if(hasRPC){
DiscordWrapper.updateDetails('Browsing BisectHosting')
DiscordWrapper.clearState()
}
setOverlayContent(
'BisectHosting!',
'Vicarious Network and all its subsequent modpacks are all sponsored and partnered by Bisect Hosting! <br><br>Please consider checking them out and using code <u><b><span style="color:03DDFF; text-decoration: underline; text-decoration-color:03DDFF;">VICARIOUSNETWORK</b></u></span> for 25% off at checkout! <br><br> All VicariousNetwork modpacks are available to one-click install through BisectHosting! <br><i>(We have opened a page for you to browse their servers & pricing)</i>',
'Great! Thank you.',
'Join our Discord',
)
shell.openExternal('https://vcnet.work/bh')
setOverlayHandler(() => {
toggleOverlay(false)
})
setDismissHandler(() => {
shell.openExternal('https://vcnet.work/discord')
})
toggleOverlay(true, true)
}
// Bind avatar overlay button.
document.getElementById('avatarOverlay').onclick = (e) => {
prepareSettings()

View File

@ -6,6 +6,14 @@
<div id="updateAvailableTooltip">Update Available</div>
</div>
</div>
<div id="left">
<div id="image_bh_container">
<button class="mediaButton" id="bhButton">
<img id="image_bh" src="assets/images/icons/cube.svg"/>
</button>
<div id="bhTooltip">BisectHosting</div>
</div>
</div>
<div id="content">
</div>
<div id="right">