vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-12 15:09:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make full PM Plug clickable

Browse source
This commit is contained in:
davegson 2021-04-22 17:45:33 +02:00
parent 734f376185
commit 3e2a7f254f
2 changed files with 18 additions and 13 deletions

26
_includes/portmaster_plug.html
View file

@ -1,15 +1,15 @@
<div class="w-full" style="height: 260px;">
<img class="hidden lg:block absolute" style="margin-top: 11rem; margin-left: 50rem; z-index: 1;" src="/assets/img/shapes/circle-md-2.png" alt="">
<div class="absolute mx-auto right-0 left-0 rounded-md flex items-center overflow-hidden" style="background-color: #647cbf; max-width: 950px; height: inherit;">
<img class="absolute right-0 bottom-0 hidden lg:block max-w-5xl lg:max-w-full" style="margin-right: -28.8rem; margin-bottom: -14.1rem;" src="{{ site.img_url }}page-specific/portmaster/full-interface.png" alt="">
<div class="text-center mx-auto lg:text-left lg:ml-20">
<span class="text-white font-bold block lg:max-w-sm" style="font-size: 2.8rem; line-height: 41px;">Discover the Portmaster</span>
<span class="text-white text-md block mt-3 opacity-75">Open Source. Free Forever.</span>
<a href="{{ site.portmaster_url }}" style="opacity: 1;">
<button type="button" style="background-color: #ffff; color: #647cbf; margin-left: -8px;" class="mt-3 transform scale-95 hover:scale-90 lg:inline-flex px-8 py-2 border border-transparent text-sm md:text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
Take Back Control
</button>
</a>
<a href="{{ site.portmaster_url }}" style="opacity: 1;" id="portmaster-plug">
<div class="w-full" style="height: 260px;">
<img class="hidden lg:block absolute" style="margin-top: 11rem; margin-left: 54.5rem; z-index: 1;" src="/assets/img/shapes/circle-md-2.png" alt="">
<div class="absolute mx-auto right-0 left-0 rounded-md flex items-center overflow-hidden" style="background-color: #647cbf; max-width: 950px; height: inherit;">
<img class="absolute right-0 bottom-0 hidden lg:block max-w-5xl lg:max-w-full" style="margin-right: -28.8rem; margin-bottom: -14.1rem;" src="{{ site.img_url }}page-specific/portmaster/full-interface.png" alt="">
<div class="text-center mx-auto lg:text-left lg:ml-20">
<span class="text-white font-bold block lg:max-w-sm" style="font-size: 2.8rem; line-height: 41px;">Discover the Portmaster</span>
<span class="text-white text-md block mt-3 opacity-75">Open Source. Free Forever.</span>
<button type="button" style="background-color: #ffff; color: #647cbf; margin-left: -8px;" class="mt-3 transform scale-95 hover:scale-90 lg:inline-flex px-8 py-2 border border-transparent text-sm md:text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
Take Back Control
</button>
</div>
</div>
</div>
</div>
</a>

5
_sass/_global.scss
View file

@ -475,6 +475,11 @@ input:checked {
}
}
#portmaster-plug:hover button {
--transform-scale-x: 1.04;
--transform-scale-y: 1.04;
}
/*
Grabs External Links only: