-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
227 lines (216 loc) · 9.92 KB
/
index.html
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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<meta charset="utf-8" />
<title>Arroyo</title>
<link rel="icon" href="./images/logos/color/arroyographic_color.svg" />
<link href='https://fonts.googleapis.com/css?family=Nunito' rel='stylesheet'>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/home-animation.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="case-study.html">Case Study</a></li>
<li><a href="#three">Meet the team</a></li>
</ul>
</nav>
<!-- <a href="https://github.com/Team-Arroyo/arroyo" class="icon brands fa-github fa-3x" target="_blank"></a> -->
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<img class="image arroyo-logo-home" src="images/logos/color/arroyographic_color.svg" width="200px" height="200px" alt="Arroyo logo" data-position="center center" />
<div class="arroyo-title">
<h2>Arroyo</h2>
<h2>Arroyo</h2>
<p>Arroyo is a lightweight framework that facilitates the granular rehydration of logs, granting users the ability to select a specific timeframe to search for relevant log files. </p>
<img class="image home-page-architecture-image" src="images/technical-img/architecture.gif" alt="Arroyo architecture" data-position="center center" />
</div>
<ul class="actions case-study-btn">
<li><a href="case-study.html" class="button scrolly">Read Case Study</a></li>
</ul>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<img class="image home-page-svg-icon" src="images/logo_elastic_outline.svg" alt="Elastic logo" data-position="center center" />
<div class="content">
<div class="inner">
<h2>Keep Your Existing ELK Stack</h2>
<p>Arroyo integrates with a user's existing ELK stack. Rehydrate the logs you need while keeping your existing pipeline.</p>
</div>
</div>
</section>
<section>
<img class="image home-page-svg-icon" src="images/noun-money-5055857.svg" alt="Money icon" data-position="top center" />
<div class="content">
<div class="inner">
<h2>Free To Use</h2>
<p>Paid, commercial solutions exist. We would like to provide a lightweight, free alternative.</p>
</div>
</div>
</section>
<section>
<img class="image home-page-svg-icon" src="images/noun-stopwatch-4427248.svg" alt="Stopwatch icon" data-position="25% 25%" />
<div class="content">
<div class="inner">
<h2>Quick To Start</h2>
<p>If users currently archive logs in AWS S3 and are implementing their own ELK stack -- they can quickly set up and use Arroyo.</p>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style-bronze fade-up">
<div class="inner">
<h2>What Arroyo does</h2>
<div class="features">
<section>
<p id="what-arroyo-does-text">Arroyo facilitates the rehydration of logs, granting users the ability to select a specific timeframe to search for relevant log files. Additionally, Arroyo supports query searching; a user can provide log attributes in order to conditionally rehydrate logs for more granular control over what data is rehydrated. Search results are retrieved from a user's AWS S3 bucket and reingested into Elasticsearch.</p>
</section>
<section>
<div class="arroyo-phases-container">
<img class="image arroyo-phases-image" src="images/technical-img/arroyo-phases.png" alt="Arroyo phases"/>
</div>
</section>
</div>
<div class="features">
<section>
<span class="icon solid major fa-water"></span>
<h3>Rehydrate</h3>
<p>Initiate log rehydration jobs within the Arroyo UI. A user can rehydrate the entire contents of their log files, or provide a query to rehydrate only relevant logs.</p>
</section>
<section>
<span class="icon solid major fa-file"></span>
<h3>Reingest</h3>
<p>Arroyo ships rehydrated logs to a user's Elasticsearch via Logstash.</p>
</section>
<section>
<span class="icon solid major fa-lightbulb"></span>
<h3>Notify</h3>
<p> A user will receive notifications within the Arroyo UI once rehydration jobs have completed.</p>
</section>
<section>
<span class="icon solid major fa-chart-bar"></span>
<h3>Visualize</h3>
<p>A user can return to their Kibana dashboard to view rehydration results.</p>
</section>
</div>
<h2 id="quick-start">What you'll need</h2>
<p></p>
<div class="features">
<section>
<span class="icon solid major fa-link"></span>
<h3>Existing ELK stack</h3>
<p>Arroyo integrates with a user's existing ELK stack.</p>
</section>
<section>
<span class="icon brands major fa-aws "></span>
<h3>Archived logs</h3>
<p>Arroyo currently supports rehydrating logs from AWS S3 back into Elasticsearch.</p>
</section>
</div>
<ul class="actions case-study-btn">
<li><a href="case-study.html" class="button scrolly">Read case study</a></li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style4 fade-up">
<div class="team-section">
<h2>Meet Team Arroyo</h2>
<p>We are currently looking for opportunities. If you liked what you saw and want to talk more, please reach out!</p>
<ul id="team-members" class="team-flex">
<li class="profile">
<div class="info">
<div class="general">
<img src="images/team/don_redding2.jpg" />
<h3>Don Redding</h3>
<p>Los Angeles, CA</p>
</div>
<ul class="social">
<li><a href="https://github.com/donald-p-redding" class="icon brands fa-github fa-2x" target="_blank"></a></li>
<li><a href="https://www.linkedin.com/in/donald-redding-36a093234/" class="icon brands fa-linkedin fa-2x" target="_blank"></a></li>
<li><a href="https://www.donaldredding.dev/" class="icon solid fa-globe fa-2x" target="_blank"></a></li>
</ul>
</div>
</li>
<li class="profile">
<div class="info">
<div class="general">
<img src="images/team/anne_jones.jpg" />
<h3>Anne Jones</h3>
<p>Seattle, WA</p>
</div>
<ul class="social">
<li><a href="https://github.com/aelizj" class="icon brands fa-github fa-2x" target="_blank"></a></li>
<li><a href="https://www.linkedin.com/in/anneelizjones/" class="icon brands fa-linkedin fa-2x" target="_blank"></a></li>
<li><a href="https://annejones.dev/" class="icon solid fa-globe fa-2x" target="_blank"></a></li>
</ul>
</div>
</li>
<li class="profile">
<div class="info">
<div class="general">
<img src="images/team/olga_shiryaeva.png" />
<h3>Olga Shiryaeva</h3>
<p>Chicago, IL</p>
</div>
<ul class="social">
<li><a href="https://github.com/olgashi" class="icon brands fa-github fa-2x" target="_blank"></a></li>
<li><a href="https://www.linkedin.com/in/olgashi" class="icon brands fa-linkedin fa-2x" target="_blank"></a></li>
<li><a href="https://www.olga.sh/" class="icon solid fa-globe fa-2x" target="_blank"></a></li>
</ul>
</div>
</li>
<li class="profile">
<div class="info">
<div class="general">
<img src="images/team/pauline_tanzman.jpg" />
<h3>Pauline Tanzman</h3>
<p>Boston, MA</p>
</div>
<ul class="social">
<li><a href="https://github.com/Pauline3414159" class="icon brands fa-github fa-2x" target="_blank"></a></li>
<li><a href="https://www.linkedin.com/in/pauline-3414159/" class="icon brands fa-linkedin fa-2x" target="_blank"></a></li>
<li><a href="https://www.paulinetanzman.com/" class="icon solid fa-globe fa-2x" target="_blank"></a></li>
</ul>
</div>
</li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style4" >
<div class="inner">
<ul class="menu">
<li><a href="#intro" class="fa fa-home fa-3x"></a></li>
<li><p style="color: rgb(84, 102, 123);" class="copywrite-text">© 2022 Arroyo. All rights reserved<br>Design: <a href="http://html5up.net">HTML5 UP</a></p></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>