public/assets/preview.png 🔗
drew created
public/assets/preview.png | 0
public/contact/index.html | 61 +++++++++++++++++
public/features/index.html | 93 +++++++++++++++++++++++++++
public/get-started/index.html | 78 ++++++++++++++++++++++
public/index.html | 54 +++++++++++++++
public/style.css | 126 +++++++++++++++++++++++++++++++++++++
6 files changed, 412 insertions(+)
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Contact - Email CLI</title>
+ <link rel="stylesheet" href="../style.css" />
+ </head>
+ <body>
+ <header>
+ <nav>
+ <div class="logo">Email CLI 📧</div>
+ <ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="/features">Features</a></li>
+ <li><a href="/contact">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <main>
+ <section class="contact-info">
+ <h2>Get in Touch</h2>
+ <p>Made with ❤️ by <a href="https://andrinoff.com">@andrinoff</a></p>
+ <p>
+ For support, please open an issue on the
+ <a href="https://github.com/andrinoff/email-cli/issues"
+ >GitHub repository</a
+ >.
+ </p>
+ </section>
+ <section class="support">
+ <h2>Support the Project</h2>
+ <p>
+ If you find this project useful, consider supporting the developer:
+ </p>
+ <ul>
+ <li><a href="https://patreon.com/andrinoff">Patreon</a></li>
+ <li><a href="https://ko-fi.com/andrinoff">Ko-fi</a></li>
+ </ul>
+ </section>
+ </main>
+
+ <footer>
+ <p>Copyright 2025-present Drew Smirnoff</p>
+ <p>
+ Distributed under the MIT License. See the
+ <a href="https://github.com/andrinoff/email-cli/blob/main/LICENSE"
+ >LICENSE</a
+ >
+ file for more information.
+ </p>
+ <p>
+ <a
+ href="https://github.com/andrinoff/email-cli/blob/main/CODE_OF_CONDUCT.md"
+ >Code of Conduct</a
+ >
+ </p>
+ </footer>
+ </body>
+</html>
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Features - Email CLI</title>
+ <link rel="stylesheet" href="../style.css" />
+ </head>
+ <body>
+ <header>
+ <nav>
+ <div class="logo">Email CLI 📧</div>
+ <ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="/features">Features</a></li>
+ <li><a href="/contact">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <main>
+ <section class="features-list">
+ <h2>Features ✨</h2>
+ <ul>
+ <li>
+ <strong>View Your Inbox:</strong> Fetches and displays a list of
+ your most recent emails.
+ </li>
+ <li>
+ <strong>Read Emails:</strong> Select an email from your inbox to
+ view its content.
+ </li>
+ <li>
+ <strong>Compose and Send:</strong> A simple and intuitive interface
+ for writing and sending new emails.
+ </li>
+ <li>
+ <strong>Beautiful TUI:</strong> A clean and modern terminal user
+ interface that's a pleasure to use.
+ </li>
+ <li>
+ <strong>Secure:</strong> Uses a local configuration file to store
+ your credentials securely.
+ </li>
+ <li>
+ <strong>Supported Providers:</strong> Works with Gmail and iCloud.
+ </li>
+ </ul>
+ </section>
+ <section class="usage">
+ <h2>Usage ⌨️</h2>
+ <ul>
+ <li>
+ <strong>Main Menu:</strong> Use the `Up`/`Down` arrow keys or
+ `k`/`j` to navigate the main menu choices. Press `Enter` to select
+ an option.
+ </li>
+ <li>
+ <strong>Inbox View:</strong> In the inbox, use the arrow keys to
+ scroll through your emails. Press `Enter` to open and view a
+ selected email.
+ </li>
+ <li>
+ <strong>Composer:</strong> Use `Tab` or the arrow keys to move
+ between the "To", "Subject", and "Body" fields.
+ </li>
+ <li>
+ <strong>Go Back/Quit:</strong> Press `Esc` from any view to return
+ to the main menu. Press `Ctrl+C` at any time to quit the
+ application.
+ </li>
+ </ul>
+ </section>
+ </main>
+
+ <footer>
+ <p>Copyright 2025-present Drew Smirnoff</p>
+ <p>
+ Distributed under the MIT License. See the
+ <a href="https://github.com/andrinoff/email-cli/blob/main/LICENSE"
+ >LICENSE</a
+ >
+ file for more information.
+ </p>
+ <p>
+ <a
+ href="https://github.com/andrinoff/email-cli/blob/main/CODE_OF_CONDUCT.md"
+ >Code of Conduct</a
+ >
+ </p>
+ </footer>
+ </body>
+</html>
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Get Started - Email CLI</title>
+ <link rel="stylesheet" href="../style.css" />
+ </head>
+ <body>
+ <header>
+ <nav>
+ <div class="logo">Email CLI 📧</div>
+ <ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="/features">Features</a></li>
+ <li><a href="/contact">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <main>
+ <section class="features-list">
+ <h2>Installation via Homebrew 🍺</h2>
+ <p>To install Email CLI using Homebrew:</p>
+ <pre><code>brew tap andrinoff/email-cli <br>
+brew install email-cli</code></pre>
+ <p>After installation, run:</p>
+ <pre><code>email-cli</code></pre>
+ <p>to get started.</p>
+ </section>
+
+ <section class="usage">
+ <h2>Build from Source 🛠️</h2>
+ <p>Email CLI is written in <strong>Go</strong>. To build manually:</p>
+ <ol>
+ <li>Ensure you have Go installed (<code>go version</code>).</li>
+ <li>Clone the repository:</li>
+ <pre><code>git clone https://github.com/andrinoff/email-cli.git</code></pre>
+ <li>Navigate to the project folder:</li>
+ <pre><code>cd email-cli</code></pre>
+ <li>Build the binary:</li>
+ <pre><code>go build -o email-cli</code></pre>
+ <li>Run it:</li>
+ <pre><code>./email-cli</code></pre>
+ </ol>
+ <p>Optional: Move the binary to your path:</p>
+ <pre><code>sudo mv email-cli /usr/local/bin</code></pre>
+ </section>
+
+ <section class="contact-info">
+ <h2>Repository 📦</h2>
+ <p>
+ GitHub:
+ <a href="https://github.com/andrinoff/email-cli" target="_blank"
+ >andrinoff/email-cli</a
+ >
+ </p>
+ </section>
+ </main>
+
+ <footer>
+ <p>Copyright 2025-present Drew Smirnoff</p>
+ <p>
+ Distributed under the MIT License. See the
+ <a href="https://github.com/andrinoff/email-cli/blob/main/LICENSE"
+ >LICENSE</a
+ >
+ file for more information.
+ </p>
+ <p>
+ <a
+ href="https://github.com/andrinoff/email-cli/blob/main/CODE_OF_CONDUCT.md"
+ >Code of Conduct</a
+ >
+ </p>
+ </footer>
+ </body>
+</html>
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Email CLI - Your Terminal Email Client</title>
+ <link rel="stylesheet" href="style.css" />
+ </head>
+ <body>
+ <header>
+ <nav>
+ <div class="logo">Email CLI 📧</div>
+ <ul>
+ <li><a href="/">Home</a></li>
+ <li><a href="/features">Features</a></li>
+ <li><a href="/contact">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <main>
+ <section class="hero">
+ <div class="hero-text">
+ <h1>A beautiful and functional email client for your terminal.</h1>
+ <p>
+ Never leave your command line to check your inbox or send an email
+ again!
+ </p>
+ </div>
+ <div class="hero-image">
+ <img src="assets/preview.png" alt="Email CLI Preview" />
+ </div>
+ <a href="/get-started" class="button">Get Started</a>
+ </section>
+ </main>
+
+ <footer>
+ <p>Copyright 2025-present Drew Smirnoff</p>
+ <p>
+ Distributed under the MIT License. See the
+ <a href="https://github.com/andrinoff/email-cli/blob/master/LICENSE"
+ >LICENSE</a
+ >
+ file for more information.
+ </p>
+ <p>
+ <a
+ href="https://github.com/andrinoff/email-cli/blob/master/CODE_OF_CONDUCT.md"
+ >Code of Conduct</a
+ >
+ </p>
+ </footer>
+ </body>
+</html>
@@ -0,0 +1,126 @@
+body {
+ font-family: "Courier New", Courier, monospace;
+ margin: 0;
+ background-color: #121212;
+ color: #d0f0c0;
+}
+
+main {
+ min-height: 100vh;
+}
+
+header {
+ background-color: #1e1e1e;
+ border-bottom: 1px solid #444;
+ padding: 1rem 2rem;
+}
+
+nav {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.logo {
+ font-size: 1.5rem;
+ font-weight: bold;
+ color: #00ff5f;
+}
+
+nav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ display: flex;
+}
+
+nav ul li {
+ margin-left: 1.5rem;
+}
+
+nav ul li a {
+ text-decoration: none;
+ color: #d0f0c0;
+}
+
+nav ul li a:hover {
+ color: #00ff5f;
+}
+
+main {
+ padding: 2rem;
+}
+
+.features-list h2,
+.usage h2,
+.contact-info h2,
+.support h2 {
+ color: #00ff5f;
+ border-bottom: 2px solid #00ff5f;
+ padding-bottom: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+a {
+ color: #00ff5f;
+ text-decoration: none;
+}
+
+.features-list ul,
+.usage ul {
+ list-style: none;
+ padding: 0;
+}
+
+.features-list ul li,
+.usage ul li {
+ background-color: #1e1e1e;
+ padding: 1rem;
+ border-radius: 5px;
+ margin-bottom: 1rem;
+ border-left: 4px solid #00ff5f;
+ color: #d0f0c0;
+}
+
+footer {
+ text-align: center;
+ padding: 2rem;
+ background-color: #1e1e1e;
+ border-top: 1px solid #444;
+ font-size: 0.9rem;
+ color: #888;
+}
+
+footer a {
+ color: #00ff5f;
+ text-decoration: none;
+}
+
+footer a:hover {
+ text-decoration: underline;
+}
+
+.button {
+ display: inline-block;
+ padding: 0.5rem 1rem;
+ background-color: #00ff5f;
+ color: #121212;
+ text-decoration: none;
+ border-radius: 5px;
+ transition: background-color 0.3s ease;
+}
+
+.hero {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ padding: 2rem;
+}
+
+code {
+ background-color: #1e1e1e;
+ padding: 0.3rem;
+ border-radius: 5px;
+ color: #00ff5f;
+}