add command

xrdebug · Feb 21, 2024 · 98b0063 · 98b0063
1 parent 54a8f5d
commit 98b0063
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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>