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. */
|
/* Class which is applied when the spinner image is spinning. */
|
||||||
.rotating {
|
.rotating {
|
||||||
animation: rotating 2s linear infinite;
|
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.
|
// Bind avatar overlay button.
|
||||||
document.getElementById('avatarOverlay').onclick = (e) => {
|
document.getElementById('avatarOverlay').onclick = (e) => {
|
||||||
prepareSettings()
|
prepareSettings()
|
||||||
|
@ -6,6 +6,14 @@
|
|||||||
<div id="updateAvailableTooltip">Update Available</div>
|
<div id="updateAvailableTooltip">Update Available</div>
|
||||||
</div>
|
</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 id="content">
|
||||||
</div>
|
</div>
|
||||||
<div id="right">
|
<div id="right">
|
||||||
|
Loading…
Reference in New Issue
Block a user