tesseract/index.html at main · nitroxhq/tesseract · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>tesseract. now in development.</title>
    <meta name="google-site-verification" content="eWbqFtcYwJfMpLeloYcpYXO1XsaeRL7oXrfr5S-JHiI" />

    <!-- fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Instrument+Serif:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">

    <!-- styling + favicon -->
    <link rel="stylesheet" href="styles.css" />
    <link rel="icon" type="image/svg+xml" href=".assets/tesseract logo 55px.svg">
    <link rel="icon" type="image/png" href=".assets/tesseract logo 55px gap 512px.png">

    <!-- libraries - load dependencies in correct order -->
    <!-- load Typed.js from a CDN -->
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
    <!-- <script src="https://cdn.tailwindcss.com"></script> -->
  </head>

  <body>
    <nav>
      <!--
      <div class="logo nav-logo" aria-hidden="true">
          <svg
            width="100"
            height="100"
            viewBox="0 0 100 100"
            fill="#A161EA"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M154.513 370.701C165.961 377.31 173.013 389.525 173.013 402.744V628.63C173.013 641.853 180.069 654.071 191.523 660.679L387.237 773.591C398.69 780.198 405.747 792.416 405.747 805.639V920.172C405.747 948.655 374.914 966.456 350.247 952.215L18.5 760.681C7.05216 754.072 0 741.857 0 728.638V345.579C0 317.096 30.8333 299.295 55.5 313.536L154.513 370.701ZM866.025 728.638C866.025 741.857 858.973 754.072 847.525 760.681L515.777 952.215C491.111 966.456 460.277 948.655 460.277 920.172V805.639C460.277 792.416 467.334 780.198 478.788 773.591L674.502 660.679C685.956 654.071 693.013 641.853 693.013 628.63V402.736C693.013 389.517 700.065 377.302 711.513 370.693L810.525 313.528C835.192 299.287 866.025 317.089 866.025 345.571V728.638ZM783.263 202.217C807.93 216.458 807.93 252.061 783.263 266.303L684.138 323.533C672.693 330.14 658.594 330.143 647.148 323.539L451.502 210.667C440.06 204.066 425.966 204.066 414.523 210.667L218.872 323.543C207.425 330.146 193.326 330.144 181.882 323.537L82.7559 266.307C58.0892 252.065 58.0893 216.462 82.7559 202.221L414.513 10.681C425.961 4.07156 440.065 4.07155 451.513 10.6809L783.263 202.217Z"
            />
            <path
              d="M414.591 273.014C426.039 266.404 440.144 266.404 451.592 273.014L619.98 370.235C631.428 376.845 638.48 389.059 638.48 402.278V596.724C638.48 609.942 631.428 622.157 619.98 628.766L451.592 725.988C440.144 732.598 426.039 732.598 414.591 725.988L246.203 628.766C234.755 622.157 227.703 609.942 227.703 596.724V402.278C227.703 389.059 234.755 376.845 246.203 370.235L414.591 273.014Z"
            />
          </svg>
      </div>
      -->
    </div>
      <a href="#" class="nav-hamburger">
        <span class="nav-hamburger-line"></span>
        <span class="nav-hamburger-line"></span>
        <span class="nav-hamburger-line"></span>
      </a>
      <div class="nav-menu">
        <ul>
          <li><a href="https://nitroxhq.github.io/" class="nav-link">nitrox</a></li>
          <li><a href="#" class="nav-link">home</a></li>
          <li><a href="#" class="nav-link">features</a></li>
          <li><a href="/about/about.html" class="nav-link">why tesseract?</a></li>
          <li><a href="/download/download.html" class="nav-link">download</a></li>
        </ul>
      </div>
    </nav>

    <main class="landing-container">
      <div class="hero">
        <div class="logo" aria-hidden="true">
          <svg
            width="867"
            height="985"
            viewBox="0 0 867 985"
            fill="#A161EA"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M154.513 370.701C165.961 377.31 173.013 389.525 173.013 402.744V628.63C173.013 641.853 180.069 654.071 191.523 660.679L387.237 773.591C398.69 780.198 405.747 792.416 405.747 805.639V920.172C405.747 948.655 374.914 966.456 350.247 952.215L18.5 760.681C7.05216 754.072 0 741.857 0 728.638V345.579C0 317.096 30.8333 299.295 55.5 313.536L154.513 370.701ZM866.025 728.638C866.025 741.857 858.973 754.072 847.525 760.681L515.777 952.215C491.111 966.456 460.277 948.655 460.277 920.172V805.639C460.277 792.416 467.334 780.198 478.788 773.591L674.502 660.679C685.956 654.071 693.013 641.853 693.013 628.63V402.736C693.013 389.517 700.065 377.302 711.513 370.693L810.525 313.528C835.192 299.287 866.025 317.089 866.025 345.571V728.638ZM783.263 202.217C807.93 216.458 807.93 252.061 783.263 266.303L684.138 323.533C672.693 330.14 658.594 330.143 647.148 323.539L451.502 210.667C440.06 204.066 425.966 204.066 414.523 210.667L218.872 323.543C207.425 330.146 193.326 330.144 181.882 323.537L82.7559 266.307C58.0892 252.065 58.0893 216.462 82.7559 202.221L414.513 10.681C425.961 4.07156 440.065 4.07155 451.513 10.6809L783.263 202.217Z"
            />
            <path
              d="M414.591 273.014C426.039 266.404 440.144 266.404 451.592 273.014L619.98 370.235C631.428 376.845 638.48 389.059 638.48 402.278V596.724C638.48 609.942 631.428 622.157 619.98 628.766L451.592 725.988C440.144 732.598 426.039 732.598 414.591 725.988L246.203 628.766C234.755 622.157 227.703 609.942 227.703 596.724V402.278C227.703 389.059 234.755 376.845 246.203 370.235L414.591 273.014Z"
            />
          </svg>
        </div>

        <h2 class="tagline">
          <span>Tesseract is your </span>
          <span id="typeWriter"><!--productivity supertool.--></span>
          <br>
          <span class="metadata"> now in development.</span> <!-- tagline?? -->
          <!-- FIX: 1) in browser (not vscode) the logo shifts when typing. /// 2) ADD MARGIN UNDER "now under development" /// 3) make sure its centered. -->
        </h2>

        <nav class="cta-links" aria-label="primary actions">
          <div class="main-btns">
            <a class="btn btn-primary" href="download/download.html">download</a>
            <a class="btn btn-sub" href="404.html">web version</a>
          </div>

          <div class="metadata">
            <span>mobile and desktop versions planned.</span>
          </div>

          <a class="btn btn-bar" href="about/about.html">
            <span class="btn btn-bar-text">why tesseract???</span>
            <span class="btn btn-bar-div">|</span>
            <span class="btn btn-bar-text">more info <span class="arrow">→</span></span>
          </a>
        </nav>
      </div>
    </main>

    <!-- site JavaScript -->
    <script src="script.js"></script>
    <!-- grainy bkg -->
    <!-- <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
      <filter id="grainy">
        <feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/>
      </filter>
    </svg>
  -->
  </body>
</html>