From f76d9f45738a5aec266597e583dd145ca22d7d43 Mon Sep 17 00:00:00 2001
From: v4ltages <contact@voltages.me>
Date: Fri, 28 Jan 2022 15:02:07 +0200
Subject: [PATCH] Added options button that links to parameters

---
 pages/index.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/pages/index.tsx b/pages/index.tsx
index 767569c..241e9fc 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -47,6 +47,7 @@ export default function Home() {
                                 )](https://discord.com/users/{userId})
                             </Output>
                             <Copy onClick={copy}>{copyState}</Copy>
+                            <a href='https://github.com/cnrad/lanyard-profile-readme#options' target="_blank" rel="noreferrer"><Options>Options</Options></a>
                             <Example
                                 src={`/api/${userId}`}
                                 alt="[Please provide a valid user ID!]"
@@ -181,6 +182,29 @@ const Copy = styled.button`
     }
 `;
 
+const Options = styled.button`
+    position: absolute;
+    right: 150px;
+    font-size: 0.9em;
+    padding: 5px 25px;
+    width: 103px;
+    border-radius: 6px;
+    cursor: pointer;
+    border: none;
+    color: #aaabaf;
+    backdrop-filter: blur(50px);
+    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
+    background: #191d28;
+    transition: background ease-in-out 0.2s;
+
+    &:hover {
+        background: #11151f;
+    }
+    &:active {
+        background: #0c0d13;
+    }
+`;
+
 const Example = styled.img`
     display: block;
     margin: 70px auto 0px;