[website] tidelift update

website/resources/css/custom.css

@@ -14,7 +14,7 @@
 	background-position: 6px;
 	background-size: 12px;
 	padding: 2px 8px 2px 26px;
-	color: #FFF;
+	color: white;
 }
 
 .tidelift-link {
@@ -22,7 +22,7 @@
 	border-top-left-radius: 18px;
 	background-color: #626980;
 	box-sizing: border-box;
-	color: #FFF;
+	color: white;
 	display: flex;
 	top: 46px;
 	right: 0px;
@@ -59,6 +59,36 @@ pre {
 	text-align: left;
 }
 
+.tideliftb {
+	border-radius: 4px;
+	border: 2px solid #D9230F;
+	font-size: 28px;
+	width: 330px;
+	line-height: 48px;
+	display: inline-block;
+	margin: 16px 0;
+	text-align: center;
+}
+
+.tideliftb1 {
+	background-color: white;
+	float: left;
+	color: #D9230F;
+}
+
+.tideliftb1:hover {
+	color: #D9230F;
+}
+
+.tideliftb2 {
+	background-color: #D9230F;
+	color: #FCFCFC;
+}
+
+.tideliftb2:hover {
+	color: #FCFCFC;
+}
+
 .buttonLike {
 	cursor: pointer;
 	background: -webkit-linear-gradient(top, #FFFEF7, #CFCEC7);
@@ -88,6 +118,10 @@ pre {
 	margin-top: 20px;
 }
 
+.tidelift {
+	font-size: 16px;
+}
+
 .formErr {
 	color: #FF7777;
 }

website/templates/features/_features.html

@@ -65,7 +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>
+		<a class="tidelift-link" href="/tidelift">Get Lombok for Enterprise</a>
 		<div class="page-header top5" id="featureContent">
 			<div class="row text-center">
 				<div class="header-group">

website/templates/features/experimental/index.html

@@ -2,7 +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>
+	<a class="tidelift-link" href="/tidelift">Get Lombok for Enterprise</a>
 	<div class="page-header top5">
 		<div class="row text-center">
 			<@main.h1 title="Lombok experimental features" />

website/templates/features/index.html

@@ -1,7 +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>
+	<a class="tidelift-link" href="/tidelift">Get Lombok for Enterprise</a>
 	<div class="page-header top5">
 		<div class="row text-center">
 			<@main.h1 title="Lombok features" />

website/templates/main.html

@@ -1,6 +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>
+	<a class="tidelift-link" href="/tidelift">Get Lombok for Enterprise</a>
 	<div class="page-header top5">
 		<div class="row text-center">
 			<@main.h1 title="Project Lombok" />

website/templates/tidelift.html

@@ -0,0 +1,34 @@
+<#import "/_scaffold.html" as main>
+
+<@main.scaffold title="Project Lombok for Enterprise">
+	<div class="page-header top5 tidelift">
+		<div class="row text-center">
+			<h2>Available as part of the Tidelift Subscription</h2>
+		</div>
+		<div class="row">
+			<img src="/img/projectlombok-tidelift-mix.png" width="200" height="150" class="pull-right" alt="tidelift+lombok" />
+			<p>
+				Project Lombok and the maintainers of thousands of other packages are working with Tidelift to deliver one enterprise subscription that covers all of the open source you use.
+			</p><p>
+				If you want the flexibility of open source and the confidence of commercial-grade software, this is for you.
+			</p>
+		</div>
+		<div class="row text-center">
+			<a class="tideliftb tideliftb1" href="https://tidelift.com/subscription/pkg/maven-org-projectlombok-lombok?utm_source=lombok&utm_medium=referral&utm_campaign=enterprise">LEARN MORE</a> <a class="tideliftb tideliftb2" href="https://tidelift.com/subscription/request-a-demo?utm_source=lombok&utm_medium=referral&utm_campaign=enterprise">REQUEST A DEMO</a>
+		</div>
+		<div class="row text-center">
+			<h2>The Tidelift Subscription manages your dependencies for you</h2>
+		</div>
+		<div class="row">
+			<p>
+				<ul>
+					<li>Get the tools you need to continuously catalog and understand the open source software that your application depends on.</li>
+					<li>Your subscription helps pay the open source maintainers of the exact packages you use to ensure they meet the standards you require.</li>
+					<li>Address issues proactively, with tools that scan for new security, licensing, and maintenance issues, and alert our participating open source maintainers so they can resolve them on your behalf.</li>
+					<li>Measure and improve your open source dependencies' health—which improves your app’s health—and get a short list of high-impact steps your team can take to improve them even more.</li>
+					<li>Get commercial assurances that don't come for free with open source packages, like intellectual property indemnification and support under a service level agreement. You expect these guarantees from proprietary software, and you can have them when using open source as well.</li>
+				</ul>
+				The end result? All of the capabilities you expect from commercial-grade software, for the full breadth of open source you use. That means less time grappling with esoteric open source trivia, and more time building your own applications—and your business.
+		</div>
+	</div>
+</@main.scaffold>