From 9dbff77dd18efcde0f2ec69ba73870a897ae8326 Mon Sep 17 00:00:00 2001
From: Thomas Forgione <thomas@forgione.fr>
Date: Sat, 19 Oct 2024 04:04:22 +0200
Subject: [PATCH] Webpage

---
 Dockerfile |  4 ++--
 index.html | 61 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 61 insertions(+), 4 deletions(-)
diff --git a/Dockerfile b/Dockerfile
index 3c141ce..49b5799 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -2,14 +2,14 @@ FROM debian:11 AS debian-user
 
 RUN \
     apt update && \
-    apt install sudo && \
+    apt install sudo curl && \
     useradd -m tester && \
     echo tester:tester | chpasswd && \
     usermod -aG sudo tester
 
 USER tester
 WORKDIR /home/tester
-COPY ./tforgione-2.sh /home/tester/tforgione.sh
+COPY ./tforgione.sh /home/tester/tforgione.sh
 RUN echo "cat tforgione.sh | bash" > /home/tester/.bash_history
 
 CMD ["bash"]
diff --git a/index.html b/index.html
index 7df9430..50090af 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,66 @@
 <html>
     <head>
         <meta charset="utf-8">
+        <title>sh.tforgione.fr</title>
+        <style>
+            .container {
+                width: 800px;
+                margin: auto;
+                border: solid;
+                border-width: 1px;
+                padding: 5rem;
+                margin-top: 5rem;
+            }
+
+            h1 {
+                text-align: center;
+                margin-top: 0rem;
+                margin-bottom: 3rem;
+            }
+
+            .code {
+                width: 45rem;
+                margin: auto;
+                display: flex;
+                text-align: center;
+            }
+
+            pre::before {
+                content: "$ ";
+                color: grey;
+            }
+
+            pre {
+                display: inline;
+                width: 45rem;
+                margin: 0px;
+                background-color: black;
+                color: white;
+                padding: 1rem;
+                font-size: 1rem;
+            }
+
+            .button {
+                cursor: pointer;
+                background-color: white;
+                padding: 0 1rem 0 1rem;
+                margin: 0px;
+            }
+        </style>
     </head>
     <body>
-        <h1>Hello world!</h1>
-        <pre><code>curl -sSf https://sh.tforgione.fr | bash</code></pre>
+        <div class="container">
+            <h1>Run the following command to get started with tforgione's dotfiles!</h1>
+            <div class="code">
+            <pre><code id="code">curl --proto '=https' --tlsv1.2 -sSf https://sh.tforgione.fr | bash</code></pre><button id="copy" class="button"><svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" alt="Copy curl command to clipboard to download Rustup">
+            <path d="M18 20h2v3c0 1-1 2-2 2H2c-.998 0-2-1-2-2V5c0-.911.755-1.667 1.667-1.667h5A3.323 3.323 0 0110 0a3.323 3.323 0 013.333 3.333h5C19.245 3.333 20 4.09 20 5v8.333h-2V9H2v14h16v-3zM3 7h14c0-.911-.793-1.667-1.75-1.667H13.5c-.957 0-1.75-.755-1.75-1.666C11.75 2.755 10.957 2 10 2s-1.75.755-1.75 1.667c0 .911-.793 1.666-1.75 1.666H4.75C3.793 5.333 3 6.09 3 7z"></path><path d="M4 19h6v2H4zM12 11H4v2h8zM4 17h4v-2H4zM15 15v-3l-4.5 4.5L15 21v-3l8.027-.032L23 15z"></path>
+          </svg></button>
+            </div>
+        </div>
+        <script>
+            document.getElementById('copy').addEventListener('click', function() {
+                navigator.clipboard.writeText("curl --proto '=https' --tlsv1.2 -sSf https://sh.tforgione.fr | bash");
+            });
+        </script>
     </body>
 </html>
