diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css index b1f27c73..b64e191f 100644 --- a/app/assets/css/launcher.css +++ b/app/assets/css/launcher.css @@ -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; } \ No newline at end of file diff --git a/app/assets/images/icons/cube.svg b/app/assets/images/icons/cube.svg new file mode 100644 index 00000000..7d6181c8 --- /dev/null +++ b/app/assets/images/icons/cube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/js/scripts/landing.js b/app/assets/js/scripts/landing.js index 3a16ddd6..b0cc2c3e 100644 --- a/app/assets/js/scripts/landing.js +++ b/app/assets/js/scripts/landing.js @@ -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!

Please consider checking them out and using code VICARIOUSNETWORK for 25% off at checkout!

All VicariousNetwork modpacks are available to one-click install through BisectHosting!
(We have opened a page for you to browse their servers & pricing)', + '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() diff --git a/app/landing.ejs b/app/landing.ejs index ba00a3f3..06d3219b 100644 --- a/app/landing.ejs +++ b/app/landing.ejs @@ -6,6 +6,14 @@
Update Available
+
+
+ +
BisectHosting
+
+