Elgato_dark/bunkerweb
1
0
Fork 0
mirror of https://github.com/bunkerity/bunkerweb synced 2026-05-24 09:28:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix banner color for docs and edit default banner text for ui

Browse source
This commit is contained in:
florian 2024-03-12 10:07:22 +01:00
parent 9d35aed6a7
commit 8bf125a4d2
No known key found for this signature in database
GPG key ID: 93EE47CC3D061500
2 changed files with 42 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/overrides/main.html
View file

@ -58,7 +58,7 @@
function setBannerStyle() {
const bannerItem = bannerEl.querySelector('.md-banner__inner');
bannerEl.style.backgroundColor = "#36ce7a";
bannerEl.style.backgroundColor = "#2eac68";
bannerItem.style.textAlign = "center";
bannerItem.style.transition = "all 0.5s ease-out";
}

79
src/ui/templates/banner.html vendored
View file

@ -1,38 +1,41 @@
<div id="banner"
tabindex="-1"
role="list"
class="relative flex justify-center gap-8 px-4 w-full h-[4rem] z-100 overflow-hidden">
<!-- background-->
<div class="absolute left-0 h-[3.5rem] w-full bg-secondary dark:brightness-95"></div>
<!--end background-->
<div role="listitem"
aria-hidden="false"
data-id="0"
class="h-[3.5rem] overflow-hidden flex justify-center items-center w-full left-0 transition-all duration-700 absolute px-1 md:px-4 py-1 bg-secondary dark:brightness-95">
<p class="dark:brightness-125 mb-0 text-center text-xs xs:text-sm text-white">
Need premium support ?
<a class="dark:brightness-125 font-medium underline text-gray-100 dark:text-gray-50 hover:no-underline"
href="https://panel.bunkerweb.io/?utm_campaign=self&utm_source=ui">Check BunkerWeb Panel</a>
</p>
</div>
<div role="listitem"
aria-hidden="true"
data-id="1"
class="h-[3.5rem] overflow-hidden left-full flex justify-center items-center w-full transition-all duration-700 absolute px-1 md:px-4 py-1 bg-secondary dark:brightness-95">
<p class="dark:brightness-125 mb-0 text-center text-xs xs:text-sm text-white">
Try BunkerWeb on our
<a class="dark:brightness-125 font-medium underline text-gray-100 dark:text-gray-50 hover:no-underline"
href="https://demo.bunkerweb.io/link/?utm_campaign=self&utm_source=ui">demo web app !</a>
</p>
</div>
<div role="listitem"
aria-hidden="true"
data-id="2"
class="h-[3.5rem] overflow-hidden left-full flex justify-center items-center w-full transition-all duration-700 absolute px-1 md:px-4 py-1 bg-secondary dark:brightness-95">
<p class="dark:brightness-125 mb-0 text-center text-xs xs:text-sm text-white">
All informations about BunkerWeb on our
<a class="dark:brightness-125 font-medium underline text-gray-100 dark:text-gray-50 hover:no-underline"
href="https://www.bunkerweb.io/?utm_campaign=self&utm_source=ui">website !</a>
</p>
</div>
</div>
<div id="banner"
tabindex="-1"
role="list"
class="relative flex justify-center gap-8 px-4 w-full h-[4rem] z-100 overflow-hidden">
<!-- background-->
<div class="absolute left-0 h-[3.5rem] w-full bg-secondary dark:brightness-95"></div>
<!--end background-->
<div role="listitem"
aria-hidden="false"
data-id="0"
class="h-[3.5rem] overflow-hidden flex justify-center items-center w-full left-0 transition-all duration-700 absolute px-1 md:px-4 py-1 bg-secondary dark:brightness-95">
<p class="dark:brightness-125 mb-0 text-center text-xs xs:text-sm text-white">
Get the most of BunkerWeb by upgrading to the PRO version. More info and free trial
<a class="dark:brightness-125 font-medium underline text-gray-100 dark:text-gray-50 hover:no-underline"
href="https://panel.bunkerweb.io/?utm_campaign=self&utm_source=banner#pro">here</a>.
</p>
</div>
<div role="listitem"
aria-hidden="true"
data-id="1"
class="h-[3.5rem] overflow-hidden left-full flex justify-center items-center w-full transition-all duration-700 absolute px-1 md:px-4 py-1 bg-secondary dark:brightness-95">
<p class="dark:brightness-125 mb-0 text-center text-xs xs:text-sm text-white">
Need premium support or tailored consulting around BunkerWeb ? Check out our
<a class="dark:brightness-125 font-medium underline text-gray-100 dark:text-gray-50 hover:no-underline"
href="https://panel.bunkerweb.io/?utm_campaign=self&utm_source=banner#services">professional services</a>.
</p>
</div>
<div role="listitem"
aria-hidden="true"
data-id="2"
class="h-[3.5rem] overflow-hidden left-full flex justify-center items-center w-full transition-all duration-700 absolute px-1 md:px-4 py-1 bg-secondary dark:brightness-95">
<p class="dark:brightness-125 mb-0 text-center text-xs xs:text-sm text-white">
Be part of the Bunker community by joining the
<a class="dark:brightness-125 font-medium underline text-gray-100 dark:text-gray-50 hover:no-underline"
href="https://discord.bunkerweb.io">Discord chat</a>
and following us on
<a class="dark:brightness-125 font-medium underline text-gray-100 dark:text-gray-50 hover:no-underline"
href="https://www.linkedin.com/company/bunkerity/">LinkedIn</a>.
</p>
</div>
</div>