-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
259 lines (242 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
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Datanous</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="shortcut icon" href="images\pugileFavicon16x16.jpg" type="image/x-icon" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Datanous</strong>: noēsis in a data world</a>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/slprice" target="_blank" class="icon fa-linkedin-square"><span class="label">LinkedIn</span></a></li>
<li><a href="https://public.tableau.com/profile/stephen.price2086#!/" target="_blank" class="icon fa-area-chart"><span class="label">Tableau Public</span></a></li>
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>Datanous</h1>
<p>original insights</br>animal intuitions</br>curiosity, nous & </br>data visualization</p>
<p style="font-size:15pt;"><b>挑战也是机会</b></p>
</header>
<p>Welcome to this unique blogging experience. Content will mostly focus on data, visual analytics and possibly other things I find interesting (i.e. languages, history, oil & gas). Other topics are best talked about in person, some ideas are just too dangerous for the web. Commentary and advice are provided via thoughtful posts, aiming always for truth and balance. I promise to keep it professional but expect some personality here and there. At times coherent and well laid out. At other times more of a stream of consciousness (or rants).</p>
<p><strong>FAIR WARNING:</strong> My sense of humor is not for everyone. No liability shall be assumed whatsoever - <i>user discretion is advised.</i></p>
<ul class="actions">
<li><a href="datanous_about.html" class="button big">What?</a></li>
</ul>
</div>
<span class="image object">
<img src="images/Quito_Ecuador.jpg" alt="Datanous"/>
</span>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>About this site</h2>
</header>
<div class="features">
<article>
<span class="icon fa-bar-chart"></span>
<div class="content">
<h3>Data Analytics</h3>
<p>Compelling visualizations, uncomfortable insights and pleasing aesthestics. All with a fair dose of tips & tricks, BI best practices and a sprinkling of MSG.</p>
</div>
</article>
<article>
<span class="icon fa-database"></span>
<div class="content">
<h3>Backend Stuff</h3>
<p>Let's face it: we're both on a journey here. As I gain a deeper understanding on
how things work, I will make sure to post cool findings. Eventually my advice may come at price so get it while it's free.</p>
</div>
</article>
<article>
<span class="icon fa-tint"></span>
<div class="content">
<h3>Oil & Gas</h3>
<p>I worked in the industry for 2 and a half years. It is a strong part of my identity and will always remain a subject of interest. The intersection between energy and analytics is a space of great opportunity.</p>
</div>
</article>
<article>
<span class="icon fa-coffee"></span>
<div class="content">
<h3>Philosophy</h3>
<p>Ok, this coffee mug is supposed to represent any subject that may be categorized as 'other'. Why not be pretentious and call it 'Philosophy' instead? Technologists tend to be pretty esoteric anyways.</p>
</div>
</article>
</div>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Highlights</h2>
</header>
<div class="posts">
<!-- image height to width ratio width = 1.625 x height -->
<article>
<a href="tableauJSAPI.html" class="image"><img src="images/Asset_Production_Report_1.jpg" alt="Tableau JavaScript API" /></a>
<h3>Tableau's JavaScript API</h3>
<span class="icon fa-bar-chart"></span>
<p>Embed Tableau content on your website or application. Use JS functions to extend functionality. A great place to learn these skills from a no-nonsense author.</p>
<ul class="actions">
<li><a href="tableauJSAPI.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="dataviz_gallery.html" class="image"><img src="images/Call_Volume_Analysis_1.jpg" alt="Tableau Visual Gallery" /></a>
<h3>Visual Analytics Gallery</h3>
<span class="icon fa-bar-chart"></span>
<p>Tableau Public is a treasure trove of fantastic content. Given it's open nature and size sometimes a little guidance is needed. Here you will find a curated collection of my favorite data visualizations.</p>
<ul class="actions">
<li><a href="dataviz_gallery.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="well_logs.html" class="image"><img src="images/Well_Log_MasterFlow.jpg" alt="Tableau Well Logs" /></a>
<h3>Tableau Well Logs</h3>
<span class="icon fa-tint"></span> <span class="icon fa-bar-chart"> </span>
<p>Transform your .las files into a friendlier format. Use Tableau Prep to create a repository of all your logs, create visual magic with Tableau Desktop.</p>
<ul class="actions">
<li><a href="well_logs.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="datanous_about.html" class="image"><img src="images/pugile.jpg" alt="Datanous" /></a>
<h3>Datanous?</h3>
<span class="icon fa-coffee"></span> <span class="icon fa-bar-chart">
<p>What does it even mean? Totally a made up word.</p>
<ul class="actions">
<li><a href="datanous_about.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="about_author.html" class="image"><img src="images/StephenPrice.jpg" alt="Stephen Price" /></a>
<h3>About the Author</h3>
<span class="icon fa-coffee"></span>
<p>Context. Very important!</p>
<ul class="actions">
<li><a href="about_author.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="#" class="image"><img src="images/seismic_1.png" alt="Tableau Reflection Seismology" /></a>
<h3>Tableau Reflection Seismology</h3>
<span class="icon fa-tint"></span> <span class="icon fa-bar-chart"></span>
<p>How to visualize seismic reports for oil & gas applications using Tableau.
Not your everyday use case but man is the solution pretty cool!</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</article>
</div>
</section>
</div>
</div>
<!-- *****************Menu Bar******************* -->
<!-- Sidebar -->
<div id="sidebar" class="inactive">
<div class="inner">
<!-- Search -->
<section id="search" class="alt">
<form method="post" action="#">
<input type="text" name="query" id="query" placeholder="Search" />
</form>
</section>
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="datanous_about.html">Datanous?</a></li>
<li><a href="about_author.html">About the Author</a></li>
<li>
<span class="opener">Analytics</span>
<ul>
<li><a href="dataviz_gallery.html">Visual Analytics Gallery</a></li>
<li><a href="tableauJSAPI.html">Tableau's JavaScript API</a></li>
</ul>
</li>
<li>
<span class="opener">Backend Stuff</span>
<ul>
<li><a href="#">Coming Soon</a></li>
</ul>
</li>
<li>
<span class="opener">Oil & Gas</span>
<ul>
<li><a href="well_logs.html">Tableau Well Logs</a></li>
<li><a href="#">Tableau Reflection Seismology</a></li>
</ul>
</li>
</ul>
</nav>
<!-- Section -->
<section>
<header class="major">
<h2>Featured Posts</h2>
</header>
<div class="mini-posts">
<article>
<a href="tableauJSAPI.html" class="image"><img src="images/Asset_Production_Report_1.jpg" alt="Tableau JavaScript API" /></a>
<p><strong>Tableau's JavaScript API</strong></br>Embed Tableau content on your website or application. Use JS functions to extend functionality. A great place to learn these skills from a no-nonsense author.</p>
</article>
<article>
<a href="well_logs.html" class="image"><img src="images/Well_Log_Flow.png" alt="Tableau Well Logs" /></a>
<p><strong>Tableau Well Logs</strong></br>Transform your .las files into a friendlier format. Use Tableau Prep to create a repository of all your logs and let visual magic happen in Tableau Desktop.</p>
</article>
<article>
<a href="dataviz_gallery.html" class="image"><img src="images/Call_Volume_Analysis_1.jpg" alt="Tableau JavaScript API" /></a>
<p><strong>Tableau Visual Gallery</strong></br>Tableau Public is a treasure trove of fantastic content. Given it's open nature and size sometimes a little guidance is needed. Here you will find a curated collection of my favorite data visualizations.</p>
</article>
</div>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Get in touch</h2>
</header>
<p>Reach out to me via email. Feedback is always welcome and I appreciate you visiting my site.</p>
<ul class="contact">
<li class="fa-envelope-o"><a href="mailto:[email protected]">[email protected]</a></li>
<li class="fa-linkedin-square"><a href="https://www.linkedin.com/in/slprice" target="_blank">LinkedIn</a></li>
<li class="fa-area-chart"><a href="https://public.tableau.com/profile/stephen.price2086#!/" target="_blank">Tableau Public</a></li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">DataNous</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://stephen.excessblam.com/datanous/" property="cc:attributionName" rel="cc:attributionURL">Stephen Price</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License</a>.
<p class="copyright">Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a>.</p>
</footer>
</div>
</div>
<!-- *****************Menu Bar******************* -->
</div>
<!-- Scripts -->
<script src="assets/js/jquery.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>