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

Move portmaster plug to its own file

Browse source
This commit is contained in:
davegson 2021-04-22 17:42:49 +02:00
parent 3685115bcd
commit 734f376185
2 changed files with 16 additions and 15 deletions

15
_includes/portmaster_plug.html Normal file
View file

@ -0,0 +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>
</div>
</div>
</div>

16
_layouts/blog.html
View file

@ -37,21 +37,7 @@ layout: page_container
<hr>
{% if page.portmaster_plug == true %}
<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>
</div>
</div>
</div>
{% include portmaster_plug.html %}
{% endif %}
{% include next_previous_item.html %}