From 98b00630b31e40c3d44c4818a1e7285dcee02d16 Mon Sep 17 00:00:00 2001
From: Rodolfo Berrios <20590102+rodber@users.noreply.github.com>
Date: Wed, 21 Feb 2024 19:12:55 -0300
Subject: [PATCH] add command

---
 godlike.css | 7 +++++++
 godlike.js  | 7 +++++++
 index.html  | 8 +++++---
 3 files changed, 19 insertions(+), 3 deletions(-)
 create mode 100644 godlike.js

diff --git a/godlike.css b/godlike.css
index 500abb5..acbbcb1 100644
--- a/godlike.css
+++ b/godlike.css
@@ -16,3 +16,10 @@
 	background-repeat: no-repeat;
 	background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg' fill='rgb(16 185 129)'><path d='M10.28 2.28L3.989 8.575 1.695 6.28A1 1 0 00.28 7.695l3 3a1 1 0 001.414 0l7-7A1 1 0 0010.28 2.28z'></path></svg>");
 }
+.command-install {
+	display: inline-block;
+	width: 374px;
+	text-align: center;
+	font-size: 1.2em;
+	margin-top: 30px;
+}
diff --git a/godlike.js b/godlike.js
new file mode 100644
index 0000000..0d86c11
--- /dev/null
+++ b/godlike.js
@@ -0,0 +1,7 @@
+document
+    .querySelector("#command-install")
+    .addEventListener("click", event => {
+        event.target.select();
+        // event.target.setSelectionRange(0, 99999);
+        // navigator.clipboard.writeText(event.target.value);
+    });
diff --git a/index.html b/index.html
index dc83a77..7e1fb15 100644
--- a/index.html
+++ b/index.html
@@ -30,11 +30,11 @@
                         <!-- Desktop sign in links -->
                         <ul class="flex grow justify-end flex-wrap items-center">
                             <li>
-                                <a class="font-medium text-slate-400 hover:text-slate-300 px-3 lg:px-5 py-2 flex items-center transition duration-150 ease-in-out" href="https://docs.xrdebug.com">Docs</a>
+                                <a class="font-medium text-slate-400 hover:text-slate-300 px-3 lg:px-5 py-2 flex items-center transition duration-150 ease-in-out" href="https://docs.xrdebug.com/run/">xrdebug &lt;options&gt;</a>
                             </li>
                             <li class="ml-3">
-                                <a class="btn-sm text-white bg-indigo-500 hover:bg-indigo-600 w-full shadow-sm group xrdebug-gradient" href="https://github.com/xrdebug/xrdebug/releases/latest">
-                                    Download <span class="tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-&gt;</span>
+                                <a class="btn-sm text-white bg-indigo-500 hover:bg-indigo-600 w-full shadow-sm group xrdebug-gradient" href="https://docs.xrdebug.com/install/">
+                                    Install <span class="tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out ml-1">-&gt;</span>
                                 </a>
                             </li>
                         </ul>
@@ -58,6 +58,7 @@
                         <div class="max-w-3xl mx-auto text-center">
                             <h1 class="h1 font-hkgrotesk mb-6" data-aos="fade-up">xrDebug</h1>
                             <p class="text-xl text-slate-500" data-aos="fade-up" data-aos-delay="100">Lightweight beautiful debugging tool. Quickly resolve bugs, optimize performance, and save valuable time at every stage of your project.</p>
+                            <input id="command-install" class="command-install form-input text-sm py-2 w-full" value="bash <(curl -sL xrdebug.com/bin.sh)">
                         </div>
                         <!-- Hero image -->
                         <div class="pt-16 pb-12 mb-4" data-aos="fade-up" data-aos-delay="300">
@@ -450,5 +451,6 @@ <h6 class="text-xs text-slate-200 font-semibold uppercase underline mb-3">xrDebu
     <script src="./js/vendors/aos.js"></script>
     <script src="./js/vendors/swiper-bundle.min.js"></script>
     <script src="./js/main.js"></script>
+    <script src="./godlike.js"></script>
 </body>
 </html>