chronos-project.github.io/index.html at master · chronos-project/chronos-project.github.io · 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
<!DOCTYPE html>
<html lang="en-US">
  <head>
    <title>Chronos: An event-capturing framework</title>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta name="image" property="og:image" content="https://chronos-project.github.io/images/chronos_intrographic_Intro_Text.png" />
    <link rel="stylesheet" href="css/main.css">
    <link rel="shortcut icon" type="image/png" href="/favicon.png" />
  </head>
  <body>
    <nav>
      <a href="index.html" class="hvr-bob"></a>
      <ul>
        <li><a href="casestudy.html" class="hvr-float-shadow">Case Study</a></li>
        <li><a href="bibliography.html" class="hvr-float-shadow">Bibliography</a></li>
        <li><a href="team.html" class="hvr-float-shadow">Team</a></li>
        <li><a href="https://github.com/chronos-project" class="hvr-float-shadow"><img src="images/icons/chronos_github_gray.png" alt="Github logo" /></a></li>
      </ul>
    </nav>
    <main>
      <section id="splash">
        <h1>Chronos</h1>
      </section>
      <section id="tracker">
        <article class="box">
          <div class="text-box">
            <h2>Automate your event capturing</h2>
            <p>Chronos provides an intuitive configuration file that lets you specify which events you'd like to capture. Afer that, just drop the tracker in your webpage and you're all set - that's it.</p>
            <a class="button" href="casestudy.html">Learn More</a>
          </div>
        </article>
        <div class="box">
          <img src="images/chronos_homepage_graphic.png" alt="Tracker file compilation" />
        </div>
      </section>
      <section id="streaming">
        <div class="box">
          <img src="images/chronos_streamingdiagram.png" alt="Streaming Architecture" />
        </div>
        <div class="box">
          <div class="text-box">
            <h2>Built to Stream from the Ground Up</h2>
            <p>Leverage the power of Apache Kafka to stream your event data. Add new producers and consumers at will - everything is decoupled.</p>
          </div>
        </div>
      </section>
      <section id="databases">
        <div>
          <h2>Databases Built for Events</h2>
          <p>Chronos utilizes time-series databases to efficiently store your data for analysis</p>
        </div>
        <div id="logos">
          <div class="db-logo">
            <img src="images/timescale.png" alt="TimescaleDB logo"/>
            <p>Use TimescaleDB to explore your data and discover usage trends</p>
          </div>
          <div class="db-logo">
            <img src="images/pipeline.png" alt="PipelineDB logo"/>
            <p>Use PipelineDB to aggregate your data into realtime results</p>
          </div>
        </div>
      </section>
      <section id="about">
        <div class="box">
          <div class="text-box">
            <h2>Open Source</h2>
            <p>Chronos is an open source project under the MIT license. Checkout out our repo at GitHub</p>
            <a class="button" href="https://github.com/chronos-project">GitHub</a>
          </div>
        </div>
        <div class="box">
          <div class="text-box">
            <h2>Meet the Team</h2>
            <p>Chronos was built by a remote team of two software engineers from across the USA. Come see more about us</p>
            <a class="button" href="team.html">Learn More</a>
          </div>
        </div>
      </section>
    </main>
    <footer>
      <p>Current Version: 0.9.0</p>
      <p><a href="casestudy.html" class="hvr-float-shadow">Case Study</a> | <a href="bibliography.html" class="hvr-float-shadow">Bibliography</a> | <a href="team.html" class="hvr-float-shadow">Team</a></p>
      <small>Site design by <a href="https://www.instagram.com/linzimurray.creative/" target="_blank">linzimurray.creative</a></small>
    </footer>
  </body>
</html>