From 73f946a3a222a7424f0a28d0896adbbd4119fa8b Mon Sep 17 00:00:00 2001 From: Aron Molnar <aron@syslifters.com> Date: Mon, 25 Nov 2024 06:39:40 +0000 Subject: [PATCH] Black friday --- docs/docs/features-and-pricing.md | 2 +- docs/docs/index.md | 41 ++++++++++++++++++++++++++++- docs/overrides/partials/header.html | 17 +++++++++++- 3 files changed, 57 insertions(+), 3 deletions(-) diff --git a/docs/docs/features-and-pricing.md b/docs/docs/features-and-pricing.md index bdebf3d8d..4dcfec1e4 100755 --- a/docs/docs/features-and-pricing.md +++ b/docs/docs/features-and-pricing.md @@ -2,7 +2,7 @@ | | Community | :heart: Professional | | --------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| __Pricing (user/month)__ | Free | € 50 | +| __Pricing (user/month)__ | Free | ~~€ 50~~ <br>€ 35 Black Friday Deal | | __Deployment__ | Self-Hosted | Self-Hosted or Cloud | | [__Permissions__](users/user-permissions.md){ target=_blank } | Superusers only | Role-based | | __Easy as__ | <img src="/assets/emojis/pie.svg" width="40" alt="It's a pie. Because Pentest reports are as easy as pie." /> | <img src="/assets/emojis/pie.svg" width="40" alt="It's a pie. Because Pentest reports are as easy as pie." /> | diff --git a/docs/docs/index.md b/docs/docs/index.md index 8daddcc50..b3af2669d 100755 --- a/docs/docs/index.md +++ b/docs/docs/index.md @@ -1,6 +1,45 @@ --- title: SysReptor Pentest Report Creator --- + +<div style="background-color: black; color: white; text-align: center; padding: 1em; margin-bottom:5em;"> + <div style="display: flex; justify-content: space-between;"> + <div style="flex: 1; padding: 1em; "> + <h1 style="color: white; font-weight: bold; font-size: 3em">BLACK<br>FRIDAY<br>-30%</h1> + + <a class="black-friday-button" style="text-align:center;" href="https://cloud.sysreptor.com/order/" target="_blank">Order Now</a> + <p id="countdown" style="font-size: 1em; font-weight: bold;"></p> + <script> + function updateCountdown() { + const targetDate = new Date('December 2, 2024 23:59:59 GMT'); + const now = new Date(); + const difference = targetDate - now; + + const days = Math.max(0, Math.floor(difference / (1000 * 60 * 60 * 24))+1); + document.getElementById('countdown').innerHTML = `${days} ${days > 1 ? 'days' : 'day'} to go`; + } + updateCountdown(); + </script> + </div> + <div style="flex: 1; padding: 1em;"> + <img + style="display: block; + margin-left: auto; + margin-right: auto; + margin-bottom: -7.3em; + width: 18em;" + src="/assets/dino/eating_cake.svg" + viewBox="0 0 400 400" + height="400" + width="260" + alt="It's a pie. Because Pentest reports are as easy as pie."> + </img> + </div> + </div> +</div> + + +<!-- <h1 style="text-align: center;font-weight:bold;">Pentest Reports<br>Easy As Pie.</h1> <div style="overflow: hidden;"> @@ -16,7 +55,7 @@ title: SysReptor Pentest Report Creator width="130" alt="It's a pie. Because Pentest reports are as easy as pie."> </img> -</div> +</div>--> <div class="grid cards" style="text-align: center; margin-top: 0;" markdown> diff --git a/docs/overrides/partials/header.html b/docs/overrides/partials/header.html index 42e8c6298..e1abbea11 100644 --- a/docs/overrides/partials/header.html +++ b/docs/overrides/partials/header.html @@ -23,12 +23,27 @@ .demo-button:hover { background-color: var(--md-accent-fg-color); } + .black-friday-button { + border-radius: 0.1rem; + background-color: #646464; + color: white !important; + cursor: pointer; + display: inline-block; + font-weight: 600; + font-size: medium; + padding: 0.4em 1.5em; + transition: color 1250ms, background-color; + margin-top: 2em; + } + .black-friday-button:hover { + background-color: #FF7300; + } .md-header { top: 0px; /* This setting prevents the Material header from imposing into the space of the banner! */ } </style> -<header class="{{ class }}" data-md-component="header"> +<header class="{{ class }}" data-md-component="header" style="background-color: black;"> <nav class="md-header__inner md-grid" aria-label="{{ lang.t('header') }}"> <a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}"