Add CE label for signed-out header and footer

This commit is contained in:
Taras Kushnir
2025-10-09 12:35:51 +03:00
parent 6064339634
commit f9ef1893cf
4 changed files with 23 additions and 9 deletions

View File

@@ -3,20 +3,20 @@
<div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
<div class="text-center xl:flex xl:items-center xl:justify-between xl:text-left">
<div class="xl:flex xl:items-center xl:justify-start">
<p class="w-auto mx-auto mt-5 text-sm text-gray-900 xl:mt-0">© Copyright {{.Ctx.CurrentYear}} Private Captcha</p>
<p class="w-auto mx-auto mt-5 text-sm text-pcgray-900 xl:mt-0">© Copyright {{.Ctx.CurrentYear}} Private Captcha {{if not $.Platform.Enterprise}}<span class="text-pcgray-500">(Community Edition)</span>{{end}}</p>
</div>
<div class="items-center mt-8 xl:mt-0 xl:flex xl:justify-end xl:space-x-8">
<ul class="flex flex-wrap items-center justify-center gap-x-8 gap-y-3 xl:justify-end">
<li>
<a href="https://privatecaptcha.com/about/" title="" class="text-sm text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> About </a>
<a href="https://privatecaptcha.com/about/" title="" class="text-sm text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> About </a>
</li>
<li>
<a href="https://privatecaptcha.com/legal/privacy-end-user/" target="_blank" title="" class="text-sm text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Privacy Policy </a>
<a href="https://privatecaptcha.com/legal/privacy-end-user/" target="_blank" title="" class="text-sm text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Privacy Policy </a>
</li>
<li>
<a href="https://privatecaptcha.com/legal/terms-and-conditions/" target="_blank" title="" class="text-sm text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Terms & Conditions </a>
<a href="https://privatecaptcha.com/legal/terms-and-conditions/" target="_blank" title="" class="text-sm text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80"> Terms & Conditions </a>
</li>
</ul>
@@ -24,7 +24,7 @@
<ul class="flex items-center justify-center space-x-8 xl:justify-end">
<li>
<a href="https://github.com/PrivateCaptcha/PrivateCaptcha" title="" class="block text-gray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80" target="_blank">
<a href="https://github.com/PrivateCaptcha/PrivateCaptcha" title="" class="block text-pcgray-900 transition-all duration-200 hover:text-opacity-80 focus:text-opacity-80" target="_blank">
<svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path
fill-rule="evenodd"

View File

@@ -8,7 +8,7 @@
<div class="flex items-center">
<div class="flex-shrink-0 relative">
<img class="h-8 w-auto" src="{{$.Ctx.CDN}}/portal/img/pc-logo-light.svg" alt="Private Captcha">
{{if not $.Platform.Enterprise}}<div class="absolute -top-2 -right-4 text-xs font-semibold py-0.5 px-1 bg-pcteal-700 rounded-sm text-white">CE</div>{{end}}
{{if not $.Platform.Enterprise}}<div class="absolute -top-2 -right-4 text-xs py-0.25 px-0.5 border border-gray-300 rounded-sm text-gray-300">CE</div>{{end}}
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">

View File

@@ -2,9 +2,10 @@
<header x-data="{open: false}" class="bg-pcpalegreen">
<nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
<div class="flex lg:flex-1">
<a href="https://privatecaptcha.com/" class="-m-1.5 p-1.5">
<a href="https://privatecaptcha.com/" class="-m-1.5 p-1.5 relative">
<span class="sr-only">Private Captcha</span>
<img class="h-10 w-auto logo-dark" src="{{$.Ctx.CDN}}/portal/img/pc-logo-dark.svg" alt="Private Captcha">
{{if not $.Platform.Enterprise}}<div class="absolute top-0 -right-3 text-xs py-0.25 px-0.5 border border-pcgray-600 rounded-sm text-pcgray-600">CE</div>{{end}}
</a>
</div>
<div class="flex lg:hidden">
@@ -16,8 +17,8 @@
</button>
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a href="https://docs.privatecaptcha.com" class="font-medium font-semibold leading-6 text-gray-900">Documentation</a>
<a href="https://privatecaptcha.com/faq" class="font-medium font-semibold leading-6 text-gray-900">FAQ</a>
<a href="https://docs.privatecaptcha.com" class="font-medium font-semibold leading-6 text-pcgray-900">Documentation</a>
<a href="https://privatecaptcha.com/faq" class="font-medium font-semibold leading-6 text-pcgray-900">FAQ</a>
</div>
</nav>
<!-- Mobile menu, show/hide based on menu open state. -->

View File

@@ -56,6 +56,19 @@ module.exports = {
900: "#2B0303",
950: "#130101"
},
"pcgray": {
50: "#F1F0F1",
100: "#E4E2E2",
200: "#CAC5C6",
300: "#B3ACAE",
400: "#9B9193",
500: "#82777A",
600: "#685E61",
700: "#51494B",
800: "#393335",
900: "#231F20",
950: "#151313"
},
'pcpalegreen': '#EFF1EF',
},
},