Skip to content

Commit

Permalink
fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@hitchhooker
hitchhooker committed Dec 13, 2024
1 parent 48373cc commit f02319b
Show file tree
Hide file tree
Showing 3 changed files with 105 additions and 36 deletions.
22 changes: 11 additions & 11 deletions src/app.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,24 @@
// src/app.jsx
import "@unocss/reset/tailwind.css";
import "virtual:uno.css";

import { Router } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router";
import { Suspense, onMount } from "solid-js";
//import Nav from "~/components/Nav";
// import Footer from "~/components/Footer";
//<Nav />
// <Footer /> // rm now
import { Suspense } from "solid-js";
import Nav from "~/components/Nav";
//import Footer from "~/components/Footer";
// <Footer />

export default function App() {
onMount(() => {
console.log("App mounted");
});
return (
<Router
root={(props) => (
<>
<Suspense>{props.children}</Suspense>
</>
<div class="min-h-screen flex flex-col">
<Nav />
<Suspense>
{props.children}
</Suspense>
</div>
)}
>
<FileRoutes />
Expand Down
113 changes: 91 additions & 22 deletions src/routes/about.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,98 @@
import { A } from "@solidjs/router";
// src/routes/about.jsx
import { onMount } from "solid-js";

const KeyReuseDiagram = () => (
<div class="bg-neutral-900 rounded-lg p-6 mb-8 text-sm font-mono">
<div class="flex flex-col items-center gap-4">
<div class="text-emerald-400">~/.ssh/id_ed25519 (Ed25519 Key)</div>
<div class="text-neutral-400">↓</div>
<div class="grid grid-cols-2 gap-8">
<div class="text-center">
<div class="text-teal-400">Ed25519 Public Key</div>
<div class="text-neutral-500">↓</div>
<div class="text-teal-400">SS58 Address</div>
</div>
<div class="text-center">
<div class="text-sky-400">X25519 Public Key</div>
<div class="text-neutral-500">↓</div>
<div class="text-sky-400">People Chain Identity</div>
</div>
</div>
</div>
</div>
);

export default function About() {
onMount(() => {
document.title = "About - swis.sh";
});

return (
<main class="text-center mx-auto text-gray-700 p-4">
<h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
About Page
<main class="max-w-4xl mx-auto px-4 py-24">
<h1 class="text-4xl font-bold mb-8 dark:text-white">
About swis.sh
</h1>
<p class="mt-8">
Visit{" "}
<a
href="https://solidjs.com"
target="_blank"
class="text-sky-600 hover:underline"
>
solidjs.com
</a>{" "}
to learn how to build Solid apps.
</p>
<p class="my-4">
<A href="/" class="text-sky-600 hover:underline">
Home
</A>
{" - "}
<span>About Page</span>
</p>

{/* Core Concept */}
<section class="mb-16">
<h2 class="text-2xl font-bold mb-4 dark:text-white">Core Concept</h2>
<p class="text-neutral-700 dark:text-neutral-300 mb-6">
swis.sh repurposes Ed25519 SSH keys as Web3 wallets, enabling GitHub users to receive crypto without any blockchain knowledge. The same key material powers SSH authentication, blockchain transactions, and optional X25519 encryption.
</p>
<KeyReuseDiagram />
</section>

{/* Key Features */}
<section class="mb-16">
<h2 class="text-2xl font-bold mb-4 dark:text-white">Key Features</h2>
<div class="grid gap-6">
<div class="bg-neutral-50 dark:bg-neutral-900 p-6 rounded-lg">
<h3 class="font-bold mb-2 dark:text-white">SSH Key Reuse</h3>
<p class="text-neutral-600 dark:text-neutral-400">
Ed25519 SSH private keys contain a 32-byte scalar that's mathematically compatible with both transaction signing and X25519 encryption, enabling secure key reuse across protocols.
</p>
</div>
<div class="bg-neutral-50 dark:bg-neutral-900 p-6 rounded-lg">
<h3 class="font-bold mb-2 dark:text-white">GitHub Integration</h3>
<p class="text-neutral-600 dark:text-neutral-400">
Public SSH keys from GitHub profiles are used to derive recipient addresses, enabling seamless transfers to any GitHub username without requiring pre-registration.
</p>
</div>
<div class="bg-neutral-50 dark:bg-neutral-900 p-6 rounded-lg">
<h3 class="font-bold mb-2 dark:text-white">Optional Encryption</h3>
<p class="text-neutral-600 dark:text-neutral-400">
Users can publish derived X25519 public keys to Polkadot's People chain, enabling encrypted messaging while maintaining key material separation.
</p>
</div>
</div>
</section>

{/* Technical Details */}
<section class="mb-16">
<h2 class="text-2xl font-bold mb-4 dark:text-white">Technical Details</h2>
<div class="bg-neutral-900 rounded-lg overflow-hidden mb-6">
<div class="border-b border-neutral-800 p-4">
<code class="text-emerald-400 font-mono">Key Derivation Process</code>
</div>
<div class="p-4 text-neutral-300 space-y-2 font-mono text-sm">
<p>1. Extract Ed25519 scalar from SSH key</p>
<p>2. Use for Polkadot transaction signing</p>
<p>3. Optionally derive X25519 key pair</p>
<p>4. Publish X25519 pubkey on People chain</p>
</div>
</div>
</section>

{/* Limitations */}
<section>
<h2 class="text-2xl font-bold mb-4 dark:text-white">Current Limitations</h2>
<ul class="list-disc pl-6 space-y-2 text-neutral-700 dark:text-neutral-300">
<li>Basic ECIES encryption (no Signal Protocol features)</li>
<li>Requires GitHub users to have Ed25519 SSH keys</li>
<li>Permanent key association with GitHub identity</li>
<li>.dot domain system still in development</li>
</ul>
</section>
</main>
);
}
6 changes: 3 additions & 3 deletions src/routes/index.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,9 @@ const textData = {
commands: {
available: [
{ cmd: "swissh balance", desc: "Check your wallet" },
{ cmd: "swissh transfer <AMOUNT> <TARGET>", desc: "Send assets" },
{ cmd: "swissh transfer <AMOUNT> <ASSET> <TARGET>", desc: "Send assets" },
],
example: [
examples: [
{ cmd: "swissh transfer 10 USDT username.gh -i ~/.ssh/id_ed25519", desc: "Send dollars to GitHub user" },
]
}
Expand All @@ -29,7 +29,7 @@ export default function Home() {

const metaDescription = document.createElement('meta');
metaDescription.name = 'description';
metaDescription.content = 'Use Ed25519 SSH keys for Polkadot transactions and X25519 encryption. Send crypto to any GitHub username.';
metaDescription.content = 'Use Ed25519 SSH keys for transactions. Send money to any GitHub username.';
document.head.appendChild(metaDescription);

const link = document.createElement('link');
Expand Down

0 comments on commit f02319b

Please sign in to comment.