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:
parent
d9dc4cef19
commit
540021a82a
@ -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;
|
||||
}
|
1
app/assets/images/icons/cube.svg
Normal file
1
app/assets/images/icons/cube.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 5.1 KiB |
@ -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()
|
||||
|
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user