welcome-noad.html 2.92 KB
Newer Older
1
<html>
2

3 4 5 6
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Welcome</title>
7 8 9
  <link rel="stylesheet" type="text/css" href="assets/css/fa-brands.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/fa-solid.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/fontawesome.min.css">
10
  <link rel="stylesheet" type="text/css" href="assets/css/welcome.min.css">
11
</head>
12

13 14 15
<body class="is-unselectable">
  <section class="hero is-fullheight">
    <div class="hero-body">
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
      <div class="container">
        <div class="columns is-vcentered">
          <div class="column has-text-centered">
            <p class="title">Zeal
              <span id="version" class="has-text-weight-light is-size-5"></span>
            </p>
            <p class="subtitle">Docs for everyone</p>
          </div>
          <div class="column">
            <p class="subtitle is-5">Customize</p>
            <div class="command-block" onclick="zAppBridge.triggerAction('openDocsetManager')">
              <p class="title is-6">Docsets</p>
              <p class="subtitle is-6">Install and update docsets</p>
            </div>
            <div class="command-block" onclick="zAppBridge.triggerAction('openPreferences')">
              <p class="title is-6">Preferences</p>
              <p class="subtitle is-6">Adjust application settings</p>
            </div>
            <p class="subtitle is-5">Get in touch</p>
            <div class="command-block" onclick="zAppBridge.openShortUrl('gitter')">
              <p class="title is-6">Gitter</p>
              <p class="subtitle is-6">Chat with developers and other users</p>
            </div>
            <div class="command-block" onclick="zAppBridge.openShortUrl('github')">
              <p class="title is-6">GitHub</p>
              <p class="subtitle is-6">Contribute to the project</p>
            </div>
          </div>
        </div>
45 46 47 48 49 50 51
      </div>
    </div>

    <div class="hero-foot">
      <div class="container">
        <div class="content has-text-centered">
          <p>
52 53 54 55 56
            <a class="icon" onclick="zAppBridge.openShortUrl('github')">
              <i class="fab fa-github"></i>
            </a>
            <a class="icon" onclick="zAppBridge.openShortUrl('gitter')">
              <i class="fab fa-gitter"></i>
57
            </a>
58 59
            <a class="icon" onclick="zAppBridge.openShortUrl('twiter')">
              <i class="fab fa-twitter"></i>
60 61 62
            </a>
          </p>
          <p>
63 64 65 66 67 68
            <a class="is-size-7" onclick="zAppBridge.openShortUrl('report-bug')">
              <span class="icon">
                <i class="fas fa-bug"></i>
              </span>
              <span>Report a problem</span>
            </a>
69
          </p>
70
          <p></p>
71 72 73 74
        </div>
      </div>
    </div>
  </section>
75 76 77 78

  <script>
    document.getElementById("version").textContent = zAppBridge.AppVersion;
  </script>
79
</body>
80

81
</html>