openvibers/openvibe.exchange Commits

Exchange home on a phone: a four-line lede and two actions (#120)

OP OpenVibers committed 5 days ago · 16272e5fea · 1 file, +2 −2

At 390 px the lede ran six lines and the hero offered a search and four buttons. The lede keeps which families are
on sale and what the site gives (live prices, speed and uptime, one OpenAI-compatible endpoint, a side-by-side
chat); the hero keeps All models and Start building. Chat and the Arena are in the navbar already.

Changes

ddiff --git a/server/views/exchange.js b/server/views/exchange.js
iindex 2ffc3d8..084ee15 100644
---- a/server/views/exchange.js
++++ b/server/views/exchange.js
@@@ -183,9 +183,9 @@ function home({ catalog, usage, viewer, q = '', config = null }) {
  <div class="ex-hero-copy">
  <p class="ex-kicker">OpenVibe.Exchange</p>
  <h1>Every AI model, one account.</h1>
--<p class="ex-lead">${families.length ? `${esc(listSaid(families.slice(0, 6)))} now, more as their providers join: the` : 'The'} live price, speed and uptime of every offer, one OpenAI-compatible endpoint, and a chat that puts two or three models side by side. Every answer says which model ran and why it was chosen.</p>
++<p class="ex-lead">${families.length ? `${esc(listSaid(families.slice(0, 6)))} now, more as their providers join. ` : ''}Live prices, speed and uptime, one OpenAI-compatible endpoint, and a chat that puts models side by side.</p>
  ${kit.find({ action: '/models', name: 'q', placeholder: families.length ? `Find a model: ${families.slice(0, 3).join(', ')}…` : 'Find a model or a provider', value: q, icon: 'search' })}
--<p class="ex-hero-actions">${kit.button({ href: '/models', label: 'All models' })} ${kit.button({ href: '/start', label: 'Start building', kind: 'quiet' })} ${kit.button({ href: '/chat', label: 'Open chat', kind: 'quiet' })} ${kit.button({ href: '/arena', label: 'Enter the Arena', kind: 'ghost' })}</p>
++<p class="ex-hero-actions">${kit.button({ href: '/models', label: 'All models' })} ${kit.button({ href: '/start', label: 'Start building', kind: 'quiet' })}</p>
  </div>
  ${preview.length === 2 ? previewCard(preview) : ''}
  </section>