Start9/start9.com
2
0
Fork 0
mirror of https://github.com/Start9Labs/start9.com.git synced 2026-03-30 12:11:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

make banner clickable

Browse Source
This commit is contained in:
Lucy Cifferello
2022-11-10 08:13:10 -07:00
parent 63f923119b
commit d97e7124be
2 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/_includes/components/banner.njk
View File

@@ -1,9 +1,14 @@
{% if site.banner %} {% if site.banner %}
<section id="banner" style="display: none"> <section id="banner" style="display: none">
<div class="banner__content"> <div class="link-container">
<p> <a class="overlay" target="_blank" rel="noopener noreferrer" href="{{ site.products.pro }}">
<a href="/embassy-pro">Embassy Pro</a> presale ends Nov 20, 11:00pm ET. Price will rise from $1,499 to $1,899. <a target="_blank" rel="noopener noreferrer" href="{{ site.products.pro }}">Get yours</a>! <div class="banner__content">
</p> <p class="inner">
<a href="/embassy-pro">Embassy Pro</a> presale ends Nov 20, 11:00pm ET. Price will rise from $1,499 to $1,899.
</p>
</div>
<span class="link-spanner"></span>
</a>
</div> </div>
</section> </section>
{% endif %} {% endif %}

27
src/assets/styles/main.scss
View File

@@ -286,6 +286,33 @@ section#banner {
top: 0; top: 0;
height: $banner-height; height: $banner-height;
a {
cursor: pointer;
}
.link-container {
position: relative;
}
.link-container .overlay {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.link-container .inner {
position: relative;
pointer-events: none;
z-index: 1;
}
.link-container .inner a {
pointer-events: all;
position: relative;
}
.banner__content { .banner__content {
display: flex; display: flex;
align-items: center; align-items: center;