Update install/index.html

install/index.html

@@ -70,6 +70,34 @@
     }
     .nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
     .nav-logo-text { font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 16px; color: var(--green); }
+    .nav-links { display: flex; align-items: center; gap: 8px; }
+    .nav-link {
+      display: inline-flex; align-items: center; gap: 6px;
+      padding: 7px 14px; border-radius: 8px;
+      font-size: 13px; font-weight: 500;
+      color: var(--text-dim); text-decoration: none;
+      transition: all 0.2s;
+      font-family: 'Inter', system-ui, sans-serif;
+    }
+    .nav-link:hover { color: var(--text); background: rgba(255,255,255,0.05); }
+    .nav-link-git {
+      display: inline-flex; align-items: center; gap: 7px;
+      padding: 7px 16px; border-radius: 8px;
+      font-size: 13px; font-weight: 600;
+      color: var(--green); text-decoration: none;
+      background: var(--green-glow);
+      border: 1px solid rgba(34,197,94,0.2);
+      transition: all 0.25s;
+      font-family: 'JetBrains Mono', monospace;
+    }
+    .nav-link-git:hover {
+      background: rgba(34,197,94,0.2);
+      border-color: rgba(34,197,94,0.4);
+      box-shadow: 0 0 16px rgba(34,197,94,0.15);
+      transform: translateY(-1px);
+    }
+    .nav-link-git svg { transition: transform 0.2s; }
+    .nav-link-git:hover svg { transform: scale(1.1); }
 
     /* ===== HERO ===== */
     .hero {
@@ -504,6 +532,14 @@
         </svg>
         <span class="nav-logo-text">terminal-chat</span>
       </a>
+      <div class="nav-links">
+        <a href="#features" class="nav-link">Features</a>
+        <a href="#docs" class="nav-link">Docs</a>
+        <a href="https://git.de-roo.org/ben/pychat" target="_blank" rel="noopener noreferrer" class="nav-link-git">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22v-4a4.8 4.8 0 00-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 004 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg>
+          Source Code
+        </a>
+      </div>
     </div>
   </nav>
 
@@ -537,12 +573,19 @@
         <span class="prompt">$</span>
         <span id="installCmd">curl -s https://ben.de-roo.org/install/script.sh | bash</span>
       </div>
-      <!-- <div class="install-body"> -->
+      <div style="padding:0 20px 16px;display:flex;align-items:center;gap:10px;">
-        <!-- <span class="prompt">or go to the git and download zip:</span> -->
+        <div style="flex:1;height:1px;background:var(--border);"></div>
-        <!-- <span id="installCmd">https://git.de-roo.org/ben/pychat</span> -->
+        <span style="font-size:12px;color:var(--text-muted);font-family:'JetBrains Mono',monospace;">or</span>
-      </div> 
+        <div style="flex:1;height:1px;background:var(--border);"></div>
-      <!-- <div class="code-block"> style="color: var(--text-dim); font-family: 'Inter', sans-serif;"> -->
+      </div>
-        <br><br><br><a href="https://git.de-roo.org/ben/pychat" target="_blank" class="green-link">or download zip from the git site: https://git.de-roo.org/ben/pychat</a><br><br><br>
+      <div style="padding:0 20px 20px;">
+        <a href="https://git.de-roo.org/ben/pychat" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:8px;background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.15);text-decoration:none;transition:all 0.2s;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--green);"
+          onmouseover="this.style.background='rgba(34,197,94,0.15)';this.style.borderColor='rgba(34,197,94,0.3)'"
+          onmouseout="this.style.background='rgba(34,197,94,0.08)';this.style.borderColor='rgba(34,197,94,0.15)'">
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M8 2v8m0 0l-3-3m3 3l3-3M3 13h10"/></svg>
+          Download ZIP from git.de-roo.org
+          <svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" style="opacity:0.5"><path d="M5 3h8v8M13 3L6 10"/></svg>
+        </a>
       </div>
     </div>
   </section>
@@ -796,7 +839,7 @@
               <span class="t-dim"># Automatic installation</span><br>
               <span class="t-green">$</span> curl -s https://ben.de-roo.org/install/script.sh | bash<br><br>
               <span class="t-dim"># Or manually</span><br>
-              <span class="t-green">$</span> git clone &lt;repo-url&gt;<br>
+              <span class="t-green">$</span> git clone https://git.de-roo.org/ben/pychat.git<br>
               <span class="t-green">$</span> cd terminal-chat<br>
               <span class="t-green">$</span> pip install -r requirements.txt
             </div>
@@ -955,8 +998,8 @@
         <p style="font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--text-dim);margin-bottom:20px;">Ready to contribute? Start here:</p>
         <div class="code-block" style="max-width:500px;margin:0 auto 24px;text-align:left;">
           <span class="t-dim"># Clone and start hacking</span><br>
-          <span class="t-green">$</span> git clone &lt;repo-url&gt;<br>
+          <span class="t-green">$</span> git clone https://git.de-roo.org/ben/pychat.git<br>
-          <span class="t-green">$</span> cd terminal-chat<br>
+          <span class="t-green">$</span> cd pychat<br>
           <span class="t-green">$</span> python3 server.py <span class="t-dim">&amp;</span> python3 client.py
         </div>
         <p style="font-size:13px;color:var(--text-muted);">No complex setup. No build tools. Just Python.</p>
@@ -971,7 +1014,8 @@
       <a href="#installatie">Install</a> &nbsp;&middot;&nbsp;
       <a href="#docs">Documentation</a> &nbsp;&middot;&nbsp;
       <a href="#features">Features</a> &nbsp;&middot;&nbsp;
-      <a href="#contribute">Contribute</a>
+      <a href="#contribute">Contribute</a> &nbsp;&middot;&nbsp;
+      <a href="https://git.de-roo.org/ben/pychat" target="_blank" rel="noopener noreferrer">Source Code</a>
     </p>
   </footer>