some-web-fixes (#11432)

* safari sucks

* chore(footer): open legal links in new tab and fix the privicy link

Author: PavelLaptev

apps/web/src/lib/components/marketing/Footer.svelte

@@ -130,11 +130,11 @@
 					>©{new Date().getFullYear()} GitButler. All rights reserved.</span
 				>
 				<span class="meta-links__legal">
-					<a href="/privacy">
+					<a href={jsonLinks.legal.privacyPolicy.url} target="_blank">
 						{jsonLinks.legal.privacyPolicy.label}
 					</a>
 					<span> | </span>
-					<a href={jsonLinks.legal.termsOfService.url}>
+					<a href={jsonLinks.legal.termsOfService.url} target="_blank">
 						{jsonLinks.legal.termsOfService.label}
 					</a>
 				</span>
@@ -202,30 +202,28 @@
 
 	.banner-bg-grainy {
 		position: absolute;
-		width: 1100px;
-		height: 900px;
+		width: 900px;
+		height: 800px;
 		transform: rotate(26deg);
-		background: url('/images/grainy-gr.png');
+		background-image: url('/images/grainy-gradient-light.png');
 		background-size: 100%;
 		background-repeat: no-repeat;
-		mix-blend-mode: screen;
-		filter: invert(100%);
-		opacity: 0.5;
+		opacity: 0.4;
 		pointer-events: none;
 	}
 
 	.grainy-1 {
 		bottom: -130%;
-		left: -60%;
+		left: -50%;
 	}
 
 	.grainy-2 {
-		right: -50%;
+		right: -40%;
 		bottom: -70%;
 	}
 
 	:global(.dark) .banner-bg-grainy {
-		opacity: 0.24;
+		opacity: 0.2;
 	}
 
 	.banner-content-downloads {

apps/web/src/routes/downloads/+page.svelte

@@ -350,22 +350,19 @@
 	/* GRAINY BG */
 	.grainy-bg {
 		position: absolute;
-		width: 1160px;
+		width: 1000px;
 		height: 950px;
 		transform: rotate(30deg);
-		background: url('/images/grainy-gr.png');
+		background-image: url('/images/grainy-gradient-dark.png');
 		background-size: 100%;
 		background-repeat: no-repeat;
-		mix-blend-mode: multiply;
-
 		opacity: 0.06;
 		pointer-events: none;
 	}
 
 	:global(.dark) .grainy-bg {
-		mix-blend-mode: screen;
-		filter: invert(100%);
-		opacity: 0.08;
+		background-image: url('/images/grainy-gradient-light.png');
+		opacity: 0.07;
 	}
 
 	.grainy-1 {

apps/web/src/routes/nightly/+page.svelte

@@ -568,32 +568,29 @@
 	/* GRAINY BG */
 	.grainy-bg {
 		position: absolute;
-		width: 1160px;
+		width: 1000px;
 		height: 950px;
 		transform: rotate(30deg);
-		background: url('/images/grainy-gr.png');
+		background-image: url('/images/grainy-gradient-light.png');
 		background-size: 100%;
 		background-repeat: no-repeat;
-		mix-blend-mode: screen;
-		filter: invert(100%);
-		opacity: 0.14;
+		opacity: 0.08;
 		pointer-events: none;
 	}
 
 	:global(.dark) .grainy-bg {
-		mix-blend-mode: multiply;
-		filter: invert(0%);
-		opacity: 0.12;
+		background-image: url('/images/grainy-gradient-dark.png');
+		opacity: 0.08;
 	}
 
 	.grainy-1 {
 		top: -40%;
-		right: -50%;
+		right: -45%;
 	}
 
 	.grainy-2 {
 		bottom: -80%;
-		left: -60%;
+		left: -70%;
 	}
 
 	@media (--mobile-viewport) {