function settingsPage (keys) {
  var welcome = h('div', {classList: 'message'})

  welcome.appendChild(h('p', {innerHTML: marked('### Pri Interskri.be \n\n[Interskri.be](http://interskri.be) estas traduko de [Bogbook](http://bogbook.com), kiu siavice estas distribuita socia reto farita per sekur-onidira blokĉena protokolado, al kio oni referencas kiel bog-mesaĝoj.\n\n Per bogbook vi povas krei vian propran socian reton kiu estas facile plukomunikata inter foliumiloj per bogbook-konigejoj.\n\n Por elprovi bogbook, tajpu mesaĝon en la [verkokesto](/) sur la bogbook-versio kiun vi uzas, tiam premu antaŭvidi kaj afiŝi.\n\n Vi povas vidi la fontkodon de la originalo ĉe [git.sr.ht/~ev/bogbook](https://git.sr.ht/~ev/bogbook) kaj de la Esperanta traduko ĉe [git.kiefte.eu/lapingvino/bogbook-esperanto](https://git.kiefte.eu/lapingvino/bogbook-esperanto) kaj vi povas rekte per git ekuzi ĝin:\n```\ngit clone http://git.bogbook.com/bogbook.git\n```\naŭ\n```\ngit clone https://git.kiefte.eu/lapingvino/bogbook-esperanto\n``` Bonvolu komuniki erarojn, cimojn kaj aldono-petojn al [@ev](http://bogbook.com/#@Q++V5BbvWIg8B+TqtC9ZKFhetruuw+nOgxEqfjlOZI0=) per Bogbook aŭ retpoŝte: [ev@evbogue.com](mailto:ev@evbogue.com)\n\n Jen video el la unuaj tagoj de Bogbook:')}))

  welcome.appendChild(h('div', {innerHTML: '<video width="100%" controls><source src="http://evbogue.com/e-bogbook-explanation.webm" type="video/webm"></video>'}))

  var keyDiv = h('div', {classList: 'message'})

  keyDiv.appendChild(h('p', {innerHTML: marked('### Via ŝlosilparo \n\n Jen via [ed25519](https://ed25519.cr.yp.to/)-ŝlosilparo. Ĝi estis kreita per [TweetNaCl.js](https://tweetnacl.js.org/#/). \n\n Bogbook ne uzas ensalutnomon kaj pasvorton, anstataŭe vi povas afiŝi subskribante mesaĝojn per via ŝlosilparo. \n\n Ĉar Bogbook uzas Ŝlosilparojn por identecoj, necesas bone konservi vian ŝlosilparon sekura por ke neniu povu afiŝi al via fluo (aŭ forigi viajn afiŝojn) sen via permeso. \n\n**Konservu vian ŝlosilparon** en sekura loko por ke vi povu pluuzi la saman identecon.')}))

  keyDiv.appendChild(h('pre', {style: 'width: 80%'}, [h('code', [JSON.stringify(keys)])]))

  keyDiv.appendChild(h('button', {
    onclick: function () {
     localforage.removeItem('id', function () {
       location.hash = ''
       location.reload()
     })
    }
  }, ['Forviŝi ŝlosilon']))

  var textarea = h('textarea', {placeholder: 'Importi vian ekzistantan ed25519-ŝlosilparon'})
  keyDiv.appendChild(textarea)
  keyDiv.appendChild(h('button', {
    onclick: function () {
      if (textarea.value) {
        localforage.setItem('id', JSON.parse(textarea.value)).then(function () { location.reload() })
      }
    }
  }, ['Importi ŝlosilon']))

  var everything = h('div', {classList: 'message'})

  everything.appendChild(h('p', {innerHTML: marked('### Forviŝi ĉion \n\n Foje eble vi volas forigi ĉiujn bogbook-datumojn el la foliumilo. Kiam vi klakas ĉi tiun butonon, Bogbook forviŝos ĉion kion vi konservis en la foliumilo.\n\n **NOTU**: Ĉi tio ne forviŝos Bogbook-afiŝojn kiujn vi jam plukomunikis al aliaj.\n\n **AVERTO**: Ĉi tio forviŝos vian ŝlosilparon kun ĉiuj datumoj konservitaj en la foliumilo. Se vi volos plu uzi la saman ŝlosilon, estu certa ke vi sekurkopiis vian ŝlosilparon!')}))

  everything.appendChild(h('button', {
    onclick: function () {
      localforage.clear().then(function () {location.reload()})
    }
  }, ['Forviŝi ĉion']))

  /* we probably don't need this anymore
  var regenerate = h('div', {classList: 'message'})

  regenerate.appendChild(h('p', {innerHTML: marked('The regenerate button will create a new bogbook log in your browser from all of the feeds that you\'ve collected in your browser. While it is rare, you may use this button to troubleshoot if Bogbook is throwing strange database errors in your console.')}))

  regenerate.appendChild(h('button', {
    onclick: function () {
      regenerate()
    }
  }, ['Regenerate']))*/


  var pubs = h('div', {classList: 'message'})
 
  pubs.appendChild(h('p', {innerHTML: marked('### Bogbook-konigejoj \n\n Ĉi tio estas viaj bogbook-konigejoj. Bogbook komunikos kun ĉi tiuj konigejoj por afiŝi viajn mesaĝojn kaj kontroli pri novaj mesaĝoj al kiuj vi aliĝis. Vi devas havi almenaŭ unu konigejon por ke la onidirosistemo funkciu. Se vi ne vidas konigejojn sube, provu klaki "Restarigi konigejojn" aŭ aldonu n```\nws://bogbook.com\n```\n al via listo de konigejoj.')}))

  var add = h('input', {placeholder: 'Aldoni konigejon'})

  localforage.getItem('pubs').then(function (servers) {
    pubs.appendChild(h('div', [
      add,
      h('button', {
        onclick: function () {
          if (add.value) {
            servers.push(add.value)
            localforage.setItem('pubs', servers).then(function () { location.hash = '' })
          }
        }
      }, ['Aldoni konigejon'])
    ]))

    servers.forEach(function (pub) {
      pubs.appendChild(h('p', [
        pub,
        h('button', {
          onclick: function () {
            var newServers = servers.filter(item => item !== pub)
            localforage.setItem('pubs', newServers).then(function () { location.hash = '' })
          }
        }, ['Forviŝi'])
      ]))
    })
  })

  pubs.appendChild(h('button', {
    onclick: function () {
      localforage.removeItem('securepubs').then(function () {
        location.hash = ''
        location.reload()
      })
    }
  }, ['Restarigi konigejojn']))

  scroller.appendChild(keyDiv)
  scroller.appendChild(pubs)
  scroller.appendChild(everything)
  scroller.appendChild(welcome)
  //scroller.appendChild(regenerate)
}