Skip to content

Commit 57034cc

Browse files
manfred-kaisermanfred-kaiser
committed
updated github page to match ssh-mitm readme
1 parent 02b42ec commit 57034cc

File tree

1 file changed

+106
-96
lines changed

1 file changed

+106
-96
lines changed

‎index.html‎

Lines changed: 106 additions & 96 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6-
<title>SSH-MITM - ssh audits made simple</title>
6+
<title>SSH-MITM – GitHub Project Page</title>
77
<style>
88
:root {
99
--bg-dark: #0f172a;
@@ -30,63 +30,58 @@
3030
header {
3131
background: var(--bg-dark);
3232
color: #fff;
33-
position: sticky;
34-
top: 0;
35-
z-index: 100;
33+
padding: 1rem 2rem;
34+
text-align: center;
3635
box-shadow: var(--shadow);
3736
}
38-
.navbar {
39-
max-width: 1200px;
37+
header h1 {
38+
font-size: 1.8rem;
39+
}
40+
header p {
41+
color: #cbd5e1;
42+
margin-top: 0.4rem;
43+
}
44+
45+
/* Hero */
46+
.hero {
47+
text-align: center;
48+
padding: 3rem 1rem 2rem;
49+
max-width: 900px;
4050
margin: auto;
51+
}
52+
.hero img {
53+
width: 100%;
54+
max-width: 520px;
55+
margin: 2rem auto;
56+
display: block;
57+
border-radius: var(--radius);
58+
box-shadow: var(--shadow);
59+
}
60+
.hero-buttons {
61+
margin-top: 1.5rem;
4162
display: flex;
42-
justify-content: space-between;
43-
align-items: center;
44-
padding: 1rem 2rem;
63+
gap: 1rem;
64+
flex-wrap: wrap;
65+
justify-content: center;
4566
}
46-
.logo { font-weight: 700; font-size: 1.4rem; letter-spacing: 1px; }
47-
nav { display: flex; gap: 1.5rem; align-items: center; }
48-
nav a { color: #cbd5e1; font-weight: 500; transition: color 0.2s; }
49-
nav a:hover { color: #fff; }
5067
.btn {
51-
padding: 0.6rem 1.2rem;
68+
padding: 0.7rem 1.4rem;
5269
border-radius: var(--radius);
5370
font-weight: 600;
5471
transition: background 0.2s;
72+
display: inline-block;
5573
}
5674
.btn-primary {
5775
background: var(--accent);
5876
color: #fff;
5977
}
6078
.btn-primary:hover { background: var(--accent-hover); }
61-
62-
/* Hero */
63-
.hero {
64-
display: grid;
65-
grid-template-columns: 1fr 1fr;
66-
align-items: center;
67-
gap: 2rem;
68-
padding: 3rem 1rem;
69-
max-width: 1200px;
70-
margin: auto;
71-
}
72-
.hero-text {
73-
text-align: left;
74-
}
75-
.hero h1 {
76-
font-size: 2.2rem;
77-
}
78-
.hero p {
79-
color: var(--text-light);
80-
margin: 1rem 0;
81-
font-size: 1.1rem;
82-
}
83-
.hero img {
84-
width: 100%;
85-
max-width: 500px;
86-
border-radius: var(--radius);
87-
box-shadow: var(--shadow);
88-
justify-self: center;
79+
.btn-light {
80+
background: #fff;
81+
color: var(--text-dark);
82+
border: 1px solid #cbd5e1;
8983
}
84+
.btn-light:hover { background: #f1f5f9; }
9085

9186
/* Content */
9287
main {
@@ -112,45 +107,74 @@
112107
margin-bottom: 1rem;
113108
}
114109

115-
/* CTA */
116-
.cta {
110+
/* Footer */
111+
.footer {
117112
background: var(--bg-dark);
118-
color: #fff;
113+
color: #e2e8f0;
119114
text-align: center;
120-
padding: 2rem 1rem;
121-
border-radius: var(--radius);
122-
box-shadow: var(--shadow);
123-
margin: 2rem 0;
115+
padding: 2.5rem 1rem;
116+
margin-top: 3rem;
117+
}
118+
.footer h3 {
119+
margin-bottom: 0.5rem;
120+
font-size: 1.3rem;
121+
color: #fff;
122+
}
123+
.footer p { margin: 0.5rem 0 1rem; }
124+
.footer-links {
125+
display: flex;
126+
gap: 1.5rem;
127+
flex-wrap: wrap;
128+
justify-content: center;
129+
margin-bottom: 1.5rem;
130+
}
131+
.footer-links a {
132+
color: #cbd5e1;
133+
transition: color 0.2s;
134+
font-weight: 500;
135+
}
136+
.footer-links a:hover { color: #fff; }
137+
.copyright {
138+
font-size: 0.85rem;
139+
color: #94a3b8;
124140
}
125-
.cta a { color: #fff; font-weight: bold; }
126141
</style>
127142
</head>
128143
<body>
129144

130145
<header>
131-
<div class="navbar">
132-
<div class="logo">SSH-MITM</div>
133-
<nav>
134-
<a href="https://docs.ssh-mitm.at">Dokumentation</a>
135-
<a href="https://github.com/ssh-mitm/ssh-mitm" class="btn btn-primary">GitHub</a>
136-
</nav>
137-
</div>
146+
<h1>SSH-MITM</h1>
138147
</header>
139148

140149
<section class="hero">
141-
<div class="hero-text">
142-
<h1>SSH-MITM – ssh audits made simple</h1>
143-
<p>
144-
A man-in-the-middle SSH server for security audits with
145-
<b>publickey authentication</b>, <b>session hijacking</b> and
146-
<b>file manipulation</b>.
147-
</p>
148-
<a href="https://docs.ssh-mitm.at" class="btn btn-primary">Get Started</a>
149-
</div>
150+
<h2>SSH audits made simple</h2>
151+
<p>
152+
SSH-MITM is a man-in-the-middle SSH server for security audits with
153+
<b>publickey authentication</b>, <b>session hijacking</b> and
154+
<b>file manipulation</b>.
155+
</p>
150156
<img src="https://docs.ssh-mitm.at/_images/intro.png" alt="SSH-MITM intercepting password login">
157+
<div class="hero-buttons">
158+
<a href="https://docs.ssh-mitm.at" class="btn btn-primary">📘 Documentation</a>
159+
<a href="https://github.com/ssh-mitm/ssh-mitm" class="btn btn-light">🌐 GitHub Repository</a>
160+
</div>
151161
</section>
152162

153163
<main>
164+
<section id="quickstart">
165+
<h2>Quickstart</h2>
166+
<p>Install SSH-MITM with pip and start the server:</p>
167+
<pre>python3 -m pip install ssh-mitm
168+
ssh-mitm server --remote-host 192.168.0.x</pre>
169+
<p>Connect to the MITM server:</p>
170+
<pre>ssh -p 10022 user@proxyserver</pre>
171+
<p>
172+
That’s it! Credentials and sessions are logged.<br>
173+
For installation options (AppImage, Snap, Flatpak, etc.) and advanced usage, see the
174+
<a href="https://docs.ssh-mitm.at">documentation</a>.
175+
</p>
176+
</section>
177+
154178
<section id="features">
155179
<h2>Key Features</h2>
156180
<ul>
@@ -163,40 +187,26 @@ <h2>Key Features</h2>
163187
<li>Plugin support</li>
164188
</ul>
165189
</section>
190+
</main>
166191

167-
<section id="quickstart">
168-
<h2>Quickstart</h2>
169-
<p>Install SSH-MITM with pip:</p>
170-
<pre>python3 -m pip install ssh-mitm</pre>
171-
<p>Start the MITM server and connect via SSH:</p>
172-
<pre>ssh-mitm server --remote-host 192.168.0.x
173-
ssh -p 10022 user@proxyserver</pre>
192+
<footer class="footer">
193+
<div class="footer-content">
194+
<h3>SSH-MITM – Open Source Security Auditing</h3>
174195
<p>
175-
That’s it – credentials and session logs are captured.<br>
176-
For detailed installation methods and advanced usage,
177-
see the <a href="https://docs.ssh-mitm.at">documentation</a>.
196+
SSH-MITM is developed and maintained by the community.<br>
197+
Source code, issues and contributions are managed on GitHub.
178198
</p>
179-
</section>
180-
181-
<section id="contributing">
182-
<h2>Contributing</h2>
183-
<p>
184-
Contributions are always welcome! Fork the repo, open an issue, or create
185-
a pull request on <a href="https://github.com/ssh-mitm/ssh-mitm">GitHub</a>.
199+
<div class="footer-links">
200+
<a href="https://docs.ssh-mitm.at">📘 Documentation</a>
201+
<a href="https://github.com/ssh-mitm/ssh-mitm">🌐 GitHub</a>
202+
<a href="https://github.com/ssh-mitm/ssh-mitm/issues">🐞 Issue Tracker</a>
203+
<a href="mailto:[email protected]">✉️ Contact</a>
204+
</div>
205+
<p class="copyright">
206+
© 2025 <a href="https://github.com/ssh-mitm/ssh-mitm">SSH-MITM Dev-Team</a>. Licensed under the GPL.
186207
</p>
187-
</section>
188-
189-
<section id="contact">
190-
<h2>Contact</h2>
191-
<p>E-Mail: <a href="mailto:[email protected]">[email protected]</a></p>
192-
<p><a href="https://github.com/ssh-mitm/ssh-mitm/issues">Issue Tracker on GitHub</a></p>
193-
</section>
194-
195-
<div class="cta">
196-
<h3>SSH MITM Proxy Server is Open Source</h3>
197-
<p>Developed by the community. Join us and contribute!</p>
198-
<a href="https://github.com/ssh-mitm/ssh-mitm">Contribute on GitHub</a>
199208
</div>
200-
</main>
209+
</footer>
210+
201211
</body>
202212
</html>

0 commit comments

Comments
 (0)