extends templates/base.pug

block js
  script(type='application/javascript' src='/static/openpgp.min.js' charset='utf-8')
  script(type='application/javascript' src='/static/doip.js' charset='utf-8')
  script(type='application/javascript' src='/static/kx-claim.js' charset='utf-8')
  script(type='application/javascript' src='/static/scripts.js' charset='utf-8')

block content
  .demo.narrow
    kx-claim(data-claim= demoData data-skip="true")

  .narrow
    #search.form-wrapper.card
      h2 Generate a profile
      form(action="post")
        input(type="search" name="query" required placeholder="3637202523e7c1309ab79e99ef2dc5827b445f4b, test@doip.rocks")
        div.radio-wrapper
          input#protocol-hkp(type="radio" name="protocol" value="hkp" checked="true")
          label(for="protocol-hkp") HKP
          input#protocol-wkd(type="radio" name="protocol" value="wkd")
          label(for="protocol-wkd") WKD
          input#protocol-sig(type="radio" name="protocol" value="sig")
          label(for="protocol-sig") Signature
        input(type="submit" value="Generate profile")

  if highlights.length > 0
    h2 Highlights
    .hcards.hcards--highlights
      each hl in highlights
        .card.card--small-profile
          p.name= hl.name
          p
            span.fingerprint= hl.fingerprint
            br
            span.details= hl.description
          .spacer
          p
            a(href=`/${hl.fingerprint}`).button.full-width View profile
      - var n = 0
      while n < 3-highlights.length
        .card.card--small-profile-dummy
        - n++

  h2 About Keyoxide
  .hcards.hcards--features.hcards--max-3
    .card
      h3 Online identity
      p Establish an identity by verifiably linking your online accounts. 
        a(href='/about#basic') Read&nbsp;more
    .card
      h3 Decentralized
      p No central server or database. Control how your data is stored and accessed. 
        a(href='/about#decentralized') Read&nbsp;more
    .card
      h3 Privacy
      p No data is collected. Your data is yours and yours only. 
        a(href='/privacy') Read&nbsp;more
    .card
      h3 Cryptography
      p Your online identity verifiably signed with widely-used OpenPGP. 
        a(href='/about#cryptography') Read&nbsp;more
    .card
      h3 Open Source
      p All Keyoxide projects are licensed under AGPL-3.0-or-later. 
        a(href='/about#open-source') Read&nbsp;more
    .card
      h3 Transparent funding
      p Funded by donations. Keyoxide stands against VC and surveillance capitalism. 
        a(href='/about#funding-and-the-flow-of-money') Read&nbsp;more