[website] changed the tidelift link to be more prominent + on docs pages

This commit is contained in:
Reinier Zwitserloot committed 2019-05-22 01:04:22 +02:00
1 parent 4af6e42b3b
commit 6ea37c90a6
6 files changed
+50 -24

No files matched your search

+45 -20
View File
@@ -1,8 +1,49 @@
.importantNotification {
background-color: #FFEBCD;
border-radius: 20px;
padding: 10px;
margin: 10px;
background-color: #FFEBCD;
border-radius: 20px;
padding: 10px;
margin: 10px;
}
.tidelift-link-inline {
border-radius: 18px;
background-color: #626980;
background-color: #626980;
background-image: url('/img/tidelift-mark.png');
background-repeat: no-repeat;
background-position: 6px;
background-size: 12px;
padding: 2px 8px 2px 26px;
color: #FFF;
}
.tidelift-link {
border-bottom-left-radius: 18px;
border-top-left-radius: 18px;
background-color: #626980;
box-sizing: border-box;
color: #FFF;
display: flex;
top: 46px;
right: 0px;
position: absolute;
background-image: url('/img/tidelift-mark.png');
background-repeat: no-repeat;
background-position: 10px;
background-size: 12px;
padding: 6px 12px 6px 28px;
}
.tidelift-link:hover, .tidelift-link-inline:hover {
color: white;
}
#tideliftlink {
margin-left: 2px;
padding: 4px 6px 4px 20px;
background-color: #4b5168;
border-radius: 5px;
color: white;
}
#clickForVideo {
@@ -14,22 +55,6 @@
margin-bottom: 40px;
}
.tidelift-para {
margin-top: 10px;
}
#tideliftlink {
margin-left: 2px;
padding: 4px 6px 4px 20px;
background-image: url('/img/tidelift-mark.png');
background-repeat: no-repeat;
background-position: 4px;
background-size: 12px;
background-color: #4b5168;
border-radius: 5px;
color: white;
}
pre {
text-align: left;
}
@@ -65,6 +65,7 @@
<#macro scaffold title logline load=[]>
<@main.scaffold load title>
<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=docs">Get Professionally Supported Lombok</a>
<div class="page-header top5" id="featureContent">
<div class="row text-center">
<div class="header-group">
@@ -2,6 +2,7 @@
<#import "../_features.html" as f>
<@main.scaffold title="Experimental">
<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=docs">Get Professionally Supported Lombok</a>
<div class="page-header top5">
<div class="row text-center">
<@main.h1 title="Lombok experimental features" />
+1
View File
@@ -1,6 +1,7 @@
<#import "../_scaffold.html" as main>
<@main.scaffold title="Stable">
<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=docs">Get Professionally Supported Lombok</a>
<div class="page-header top5">
<div class="row text-center">
<@main.h1 title="Lombok features" />
+1 -3
View File
@@ -1,5 +1,6 @@
<#import "/_scaffold.html" as main>
<@main.scaffold load=["/js/supporters.js"]>
<a class="tidelift-link" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=homepage">Get Professionally Supported Lombok</a>
<div class="page-header top5">
<div class="row text-center">
<@main.h1 title="Project Lombok" />
@@ -33,8 +34,5 @@
<h2 class="introText" hidden="hidden">Project Lombok is <a href="/supporters">powered by</a>:</h2>
<div class="supporterFooter" hidden="hidden"><a class="buttonLike" href="/order-license-info">I want to support Project Lombok too!</a></div>
</div>
<div class="row text-center tidelift-para">
Looking for professional support of Project Lombok? Lombok is now part of a <a id="tideliftlink" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=website">Tidelift subscription</a>
</div>
</div>
</@main.scaffold>
+1 -1
View File
@@ -9,7 +9,7 @@
<p>
Tidelift offers professional support of open source tools. When you have a Tidelift subscription, they will help you inventory all the various open source tools and libraries you use, give one central location to check compliance, and a single channel for release notes and security advisories. The bulk of the tidelift subscription fee is redistributed to major open source projects, and Project Lombok is one of those 'lifted' projects. Therefore, your Tidelift subscription helps maintain Project Lombok!
</p><p>
We recommend a <a id="tideliftlink" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=website">Tidelift subscription</a> to any corporation that uses Project Lombok.
We recommend a <a class="tidelift-link-inline" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=orderdonate">Tidelift subscription</a> to any corporation that uses Project Lombok.
</div>
<div class="row text-center">
<h2>Order a professional or enterprise license</h2>