rotonde-client/index.html at master · Rotonde/rotonde-client · GitHub

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
<!doctype html>

<link rel="stylesheet" href="/links/reset.css" />
<link rel="stylesheet" href="/links/fonts.css" />
<link rel="stylesheet" href="/site/styles.css" />
<script defer src="/site/scripts.js"></script>

<div class="pane-view">
  <section id="create-portal-page" class="pane pane--active pane--fade-right">
    <div class="field avatar" data-help="Change Avatar *.svg">
      <label for="avatar" tabindex="0">
        <img src="/media/logo.svg" />
      </label>
      <input id="avatar" type="file" />
    </div>

    <div class="field name">
      <input id="name" type="text" placeholder="e.g. User-name" tabindex="0" />
    </div>

    <button id="create-portal" class="button" tabindex="0" style='display: none'>
      Create Your Portal!
    </button>
  </section>

  <section id="congrats-page" class="pane pane--fade-left">
    <article>
      <h1>Welcome</h1>
      <p>
        You now have your own portal to share with the world. To learn more about your portal,
        check out <a href="https://github.com/Rotonde/rotonde-client">the documentation</a>.
        There you can find out more about what commands are available and how you can manage
        your portal.
      </p>
    </article>

    <button id="close-congrats-page" class="icon-button close" tabindex="0">
      <img src="/site/close.svg" alt="close"/>
    </button>
  </section>
</div>