From 3e2a7f254fbad2106bf07a215e317572057aedb6 Mon Sep 17 00:00:00 2001
From: davegson <3080765+davegson@users.noreply.github.com>
Date: Thu, 22 Apr 2021 17:45:33 +0200
Subject: [PATCH] Make full PM Plug clickable
---
_includes/portmaster_plug.html | 26 +++++++++++++-------------
_sass/_global.scss | 5 +++++
2 files changed, 18 insertions(+), 13 deletions(-)
diff --git a/_includes/portmaster_plug.html b/_includes/portmaster_plug.html
index 9a195f1..7da7471 100644
--- a/_includes/portmaster_plug.html
+++ b/_includes/portmaster_plug.html
@@ -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>
diff --git a/_sass/_global.scss b/_sass/_global.scss
index f0e544e..c4d6c48 100644
--- a/_sass/_global.scss
+++ b/_sass/_global.scss
@@ -475,6 +475,11 @@ input:checked {
}
}
+#portmaster-plug:hover button {
+ --transform-scale-x: 1.04;
+ --transform-scale-y: 1.04;
+}
+
/*
Grabs External Links only: