-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
290 lines (253 loc) · 12.5 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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!doctype html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.80.0" />
<base href="/">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="favicon/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/libs.bundle.css" />
<link rel="stylesheet" href="css/theme.bundle.css" />
<title>while true industries { solutions for data }</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-gray-200">
<div class="container">
<a class="navbar-brand" href="/">
<img src="img/logo.gif" class="navbar-brand-img" alt="...">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<i class="fe fe-x"></i>
</button>
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" id="navbarShowcase" href="showcase/">
Showcase
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="navbarAbout" href="about/">
About us
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="navbarHire" href="hire/">
Hire us
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="navbarHire" href="odds/">
ODDS
</a>
</li>
</ul>
<a class="navbar-btn btn btn-sm btn-primary lift ms-auto" href="hire/">
Contact us
</a>
</div>
</div>
</nav>
<section class="pt-4 pb-8 mb-4 pt-md-11">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-6 col-lg-6 order-md-1" data-aos="fade-up">
<h1 class="display-1 font-weight-bold text-center text-md-start">
Your data, our expertise.
</h1>
<p class="lead text-center text-md-start text-muted">
At <strong>while true</strong> we have decades of experience building software for humans with data.
</p>
<p class="lead text-center text-md-start text-muted mb-6 mb-lg-8">
Work with us as <strong>technology consultants</strong> for your data project, as <strong>data strategists</strong> to get you on the right path to using data to produce business value, or as <strong>software engineers</strong> to turn your ideas into reliable, efficient data solutions.
</p>
<div class="text-center text-md-start">
<a href="hire/" class="btn btn-primary shadow lift me-1">
Contact us <i class="fe fe-arrow-right d-none d-md-inline ms-3"></i>
</a>
<a href="showcase/" class="btn btn-primary-soft lift">
Project Showcase
</a>
</div>
</div>
<div class="col-12 col-md-6 col-lg-6 order-md-2 mt-4 mb-4">
<div class="card rounded-lg bg-black mb-6 mb-md-0 img-skewed-item screenshot">
<div class="card-header border-white-10">
<div class="d-flex">
<span class="bg-danger rounded-circle" style="width: 10px; height: 10px;"></span>
<span class="bg-warning rounded-circle ms-1" style="width: 10px; height: 10px;"></span>
<span class="bg-success rounded-circle ms-1" style="width: 10px; height: 10px;"></span>
</div>
</div>
<div class="card-body" style="min-height: 340px;">
<code class="terminal highlight" data-typed='{"strings":["$\u0026nbsp;curl\u0026nbsp;https://whiletrue.industries/api/about-us\u003cbr/\u003e^500\n\u003cspan class=\"text-success\"\u003e\n`summary:`\u003cbr/\u003e^250\n\u0026nbsp;\u0026nbsp;`-\u0026nbsp;Technology\u0026nbsp;Consultants\u0026nbsp;`\u003cbr/\u003e^250\n\u0026nbsp;\u0026nbsp;`-\u0026nbsp;Data\u0026nbsp;Strategists\u0026nbsp;`\u003cbr/\u003e^250\n\u0026nbsp;\u0026nbsp;`-\u0026nbsp;Software\u0026nbsp;Engineers\u0026nbsp;`\u003cbr/\u003e^250\n\u003c/span\u003e\u003cbr/\u003e\n$\u0026nbsp;curl\u0026nbsp;https://whiletrue.industries/api/motto\u003cbr/\u003e^500\n\u003cspan class=\"text-success\"\u003e\n`Your data, our expertise.`\u003cbr/\u003e\n\u003c/span\u003e\n"]}'></code>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pt-8 pb-8 bg-gray-200">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-md-4 col-lg-4 order-md-1">
<img src="img/illustrations/img-2.png" class="img-fluid mb-6 mb-md-0" alt="...">
</div>
<div class="col-12 col-md-8 col-lg-8 order-md-2">
<h2 class="display-6 text-center text-md-start">
Solutions in all shapes and sizes
</h2>
<p class="lead text-center text-md-start text-muted">
<strong>Data Publication</strong> apps, making data available to the public in an accessible, friendly, understandable and beautiful way.
</p>
<p class="lead text-center text-md-start text-muted">
<strong>Data Engineering</strong> infrastructure for ETL, interactive data curation, and APIs for Data as a Service.
</p>
<p class="lead text-center text-md-start text-muted">
<strong>Open Data Catalogs</strong> for governments and third sector organizations, using <a href="https://ckan.org" target="_blank">CKAN</a> and <a href="https://frictionlessdata.io" target="_blank">Frictionless Data</a>.
</p>
<p class="lead text-center text-md-start text-muted">
<strong>Data Management</strong> systems for public and private data, leveraging the best of public cloud infrastructure and open source software.
</p>
</div>
</div>
</div>
</section>
<section class="py-8 py-md-11 border-bottom">
<div class="container">
<div class="row">
<div class="col-12 col-md-4" data-aos="fade-up" data-aos-delay="50">
<div class="icon text-primary mb-3">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M5.5 4h4A1.5 1.5 0 0111 5.5v1A1.5 1.5 0 019.5 8h-4A1.5 1.5 0 014 6.5v-1A1.5 1.5 0 015.5 4zm9 12h4a1.5 1.5 0 011.5 1.5v1a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-1a1.5 1.5 0 011.5-1.5z" fill="#335EEA"/><path d="M5.5 10h4a1.5 1.5 0 011.5 1.5v7A1.5 1.5 0 019.5 20h-4A1.5 1.5 0 014 18.5v-7A1.5 1.5 0 015.5 10zm9-6h4A1.5 1.5 0 0120 5.5v7a1.5 1.5 0 01-1.5 1.5h-4a1.5 1.5 0 01-1.5-1.5v-7A1.5 1.5 0 0114.5 4z" fill="#335EEA" opacity=".3"/></g></svg> </div>
<h3>
With government
</h3>
<p class="text-muted mb-6 mb-md-0">
We collaborate with governments to ensure their transparency programs are supported by a strategy that addresses the technical, legal and social aspects of publishing data openly.
</p>
</div>
<div class="col-12 col-md-4" data-aos="fade-up" data-aos-delay="100">
<div class="icon text-primary mb-3">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M17.272 8.685a1 1 0 111.456-1.37l4 4.25a1 1 0 010 1.37l-4 4.25a1 1 0 01-1.456-1.37l3.355-3.565-3.355-3.565zm-10.544 0L3.373 12.25l3.355 3.565a1 1 0 01-1.456 1.37l-4-4.25a1 1 0 010-1.37l4-4.25a1 1 0 011.456 1.37z" fill="#335EEA"/><rect fill="#335EEA" opacity=".3" transform="rotate(15 12 12)" x="11" y="4" width="2" height="16" rx="1"/></g></svg> </div>
<h3>
With 3rd sector organizations
</h3>
<p class="text-muted mb-0">
We support nonprofits, civic tech, and research bodies in building robust systems for collecting, processing and securely sharing large amounts of diverse data.
</p>
</div>
<div class="col-12 col-md-4" data-aos="fade-up">
<div class="icon text-primary mb-3">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"/><path d="M7 3h10a4 4 0 110 8H7a4 4 0 110-8zm0 6a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA"/><path d="M7 13h10a4 4 0 110 8H7a4 4 0 110-8zm10 6a2 2 0 100-4 2 2 0 000 4z" fill="#335EEA" opacity=".3"/></g></svg> </div>
<h3>
With business
</h3>
<p class="text-muted mb-6 mb-md-0">
We equip companies with the tools and knowledge they need to achieve data-driven decision making through best-of-breed data cataloging and data engineering solutions.
</p>
</div>
</div>
</div>
</section>
<section class="py-8 py-md-11 bg-dark mt-8" id='contact-us'>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-8 text-center">
<span class="badge rounded-pill bg-gray-500-soft mb-4">
<span class="h6 fw-bold text-uppercase">Get started</span>
</span>
<h1 class="display-4 text-white">
Interested in hearing more?<br><strong>Let's talk!</strong>
</h1>
<p class="fs-lg text-white mb-6 mb-md-8">
Drop us a message or an email, and we see how we can work together.
</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-10">
<form action='https://europe-west3-phonaris.cloudfunctions.net/form-to-sendgrid' method='post'>
<div class="row">
<div class="col-12 col-md-6">
<div class="form-group mb-5">
<input class="form-control" name="name" type="text" placeholder="Full name">
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group mb-5">
<input class="form-control" name="email" type="email" placeholder="[email protected]">
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-group mb-5">
<textarea class="form-control" name="message" rows="5" placeholder="Tell us what we can help you with!"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-group mb-5">
<div class="g-recaptcha" data-sitekey="6LfPnhUcAAAAABTyd7AU65jCbWmy1Q02Duuj1kOx"></div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<button type="submit" class="btn btn-primary lift">
Send message
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="py-8 py-md-11 bg-gray-200">
<div class="container">
<div class="row">
<div class="col-12 col-md-4 col-lg-3">
<img src="img/logo.gif" alt="..." class="footer-brand img-fluid mb-2">
<p class="text-gray-700 mb-2">
Your data, our expertise.
</p>
</div>
<div class="col-6 col-md-4 col-lg-3">
</div>
<div class="col-6 col-md-4 col-lg-3">
</div>
<div class="col-6 col-md-4 offset-md-4 col-lg-3 offset-lg-0">
<h6 class="fw-bold text-uppercase text-gray-700">
Company
</h6>
<ul class="list-unstyled text-muted mb-0">
<li class="mb-3">
<a href="about/" class="text-reset">
About us
</a>
</li>
<li class="mb-3">
<a href="hire/" class="text-reset">
Contact us
</a>
</li>
<li class="mb-3">
<a href="https://github.com/whiletrue-industries" class="text-reset">
Github
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="js/vendor.bundle.js"></script>
<script src="js/theme.bundle.js"></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
</body>
</html>