-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
188 lines (178 loc) · 12.7 KB
/
index.html
File metadata and controls
188 lines (178 loc) · 12.7 KB
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
188
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>pgplex — Modern Developer Stack for PostgreSQL</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Nav -->
<nav class="nav">
<div class="nav-inner">
<a href="/" class="logo">
<img src="logo.png" alt="pgplex" width="24" height="24">
<span>pgplex</span>
</a>
<div class="nav-links">
<a href="https://github.com/pgplex" target="_blank" class="github-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
<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>
GitHub
</a>
</div>
</div>
</nav>
<section class="hero">
<svg class="hero-elephant" viewBox="0 0 576 594" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<defs>
<pattern id="dither" width="6" height="6" patternUnits="userSpaceOnUse">
<rect width="6" height="6" fill="black"/>
<rect width="3" height="3" fill="white"/>
<rect x="3" y="3" width="3" height="3" fill="white"/>
</pattern>
<mask id="dither-mask">
<rect width="100%" height="100%" fill="url(#dither)"/>
</mask>
</defs>
<g mask="url(#dither-mask)">
<path d="M430.268 432.303C434.046 400.835 432.914 396.22 456.352 401.317L462.303 401.84C480.326 402.66 503.902 398.941 517.752 392.507C547.568 378.672 565.248 355.573 535.848 361.643C468.786 375.477 464.175 352.769 464.175 352.769C534.99 247.699 564.592 114.321 539.04 81.6734C469.347 -7.37857 348.71 34.7321 346.691 35.8254L346.048 35.9441C332.798 33.1948 317.968 31.5521 301.31 31.2828C270.962 30.7841 247.934 39.2388 230.466 52.4881C230.466 52.4881 15.255 -36.1759 25.267 163.992C27.3964 206.573 86.303 486.199 156.56 401.739C182.239 370.855 207.055 344.741 207.055 344.741C219.378 352.928 234.131 357.104 249.604 355.604L250.8 354.584C250.426 358.419 250.591 362.169 251.279 366.609C233.183 386.832 238.5 390.383 202.315 397.831C165.706 405.376 187.214 418.809 201.252 422.32C218.276 426.577 257.659 432.608 284.276 395.355L283.216 399.605C290.316 405.285 289.836 440.431 290.843 465.541C291.851 490.653 293.532 514.087 298.651 527.903C303.77 541.716 309.81 577.303 357.366 567.111C397.111 558.593 427.499 546.336 430.268 432.303Z" fill="black" stroke="black" stroke-width="49.8604"/>
<path d="M535.855 361.64C468.786 375.475 464.175 352.767 464.175 352.767C534.99 247.689 564.593 114.309 539.046 81.6654C469.353 -7.38125 348.71 34.7321 346.697 35.8254L346.049 35.9414C332.798 33.1908 317.969 31.5521 301.302 31.2801C270.954 30.7828 247.934 39.2361 230.466 52.4828C230.466 52.4828 15.2512 -36.1773 25.2605 163.989C27.3898 206.573 86.2952 486.199 156.555 401.739C182.235 370.855 207.047 344.741 207.047 344.741C219.371 352.928 234.125 357.104 249.591 355.604L250.793 354.584C250.419 358.419 250.59 362.169 251.274 366.609C233.174 386.832 238.493 390.383 202.31 397.831C165.698 405.376 187.206 418.809 201.249 422.32C218.273 426.577 257.658 432.608 284.27 395.355L283.209 399.605C290.301 405.285 295.281 436.553 294.446 464.897C293.611 493.243 293.054 512.703 298.642 527.903C304.23 543.103 309.799 577.303 357.365 567.111C397.11 558.594 417.706 536.522 420.571 499.704C422.605 473.53 427.206 477.399 427.497 453.997L431.187 442.919C435.443 407.437 431.863 395.991 456.35 401.315L462.301 401.837C480.323 402.657 503.911 398.939 517.755 392.504C547.566 378.669 565.246 355.571 535.853 361.64H535.855Z" fill="#336791"/>
<path d="M287.15 381.979C285.303 448 287.614 514.481 294.074 530.639C300.538 546.796 314.371 578.223 361.94 568.032C401.682 559.512 416.142 543.024 422.416 506.631C427.038 479.855 435.947 405.492 437.09 390.256" stroke="white" stroke-width="16.6201" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M230.134 51.0081C230.134 51.0081 14.7724 -37.0132 24.7844 163.153C26.9137 205.737 85.8231 485.372 156.082 400.908C181.756 370.02 204.976 345.795 204.976 345.795" stroke="white" stroke-width="16.6201" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M346.461 34.9428C339.006 37.2801 466.258 -11.5759 538.577 80.8321C564.122 113.477 534.519 246.857 463.706 351.937" stroke="white" stroke-width="16.6201" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M463.704 351.937C463.704 351.937 468.319 374.652 535.39 360.808C564.776 354.739 547.091 377.84 517.287 391.681C492.827 403.033 437.988 405.943 437.092 390.256C434.787 349.783 465.954 362.079 463.704 351.937ZM463.704 351.937C461.671 342.804 447.734 333.84 438.514 311.487C430.464 291.976 328.119 142.355 466.896 164.576C471.98 163.524 430.702 32.5734 300.826 30.4441C170.979 28.3147 175.239 190.127 175.239 190.127" stroke="white" stroke-width="16.6201" stroke-linecap="round" stroke-linejoin="bevel"/>
<path d="M250.8 365.779C232.698 386 238.022 389.551 201.836 397.001C165.224 404.548 186.735 417.979 200.774 421.488C217.798 425.748 257.183 431.779 283.795 394.516C291.899 383.171 283.747 365.068 272.615 360.453C267.236 358.225 260.044 355.433 250.8 365.779Z" stroke="white" stroke-width="16.6201" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M249.615 365.425C247.791 353.536 253.522 339.388 259.663 322.836C268.892 298.001 290.187 273.163 273.152 194.384C260.455 135.679 175.291 182.167 175.238 190.127C175.186 198.084 179.09 230.473 173.815 268.191C166.932 317.408 205.132 359.033 249.12 354.775" stroke="white" stroke-width="16.6201" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M229.351 188.933C228.967 191.652 234.328 198.907 241.319 199.876C248.298 200.849 254.271 195.18 254.65 192.464C255.028 189.745 249.674 186.751 242.68 185.777C235.698 184.803 229.722 186.221 229.352 188.933H229.351Z" fill="white" stroke="white" stroke-width="5.54"/>
<path d="M441.916 183.391C442.295 186.109 436.94 193.364 429.948 194.333C422.964 195.307 416.991 189.637 416.608 186.921C416.239 184.203 421.595 181.208 428.58 180.235C435.566 179.261 441.538 180.679 441.916 183.392V183.391Z" fill="white" stroke="white" stroke-width="2.77"/>
<path d="M466.897 164.576C468.047 185.901 462.303 200.427 461.579 223.128C460.507 256.125 477.311 293.893 451.991 331.708" stroke="white" stroke-width="16.6201" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>
<div class="container">
<h1>Modern Developer Stack<br>for PostgreSQL</h1>
<p class="hero-sub">
We're building a modern Postgres toolchain<br>
for everyone — from individual developers<br>
to the enterprise.
</p>
<!-- ASCII Architecture Diagram -->
<div class="ascii-diagram">
<pre>
+---------------------------------------+
| <span class="label">Developer</span> |
+-------------------+-------------------+
|
+-------------------+-------------------+
| | |
+-------+-------+ +-------+-------+ +-------+-------+
| <span class="highlight">pgconsole</span> | | <span class="highlight">pgtui</span> | | <span class="highlight">pgschema</span> |
| Web Console | | Terminal UI | | Migration |
+-------+-------+ +-------+-------+ +-------+-------+
| | |
+-------------------+-------------------+
|
+--------+--------+
| <span class="highlight">pgparser</span> |
| SQL Parser |
+--------+--------+
|
+--------+--------+
| <span class="label">PostgreSQL</span> |
+-----------------+
</pre>
</div>
<div class="product-grid">
<!-- pgconsole -->
<a href="https://www.pgconsole.com" target="_blank" class="product-card">
<div class="card-header">
<span class="card-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2"/>
<path d="M8 21h8M12 17v4M6 8l4 3-4 3M12 16h4"/>
</svg>
</span>
<h3>pgconsole</h3>
</div>
<p class="card-desc">Web-based Postgres development workspace with guardrails. Query, explore, and manage your databases safely from the browser.</p>
<div class="card-tags">
<span class="tag">Web UI</span>
<span class="tag">SQL Editor</span>
<span class="tag">Access Control</span>
</div>
</a>
<!-- pgtui -->
<a href="https://github.com/pgplex/pgtui" target="_blank" class="product-card">
<div class="card-header">
<span class="card-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="4 17 10 11 4 5"/>
<line x1="12" y1="19" x2="20" y2="19"/>
</svg>
</span>
<h3>pgtui</h3>
</div>
<p class="card-desc">A beautiful terminal UI for Postgres. Navigate schemas, run queries, and inspect data — all without leaving your terminal.</p>
<div class="card-tags">
<span class="tag">Terminal</span>
<span class="tag">TUI</span>
</div>
</a>
<!-- pgparser -->
<a href="https://github.com/pgplex/pgparser" target="_blank" class="product-card">
<div class="card-header">
<span class="card-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="16 18 22 12 16 6"/>
<polyline points="8 6 2 12 8 18"/>
<line x1="14" y1="4" x2="10" y2="20"/>
</svg>
</span>
<h3>pgparser</h3>
</div>
<p class="card-desc">Thread-safe, Golang-native Postgres parser. Parse, analyze, and transform SQL with zero CGo dependencies.</p>
<div class="card-tags">
<span class="tag">Go</span>
<span class="tag">Parser</span>
<span class="tag">Library</span>
</div>
</a>
<!-- pgschema -->
<a href="https://github.com/pgplex/pgschema" target="_blank" class="product-card">
<div class="card-header">
<span class="card-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 17.5a3.5 3.5 0 1 0 7 0 3.5 3.5 0 1 0-7 0"/>
</svg>
</span>
<h3>pgschema</h3>
</div>
<p class="card-desc">Schema management for Postgres. Diff, migrate, and version your database schema with confidence.</p>
<div class="card-tags">
<span class="tag">Schema</span>
<span class="tag">Migration</span>
<span class="tag">Diff</span>
</div>
</a>
</div>
</div>
</section>
<footer class="footer">
<div class="container footer-compact">
<div class="footer-left">
<a href="/" class="logo">
<img src="logo.png" alt="pgplex" width="16" height="16">
<span>pgplex</span>
</a>
<span class="footer-sep">by</span>
<a href="https://www.bytebase.com" target="_blank" class="footer-bytebase">Bytebase</a>
</div>
<p>© 2026 pgplex. All rights reserved.</p>
</div>
</footer>
</body>
</html>