From c47494145bbdb0febfeb47aa9a0c761bc8ec7ed2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=B4me?= <jerome.boukorras@axa.fr>
Date: Mon, 27 Sep 2021 16:39:08 +0200
Subject: [PATCH] fix(site): fix download url

---
 docs/index.html | 56 ++++++++++++++++++++++++++++++-------------------
 docs/styles.css |  8 +++++--
 2 files changed, 41 insertions(+), 23 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 1a1ecc8..2c6d8f8 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -106,15 +106,19 @@ <h3>Share your projects with your team</h3>
 		</ul>
 	</div>
 	<footer class="skz-footer">
-		<a class="skz-download" download>Download Skizzle for macOS</a>
-		<div class="doge">
-			<span>Wow.</span>
-			<span>Such download</span>
-			<span>Many good app</span>
-			<span>Very enjoyable</span>
-			<span>Much code reviews</span>
-			<span>So thank you</span>
+		<div class="skz-download-container">
+			<a class="skz-download" download>Download Skizzle for macOS</a>
+			<a class="skz-secondary-download" download>Download Skizzle for Windows</a>
+			<div class="doge">
+				<span>Wow.</span>
+				<span>Such download</span>
+				<span>Many good app</span>
+				<span>Very enjoyable</span>
+				<span>Much code reviews</span>
+				<span>So thank you</span>
+			</div>
 		</div>
+
 		<p>
 			Skizzle is an
 			<a href="https://github.com/AxaGuilDEv/Skizzle">open source project</a>
@@ -126,29 +130,39 @@ <h3>Share your projects with your team</h3>
 	<script>
 		var version = '1.2.0';
 
-		function getFileName() {
+		function getIsMacOS() {
 			var platform = window.navigator.platform;
 			var macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'];
-			var fileName =
-				'https://github.com/AxaGuilDEv/Skizzle/releases/download/v' +
-				version +
-				'/Skizzle-' +
-				(macosPlatforms.indexOf(platform) !== -1 ? '' : 'Setup-') +
-				version;
 
-			if (macosPlatforms.indexOf(platform) !== -1) {
-				return fileName + '.dmg';
-			}
+			return macosPlatforms.indexOf(platform) !== -1;
+		}
 
-			return fileName + '.exe';
+		function getFileName() {
+			var url = 'https://github.com/AxaGuilDEv/Skizzle/releases/download/v'
+			var macOSFileName = url + version + '/Skizzle-' + version + '.dmg';
+			var windowsFileName = url + version + '/Skizzle-Setup-' + version + '.exe';
+
+			return {
+				macOSFileName,
+				windowsFileName
+			}
 		}
 
 		document.addEventListener('DOMContentLoaded', () => {
-			var fileName = getFileName();
+			var { macOSFileName, windowsFileName } = getFileName();
 			var downloadButtons = document.querySelectorAll('.skz-download');
+			var secondariesDownloadButtons = document.querySelectorAll('.skz-secondary-download');
+
+			var isMacOS = getIsMacOS();
 
 			downloadButtons.forEach(function (button) {
-				button.setAttribute('href', fileName);
+				button.textContent = isMacOS ? 'Download Skizzle for macOS' : 'Download Skizzle for Windows';
+				button.setAttribute('href', isMacOS ? macOSFileName : windowsFileName);
+			});
+
+			secondariesDownloadButtons.forEach(function (button) {
+				button.textContent = isMacOS ? 'Download Skizzle for Windows' : 'Download Skizzle for macOS';
+				button.setAttribute('href', isMacOS ? windowsFileName : macOSFileName);
 			});
 		});
 	</script>
diff --git a/docs/styles.css b/docs/styles.css
index 6718179..bf55b91 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -81,6 +81,7 @@ body {
 	text-decoration: underline;
 	font-size: 0.8rem;
 	cursor: pointer;
+	color: #fff;
 }
 
 .skz-secondary-download:hover {
@@ -152,7 +153,9 @@ body {
 	z-index: 2;
 }
 
-.skz-footer .skz-download {
+.skz-download-container {
+	display: flex;
+	flex-direction: column;
 	margin: auto;
 }
 
@@ -180,6 +183,7 @@ body {
 	top: 0;
 	width: 100%;
 	height: 100%;
+	pointer-events: none;
 	font-family: 'Comic sans MS', sans-serif;
 }
 
@@ -223,7 +227,7 @@ body {
 	transition-delay: 2.5s;
 }
 
-.skz-download:hover + .doge span {
+[download]:hover ~ .doge span {
 	opacity: 1;
 }