website/index.html at main · otty-shell/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="color-scheme" content="dark" />

    <title>OTTY — terminal-centric workspace</title>
    <meta
      name="description"
      content="OTTY is an open-source, terminal-centric workspace that transforms your shell into a true IDE."
    />

    <meta property="og:type" content="website" />
    <meta property="og:title" content="OTTY — terminal-centric workspace" />
    <meta
      property="og:description"
      content="Open-source terminal-centric workspace that transforms your shell into a true IDE."
    />
    <meta property="og:image" content="assets/otty.png" />

    <link rel="icon" href="assets/logo-small.svg" type="image/svg+xml" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header class="topbar">
      <div class="container topbar__inner">
        <a class="brand" href="#top" aria-label="OTTY">
          <img class="brand__mark" src="assets/logo-small.svg" alt="" />
        </a>

        <nav class="nav" aria-label="Navigation">
          <a class="nav__link" href="#downloads">Download</a>
          <a class="nav__link" href="#about">About</a>
          <a class="nav__link" href="#features">Features</a>
        </nav>

        <div class="topbar__actions" aria-label="Actions">
          <a
            class="icon-link"
            href="https://github.com/otty-shell/otty"
            target="_blank"
            rel="noreferrer"
            aria-label="GitHub"
            title="GitHub"
          >
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" aria-hidden="true">
              <path
                d="M12 2.5c-5.52 0-10 4.48-10 10 0 4.42 2.87 8.17 6.84 9.5.5.1.68-.22.68-.48v-1.68c-2.78.6-3.37-1.18-3.37-1.18-.46-1.17-1.12-1.48-1.12-1.48-.91-.62.07-.6.07-.6 1 .07 1.53 1.04 1.53 1.04.9 1.54 2.35 1.1 2.92.85.09-.66.35-1.1.64-1.35-2.22-.25-4.56-1.11-4.56-4.95 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.65 0 0 .84-.27 2.75 1.02A9.5 9.5 0 0 1 12 6.8c.85 0 1.7.11 2.5.33 1.9-1.29 2.74-1.02 2.74-1.02.55 1.38.2 2.4.1 2.65.64.7 1.03 1.59 1.03 2.68 0 3.85-2.35 4.7-4.58 4.95.36.31.69.92.69 1.86v2.27c0 .27.18.59.69.48A10 10 0 0 0 22 12.5c0-5.52-4.48-10-10-10Z"
                fill="currentColor"
              />
            </svg>
          </a>
        </div>
      </div>
    </header>

    <main id="top">
      <section class="hero">
        <div class="container hero__grid">
          <div class="hero__copy">
            <h1 class="hero__title">Terminal‑centric workspace</h1>
            <p class="hero__subtitle">
              OTTY is an open‑source workspace that rethinks the terminal itself and turns your shell
              into one coherent space for development and operating your system.
            </p>

            <p class="hero__fineprint">
              Built for people who live in the terminal but are tired of switching between editors,
              SSH clients, dashboards, and a pile of separate tools.
            </p>
          </div>

          <div class="hero__visual" aria-label="OTTY preview">
            <div class="hero__logo">
              <img src="assets/logo-full.svg" alt="OTTY logo" />
            </div>
            <div class="hero__shot">
              <img src="assets/otty.png" alt="OTTY app screenshot" />
            </div>
          </div>
        </div>
      </section>

      <section id="downloads" class="section">
        <div class="container">
          <h2 class="section__title">Download</h2>
          <p class="section__lead">
            Direct downloads for v0.1.0-beta1.
          </p>
          <div class="grid grid--3">
            <div class="card">
              <h3>Linux</h3>
              <div class="dl-buttons" aria-label="Linux downloads">
                <a
                  class="dl-btn"
                  href="https://github.com/otty-shell/otty/releases/download/v0.1.0-beta1/otty_0.1.0.beta1-1_amd64.deb"
                  download
                  >.deb</a
                >
                <a
                  class="dl-btn"
                  href="https://github.com/otty-shell/otty/releases/download/v0.1.0-beta1/otty-0.1.0-beta1-1.x86_64.rpm"
                  download
                  >.rpm</a
                >
              </div>
            </div>
            <div class="card">
              <h3>macOS</h3>
              <div class="dl-buttons" aria-label="macOS downloads">
                <a
                  class="dl-btn"
                  href="https://github.com/otty-shell/otty/releases/download/v0.1.0-beta1/otty-aarch64-apple-darwin.dmg"
                  download
                  >Apple Silicon</a
                >
                <a
                  class="dl-btn"
                  href="https://github.com/otty-shell/otty/releases/download/v0.1.0-beta1/otty-x86_64-apple-darwin.dmg"
                  download
                  >Intel</a
                >
              </div>
            </div>
            <div class="card">
              <h3>Windows</h3>
              <p class="muted">Coming soon...</p>
            </div>
          </div>
          <p class="muted downloads__note">
            Prefer a different version?
            <a class="inline-link" href="https://github.com/otty-shell/otty/releases" target="_blank" rel="noreferrer"
              >Browse all releases</a
            >.
          </p>
        </div>
      </section>

      <section id="about" class="section">
        <div class="container">
          <h2 class="section__title">About</h2>
          <div class="grid">
            <div class="card">
              <h3>Why</h3>
              <p>
                Developers spend most of their time in the terminal, but modern terminals remain
                minimal shells. OTTY builds around the shell experience and adds an IDE‑level workflow
                on top of the terminal.
              </p>
            </div>
          </div>
        </div>
      </section>

      <section id="features" class="section">
        <div class="container">
          <h2 class="section__title">Features</h2>
          <div class="grid grid--3">
            <div class="card">
              <h3>Tabs</h3>
              <p>Keep multiple sessions in one window and switch instantly.</p>
            </div>
            <div class="card">
              <h3>Splits</h3>
              <p>Work side‑by‑side with split panes for parallel tasks.</p>
            </div>
            <div class="card">
              <h3>Block‑oriented terminal UX</h3>
              <ul class="list">
                <li>Block highlight</li>
                <li>Semantic copy (prompt / output / command)</li>
              </ul>
            </div>
          </div>
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="container footer__inner">
        <span class="muted">© OTTY contributors</span>
        <a class="footer__link" href="https://github.com/otty-shell/otty/blob/main/LICENSE">License</a>
      </div>
    </footer>
  </body>
</html>