Skip to content

Commit 3db84c0

Browse files
bstillitanobstillitano
committed
Add contact page to GitHub Pages
- Add landing page with links to docs, contact, and GitHub - Add contact page with email/GitHub links and Formspree form - Contact form includes dropdown for inquiry type (General, Scyther, etc.) - Update README credits section with website links
1 parent 6fb4c3e commit 3db84c0

2 files changed

Lines changed: 346 additions & 5 deletions

File tree

‎.github/workflows/docs.yml‎

Lines changed: 344 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,13 +46,353 @@ jobs:
4646
4747
cat > ./docs/index.html << 'EOF'
4848
<!DOCTYPE html>
49-
<html>
49+
<html lang="en">
5050
<head>
51-
<meta http-equiv="refresh" content="0; url=/documentation/scyther/">
52-
<link rel="canonical" href="/documentation/scyther/">
51+
<meta charset="UTF-8">
52+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
53+
<title>Scyther - iOS Debugging Toolkit</title>
54+
<style>
55+
* { margin: 0; padding: 0; box-sizing: border-box; }
56+
body {
57+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
58+
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
59+
min-height: 100vh;
60+
display: flex;
61+
flex-direction: column;
62+
align-items: center;
63+
justify-content: center;
64+
color: #fff;
65+
padding: 2rem;
66+
}
67+
.container {
68+
text-align: center;
69+
max-width: 600px;
70+
}
71+
.logo {
72+
width: 120px;
73+
height: 120px;
74+
margin-bottom: 1.5rem;
75+
border-radius: 24px;
76+
}
77+
h1 {
78+
font-size: 2.5rem;
79+
margin-bottom: 0.5rem;
80+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
81+
-webkit-background-clip: text;
82+
-webkit-text-fill-color: transparent;
83+
background-clip: text;
84+
}
85+
.tagline {
86+
color: #a0aec0;
87+
font-size: 1.1rem;
88+
margin-bottom: 2rem;
89+
}
90+
.buttons {
91+
display: flex;
92+
gap: 1rem;
93+
justify-content: center;
94+
flex-wrap: wrap;
95+
}
96+
.btn {
97+
display: inline-block;
98+
padding: 0.875rem 1.75rem;
99+
border-radius: 8px;
100+
text-decoration: none;
101+
font-weight: 600;
102+
transition: transform 0.2s, box-shadow 0.2s;
103+
}
104+
.btn:hover {
105+
transform: translateY(-2px);
106+
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
107+
}
108+
.btn-primary {
109+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
110+
color: #fff;
111+
}
112+
.btn-secondary {
113+
background: rgba(255,255,255,0.1);
114+
color: #fff;
115+
border: 1px solid rgba(255,255,255,0.2);
116+
}
117+
.btn-secondary:hover {
118+
background: rgba(255,255,255,0.15);
119+
}
120+
footer {
121+
position: fixed;
122+
bottom: 1rem;
123+
color: #4a5568;
124+
font-size: 0.875rem;
125+
}
126+
footer a { color: #667eea; text-decoration: none; }
127+
</style>
53128
</head>
54129
<body>
55-
<p>Redirecting to <a href="/documentation/scyther/">documentation</a>...</p>
130+
<div class="container">
131+
<img src="https://github.com/bstillitano/Scyther/raw/main/Scyther.png" alt="Scyther Logo" class="logo">
132+
<h1>Scyther</h1>
133+
<p class="tagline">A comprehensive iOS debugging toolkit that helps you cut through bugs</p>
134+
<div class="buttons">
135+
<a href="/documentation/scyther/" class="btn btn-primary">Documentation</a>
136+
<a href="/contact.html" class="btn btn-secondary">Contact</a>
137+
<a href="https://github.com/bstillitano/Scyther" class="btn btn-secondary">GitHub</a>
138+
</div>
139+
</div>
140+
<footer>Made with love in Sydney, Australia by <a href="https://github.com/bstillitano">Brandon Stillitano</a></footer>
141+
</body>
142+
</html>
143+
EOF
144+
145+
cat > ./docs/contact.html << 'EOF'
146+
<!DOCTYPE html>
147+
<html lang="en">
148+
<head>
149+
<meta charset="UTF-8">
150+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
151+
<title>Contact - Brandon Stillitano</title>
152+
<style>
153+
* { margin: 0; padding: 0; box-sizing: border-box; }
154+
body {
155+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
156+
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
157+
min-height: 100vh;
158+
color: #fff;
159+
padding: 2rem;
160+
}
161+
.container {
162+
max-width: 800px;
163+
margin: 0 auto;
164+
}
165+
header {
166+
display: flex;
167+
align-items: center;
168+
gap: 1rem;
169+
margin-bottom: 3rem;
170+
}
171+
.brand {
172+
font-size: 1.5rem;
173+
font-weight: 700;
174+
color: #fff;
175+
text-decoration: none;
176+
}
177+
nav {
178+
margin-left: auto;
179+
display: flex;
180+
gap: 1.5rem;
181+
}
182+
nav a {
183+
color: #a0aec0;
184+
text-decoration: none;
185+
transition: color 0.2s;
186+
}
187+
nav a:hover { color: #fff; }
188+
h1 {
189+
font-size: 2.5rem;
190+
margin-bottom: 1rem;
191+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
192+
-webkit-background-clip: text;
193+
-webkit-text-fill-color: transparent;
194+
background-clip: text;
195+
}
196+
.subtitle {
197+
color: #a0aec0;
198+
font-size: 1.1rem;
199+
margin-bottom: 3rem;
200+
}
201+
.content {
202+
display: grid;
203+
grid-template-columns: 1fr 1fr;
204+
gap: 3rem;
205+
}
206+
@media (max-width: 768px) {
207+
.content { grid-template-columns: 1fr; }
208+
header { flex-wrap: wrap; }
209+
nav { width: 100%; justify-content: flex-start; margin-left: 0; margin-top: 1rem; }
210+
}
211+
.contact-info h2, .contact-form h2 {
212+
font-size: 1.25rem;
213+
margin-bottom: 1.5rem;
214+
color: #e2e8f0;
215+
}
216+
.contact-links {
217+
display: flex;
218+
flex-direction: column;
219+
gap: 1rem;
220+
}
221+
.contact-link {
222+
display: flex;
223+
align-items: center;
224+
gap: 0.75rem;
225+
padding: 1rem;
226+
background: rgba(255,255,255,0.05);
227+
border-radius: 8px;
228+
text-decoration: none;
229+
color: #e2e8f0;
230+
transition: background 0.2s, transform 0.2s;
231+
}
232+
.contact-link:hover {
233+
background: rgba(255,255,255,0.1);
234+
transform: translateX(4px);
235+
}
236+
.contact-link svg {
237+
width: 24px;
238+
height: 24px;
239+
flex-shrink: 0;
240+
}
241+
.contact-link span {
242+
display: flex;
243+
flex-direction: column;
244+
}
245+
.contact-link .label {
246+
font-size: 0.75rem;
247+
color: #718096;
248+
text-transform: uppercase;
249+
letter-spacing: 0.05em;
250+
}
251+
form {
252+
display: flex;
253+
flex-direction: column;
254+
gap: 1rem;
255+
}
256+
.form-group {
257+
display: flex;
258+
flex-direction: column;
259+
gap: 0.5rem;
260+
}
261+
label {
262+
font-size: 0.875rem;
263+
color: #a0aec0;
264+
}
265+
input, textarea, select {
266+
padding: 0.75rem 1rem;
267+
border: 1px solid rgba(255,255,255,0.1);
268+
border-radius: 8px;
269+
background: rgba(255,255,255,0.05);
270+
color: #fff;
271+
font-size: 1rem;
272+
font-family: inherit;
273+
transition: border-color 0.2s, background 0.2s;
274+
}
275+
input:focus, textarea:focus, select:focus {
276+
outline: none;
277+
border-color: #667eea;
278+
background: rgba(255,255,255,0.08);
279+
}
280+
select option {
281+
background: #1a1a2e;
282+
color: #fff;
283+
}
284+
textarea {
285+
min-height: 150px;
286+
resize: vertical;
287+
}
288+
button {
289+
padding: 0.875rem 1.75rem;
290+
border: none;
291+
border-radius: 8px;
292+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
293+
color: #fff;
294+
font-size: 1rem;
295+
font-weight: 600;
296+
cursor: pointer;
297+
transition: transform 0.2s, box-shadow 0.2s;
298+
}
299+
button:hover {
300+
transform: translateY(-2px);
301+
box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
302+
}
303+
.security-note {
304+
margin-top: 2rem;
305+
padding: 1rem;
306+
background: rgba(234, 179, 8, 0.1);
307+
border: 1px solid rgba(234, 179, 8, 0.3);
308+
border-radius: 8px;
309+
font-size: 0.875rem;
310+
color: #eab308;
311+
}
312+
.security-note strong { display: block; margin-bottom: 0.25rem; }
313+
footer {
314+
margin-top: 4rem;
315+
text-align: center;
316+
color: #4a5568;
317+
font-size: 0.875rem;
318+
}
319+
footer a { color: #667eea; text-decoration: none; }
320+
</style>
321+
</head>
322+
<body>
323+
<div class="container">
324+
<header>
325+
<a href="https://github.com/bstillitano" class="brand">Brandon Stillitano</a>
326+
<nav>
327+
<a href="https://github.com/bstillitano">GitHub</a>
328+
</nav>
329+
</header>
330+
331+
<h1>Get in Touch</h1>
332+
<p class="subtitle">Have questions about one of my projects, want to collaborate, or just want to say hi? I'd love to hear from you.</p>
333+
334+
<div class="content">
335+
<div class="contact-info">
336+
<h2>Connect</h2>
337+
<div class="contact-links">
338+
<a href="mailto:[email protected]" class="contact-link">
339+
<svg fill="currentColor" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
340+
<span>
341+
<span class="label">Email</span>
342+
[email protected]
343+
</span>
344+
</a>
345+
<a href="https://github.com/bstillitano" class="contact-link" target="_blank" rel="noopener">
346+
<svg fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
347+
<span>
348+
<span class="label">GitHub</span>
349+
@bstillitano
350+
</span>
351+
</a>
352+
</div>
353+
354+
<div class="security-note">
355+
<strong>Security Vulnerabilities</strong>
356+
For security issues in any of my projects, please email directly rather than opening public issues.
357+
</div>
358+
</div>
359+
360+
<div class="contact-form">
361+
<h2>Send a Message</h2>
362+
<form action="https://formspree.io/f/mbdlppzl" method="POST">
363+
<div class="form-group">
364+
<label for="name">Name</label>
365+
<input type="text" id="name" name="name" required placeholder="Your name">
366+
</div>
367+
<div class="form-group">
368+
<label for="email">Email</label>
369+
<input type="email" id="email" name="email" required placeholder="[email protected]">
370+
</div>
371+
<div class="form-group">
372+
<label for="regarding">Regarding</label>
373+
<select id="regarding" name="regarding">
374+
<option value="General">General Inquiry</option>
375+
<option value="Scyther">Scyther</option>
376+
<option value="Other Project">Other Project</option>
377+
<option value="Collaboration">Collaboration</option>
378+
<option value="Bug Report">Bug Report</option>
379+
<option value="Feature Request">Feature Request</option>
380+
</select>
381+
</div>
382+
<div class="form-group">
383+
<label for="message">Message</label>
384+
<textarea id="message" name="message" required placeholder="Your message..."></textarea>
385+
</div>
386+
<input type="hidden" name="_subject" value="New contact from scyther.io">
387+
<button type="submit">Send Message</button>
388+
</form>
389+
</div>
390+
</div>
391+
392+
<footer>
393+
Made with love in Sydney, Australia
394+
</footer>
395+
</div>
56396
</body>
57397
</html>
58398
EOF

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1015,4 +1015,5 @@ Scyther is released under the MIT license. See [LICENSE](LICENSE) for details.
10151015

10161016
Scyther is maintained by [Brandon Stillitano](https://github.com/bstillitano).
10171017

1018-
Follow [@bstillita](https://twitter.com/bstillita) on Twitter for updates.
1018+
- Website: [scyther.io](https://scyther.io)
1019+
- Contact: [scyther.io/contact.html](https://scyther.io/contact.html)

0 commit comments

Comments
 (0)