1<html>
2
3<head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86">
6 <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
7 <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
8 <link rel="shortcut icon" href="/static/favicon.png">
9 <link rel="shortcut icon" href="/static/favicon.svg">
10 <link rel="stylesheet" href="/static/styles.css">
11 <link rel="stylesheet" href="/static/prose.css">
12
13 <!-- Social stuff -->
14 <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">
15 <link rel="manifest" href="/static/site.webmanifest">
16 <link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#000000">
17 <meta name="msapplication-TileColor" content="#000000">
18 <meta name="msapplication-config" content="/static/browserconfig.xml">
19 <meta name="theme-color" content="#000">
20
21 <title>Zed – a lightning fast, collaborative code editor written natively in Rust</title>
22
23</head>
24
25<body class="box-border font-light bg-black font-body text-main">
26 <main class="container flex flex-col mx-auto lg:bg-white lg:flex-none lg:grid lg:min-h-full lg:grid-cols-4 max-w-screen-2xl lg:gap-x-px text-gray-50">
27 <nav class="p-10 pb-0 bg-black font-extralight lg:hidden">
28 <a href="/" class="block hover:opacity-80">
29 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
30 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4Z" fill="white"/>
31 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 10L23.5 10L14.875 19H19L22 22H8.5L17.125 13H13L10 10Z" fill="white"/>
32 </svg>
33 </a>
34
35 <div class="flex flex-row flex-wrap mt-10">
36 <a href="/team" class="mr-2 text-lg leading-loose no-underline lowercase hover:underline">
37 Team
38 </a>
39 <p class="pt-1 mr-2 text-lg text-gray-500">·</p>
40 <a href="/story" class="relative mr-2 text-lg leading-loose no-underline lowercase nav-active hover:underline">
41 Our Story
42 </a>
43 <p class="pt-1 mr-2 text-lg text-gray-500">·</p>
44 <a href="/community" class="mr-2 text-lg leading-loose no-underline lowercase hover:underline">
45 Community
46 </a>
47 <p class="pt-1 mr-2 text-lg text-gray-500">·</p>
48 {{#if current_user}}
49 <a href="/updates" class="mr-2 text-lg leading-loose no-underline lowercase hover:underline">
50 Updates
51 </a>
52 <p class="pt-1 mr-2 text-lg text-gray-500">·</p>
53 <a href="/releases" class="mr-2 text-lg leading-loose no-underline lowercase hover:underline">
54 Releases
55 </a>
56
57 {{#if current_user.is_admin }}
58 <p class="pt-1 mr-2 text-lg text-gray-500">·</p>
59 <a href="/admin" class="inline-block mr-2 text-lg leading-loose no-underline lowercase hover:underline">
60 Manage Users
61 </a>
62 {{/if}}
63
64 <p class="pt-1 mr-2 text-lg text-gray-500">·</p>
65 <form id="sign_out" action="/sign_out" method="post" class="inline m-0 mr-2 font-extralight">
66 <button class="text-lg leading-loose no-underline lowercase font-extralight hover:underline">Log out</button>
67 </form>
68
69 {{else}}
70
71 <!-- Otherwise let user log in -->
72 <a href=" /sign_in"
73 class="mr-2 text-lg leading-loose no-underline lowercase hover:underline">
74 Log in
75 </a>
76 {{/if}}
77 </div>
78
79 <!-- If user is logged in AND -->
80 <!-- If user is at least an insider -->
81 {{#if current_user}}
82
83 <!-- AND If user is an admin -->
84
85
86 {{/if}}
87 </nav>
88
89 <nav id="nav" class="hidden p-10 pt-20 bg-black lg:flex lg:flex-col font-extralight site-nav">
90 <a href="/" class="block hover:opacity-80">
91 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
92 <path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0ZM16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4Z" fill="white"/>
93 <path fill-rule="evenodd" clip-rule="evenodd" d="M10 10L23.5 10L14.875 19H19L22 22H8.5L17.125 13H13L10 10Z" fill="white"/>
94 </svg>
95 </a>
96 <div class="flex flex-col mt-10 font-mono">
97 <a href="/team" class="relative mt-2 text-base no-underline lowercase hover:underline">
98 <span class="absolute items-center justify-center hidden h-full align-middle nav-active-arrow -left-7">
99 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1594 12.1606C10.0309 12.0567 9.96803 11.8899 9.96803 11.7204C9.96803 11.5509 10.0321 11.3846 10.1603 11.2564L12.7596 8.65813H1.6562C1.29392 8.65813 1 8.36284 1 7.97732C1 7.63829 1.29392 7.34573 1.6562 7.34573H12.7596L10.1613 4.74747C9.90501 4.49114 9.90501 4.07596 10.1613 3.81949C10.4177 3.56303 10.8328 3.56317 11.0893 3.81949L14.8078 7.53794C15.0641 7.79427 15.0641 8.20945 14.8078 8.46592L11.0893 12.1844C10.832 12.4395 10.4164 12.4395 10.1594 12.1606Z" fill="white"/></svg>
100 </span>
101 The Team
102 </a>
103 <a href="/story" class="relative mt-2 text-base no-underline lowercase hover:underline">
104 <span class="absolute items-center justify-center hidden h-full align-middle nav-active-arrow -left-7">
105 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1594 12.1606C10.0309 12.0567 9.96803 11.8899 9.96803 11.7204C9.96803 11.5509 10.0321 11.3846 10.1603 11.2564L12.7596 8.65813H1.6562C1.29392 8.65813 1 8.36284 1 7.97732C1 7.63829 1.29392 7.34573 1.6562 7.34573H12.7596L10.1613 4.74747C9.90501 4.49114 9.90501 4.07596 10.1613 3.81949C10.4177 3.56303 10.8328 3.56317 11.0893 3.81949L14.8078 7.53794C15.0641 7.79427 15.0641 8.20945 14.8078 8.46592L11.0893 12.1844C10.832 12.4395 10.4164 12.4395 10.1594 12.1606Z" fill="white"/></svg>
106 </span>
107 Our Story
108 </a>
109 <a href="/community" class="relative mt-2 text-base no-underline lowercase hover:underline">
110 <span class="absolute items-center justify-center hidden h-full align-middle nav-active-arrow -left-7">
111 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1594 12.1606C10.0309 12.0567 9.96803 11.8899 9.96803 11.7204C9.96803 11.5509 10.0321 11.3846 10.1603 11.2564L12.7596 8.65813H1.6562C1.29392 8.65813 1 8.36284 1 7.97732C1 7.63829 1.29392 7.34573 1.6562 7.34573H12.7596L10.1613 4.74747C9.90501 4.49114 9.90501 4.07596 10.1613 3.81949C10.4177 3.56303 10.8328 3.56317 11.0893 3.81949L14.8078 7.53794C15.0641 7.79427 15.0641 8.20945 14.8078 8.46592L11.0893 12.1844C10.832 12.4395 10.4164 12.4395 10.1594 12.1606Z" fill="white"/></svg>
112 </span>
113 Community
114 </a>
115 </div>
116
117 <!-- If user is logged in AND -->
118 <!-- If user is at least an insider -->
119 {{#if current_user}}
120 <div class="flex flex-col mt-10 font-mono">
121 <p class="text-xs tracking-widest uppercase opacity-50">Insiders</p>
122 <a href="/updates" class="relative mt-2 text-base no-underline lowercase hover:underline">
123 <span class="absolute items-center justify-center hidden h-full align-middle nav-active-arrow -left-7">
124 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1594 12.1606C10.0309 12.0567 9.96803 11.8899 9.96803 11.7204C9.96803 11.5509 10.0321 11.3846 10.1603 11.2564L12.7596 8.65813H1.6562C1.29392 8.65813 1 8.36284 1 7.97732C1 7.63829 1.29392 7.34573 1.6562 7.34573H12.7596L10.1613 4.74747C9.90501 4.49114 9.90501 4.07596 10.1613 3.81949C10.4177 3.56303 10.8328 3.56317 11.0893 3.81949L14.8078 7.53794C15.0641 7.79427 15.0641 8.20945 14.8078 8.46592L11.0893 12.1844C10.832 12.4395 10.4164 12.4395 10.1594 12.1606Z" fill="white"/></svg>
125 </span>
126 Updates
127 </a>
128 <a href="/releases" class="relative mt-2 text-base no-underline lowercase hover:underline">
129 <span class="absolute items-center justify-center hidden h-full align-middle nav-active-arrow -left-7">
130 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1594 12.1606C10.0309 12.0567 9.96803 11.8899 9.96803 11.7204C9.96803 11.5509 10.0321 11.3846 10.1603 11.2564L12.7596 8.65813H1.6562C1.29392 8.65813 1 8.36284 1 7.97732C1 7.63829 1.29392 7.34573 1.6562 7.34573H12.7596L10.1613 4.74747C9.90501 4.49114 9.90501 4.07596 10.1613 3.81949C10.4177 3.56303 10.8328 3.56317 11.0893 3.81949L14.8078 7.53794C15.0641 7.79427 15.0641 8.20945 14.8078 8.46592L11.0893 12.1844C10.832 12.4395 10.4164 12.4395 10.1594 12.1606Z" fill="white"/></svg>
131 </span>
132 Releases
133 </a>
134 </div>
135
136 <!-- AND If user is an admin -->
137 {{#if current_user.is_admin }}
138 <div class="flex flex-col mt-10 font-mono">
139 <p class="text-xs tracking-widest uppercase opacity-50">Admin</p>
140 <a href="/admin" class="relative inline-block mt-2 text-base no-underline lowercase hover:underline">
141 <span class="absolute items-center justify-center hidden h-full align-middle nav-active-arrow -left-7">
142 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.1594 12.1606C10.0309 12.0567 9.96803 11.8899 9.96803 11.7204C9.96803 11.5509 10.0321 11.3846 10.1603 11.2564L12.7596 8.65813H1.6562C1.29392 8.65813 1 8.36284 1 7.97732C1 7.63829 1.29392 7.34573 1.6562 7.34573H12.7596L10.1613 4.74747C9.90501 4.49114 9.90501 4.07596 10.1613 3.81949C10.4177 3.56303 10.8328 3.56317 11.0893 3.81949L14.8078 7.53794C15.0641 7.79427 15.0641 8.20945 14.8078 8.46592L11.0893 12.1844C10.832 12.4395 10.4164 12.4395 10.1594 12.1606Z" fill="white"/></svg>
143 </span>
144 Manage
145 </a>
146 </div>
147 {{/if}}
148
149 <div class="mt-10">
150 <p class="text-base no-underline lowercase hover:underline">@{{current_user.github_login}}</p>
151 <form id="sign_out" action="/sign_out" method="post">
152 <button class="mt-2 text-xs no-underline lowercase opacity-50 hover:underline">Sign out</button>
153 </form>
154 </div>
155
156 {{else}}
157 <!-- Otherwise let user log in -->
158 <a href=" /sign_in"
159 class="mt-10 text-base text-gray-400 no-underline lowercase hover:underline">
160 Log in
161 </a>
162 {{/if}}
163 </nav>
164
165 <div class="col-span-3 bg-black">
166 {{> @partial-block}}
167 </div>
168 </main>
169 <script src="/static/prism.js"></script>
170</body>
171
172<script>
173 const nav = document.getElementById('nav');
174 const links = nav.getElementsByTagName('a');
175 const currentPath = window.location.pathname;
176 for (const link of links) {
177 if (link.getAttribute('href') === currentPath) {
178 link.classList.add('active');
179 console.log('activating', link)
180 }
181 }
182</script>
183
184</html>