-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
404 lines (395 loc) · 29.8 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
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
<!DOCTYPE html>
<html lang="en">
<head>
<title>Adron's Thrashing Code</title>
<meta name="description" content="">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="alternate" href="/feed.xml" type="application/rss+xml" title="Coder, Messenger, Recon, Infrastructure, Ops, & A Sprinkling of Metal">
<link rel="icon" type="image/png" href="/img/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/img/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/img/favicons/favicon-96x96.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="57x57" href="/img/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/img/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/img/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon-180x180.png">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/style.min.css">
<script src="/js/modernizr.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="header header-over large">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- Logo Image--><a href="/index.html" class="logo-image logo-animated"><img src="/img/logos/logo.png" alt="logo"></a>
<!-- End of Logo Image-->
</div>
<div class="col-md-9 col-sm-6 col-xs-6">
<!-- Menu-->
<nav class="right helper">
<ul class="menu sf-menu js-menu">
<li><a href="#">Conf - Meetup - Events</a>
<ul>
<li><a href="/docs/Speaking-Presentations-Workshops/">Speaking - Presentations - Workshops</a></li>
<li><a href="/docs/calendar">Calendar of Engagements</a></li>
</ul>
</li>
<li><a href="/docs/thrashing-code-news/">Thrashing Code News</a></li>
<li><a href="/docs/medium-_TOC_/">Medium</a></li>
<li><a href="/docs/documentation/">Docs</a></li>
<li><a href="#">Contact</a>
<ul>
<li><a href="/docs/contact">Message</a></li>
<li><a href="/docs/job-talk/">Hire</a></li>
</ul>
</li>
<li><a href="/docs/about/">About</a></li>
</ul>
</nav>
<!-- End of Menu-->
</div>
</div>
</div>
</div>
<div class="header-back header-back-simple header-back-small">
<div class="header-back-container">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Page Info-->
<div class="page-info page-info-simple">
<h1>Adron's Thrashing Code</h1>
<h2 class="description">Coder, Messenger, Recon, Infrastructure, Ops, & A Sprinkling of Metal</h2>
</div>
<!-- End Page Info-->
</div>
</div>
</div>
</div>
</div>
<div id="content">
<div class="container">
<div class="layout with-right-sidebar js-layout">
<div class="row">
<div class="col-md-9">
<div class="main-content">
<!-- Blog Page-->
<div class="blog">
<div class="row"></div>
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/terraform-beginnning-notes/">Gaining a Systemic View of Immutable Infrastructure Tooling</a></h3>
<p class="blog-grid-excerpt"><p>I put together a few starter notes on things you should delve into and understand before working with infrastructure related tooling, like Ansible, Terraform, or similar tools. If you think I’ve missed any do ping me <a href="https://twitter.com/Adron">@Adron</a> and let me know your thoughts on other additions. The first starter items I’d list as the following. </p>
<ul>
<li>Computer Networking - Basic understanding of what an <span class="caps">IP</span> number is, how they’re assigned via DHCP vs. static, and related basic TCP/IP knowledge. Also it is helpful, yet not necessary to understand the idea behind CIDR ranges and related network concepts about addressing also.</li>
<li>Basic Linux or Unix <span class="caps">CLI</span> Commands - Commands like; <code>ls</code>, <code>mv</code>, <code>rm</code>, <code>cp</code>, <code>mkdir</code>, <code>rmdir</code>, <code>wget</code>, <code>curl</code>, <code>ping</code>, <code>traceroute</code>, <code>ifconfig</code>, <code>nslookup</code>, <code>vi</code>, <code>kill</code>, <code>chown</code>, <code>whoami</code>, <code>su</code>, <code>chmod</code>, <code>chown</code>, <code>chroot</code>, <code>cat</code>, <code>env</code>, <code>echo</code> or <code>tail</code>. All these commands are’t used in the couse, but they’re fundamental for building and troubleshooting any infrastructure and related environments and systems in the future.</li>
<li>Basic Scripting and Language Constructs - Things like if-then-else, while loops, and related programming constructs for use in scripting like Bash or Powershell.</li>
</ul>
<p>
<p class="more"><a href="/articles/terraform-beginnning-notes/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">29. March 2018</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/algorithms-101-roads-and-town-center/">Algorithms 101 Roads & Town Centers</a></h3>
<p class="blog-grid-excerpt"><p>Alright, there’s this one algorithm that I’ve solved before. I’ve always found it to be a rather fun little exercise to work out. It popped into my head recently and I wanted to recollect how the logic of it went, but my Google-fu wasn’t so great. In the end, I didn’t find the algorithm problem statement but I’ve recollected it as best as I could from memory. If you know what the name of this challenge is I’d love to know what it’s called or if I’ve put it back together correctly. Ping me <a href="https://twitter.com/Adron">@Adron</a>.</p>
<p>So the story goes something like this. There once were some nations with a number of cities in each nation. Every citizen has access to every city and every city has a town center for all the citizens to enjoy. Recently the roads were damaged from a lack of maintenance work, ya know, like in real life. Meanwhile there was a revolution that led to catastrophic war that destroyed all the town centers in the nations. So now none of the cities have reachable town centers or functional working town centers anymore! The citizens of the world are angry at the nations and demand immediate fixes to their roads and town centers, with a priority on the town centers! The leaders have decided that the roads shall be repaired and have hired me (you) to assist!</p>
<p>The nation has n cities, we’ll number 1 to n. The cities have two way roads, totalling m roads. A citizen has access to the town center if: their city contains a town center and their city has a road to travel from their city with a town center to another city with a town center.</p>
<p>The following is a map of one great nation of cities with currently impassable roads that must be repaired.</p>
<p><img src="/articles/algorithms-101-roads-and-town-center/nation.png" alt="Nation"></p>
<p>
<p class="more"><a href="/articles/algorithms-101-roads-and-town-center/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">31. January 2018</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/silent-mouse/">Logitech M331 Silent Mouse</a></h3>
<p class="blog-grid-excerpt"><p>Recently I was playing Transport Fever. If you’re unaware of this epic, nerd, god game and you like those types of games, you should definitely check it out. If you’re not into those, just suffice it to say that there is a lot of mouse clicking in the game. During the last few weeks when I startup the game and navigate about building my railroad empire a certain someone else noticed that the mouse clicking increases exponentially.</p>
<p>I thought to myself, “we need a solution to this!” I began searching for a silent mouse, first using a little Google-fu, but also a quick query on Twitter among the Twitterverse. Quickly a result came back that looked like it would work out in <a href="https://www.logitech.com/en-sg/product/m331-silent-plus">Logitech’s M331 Silent Mouse</a> product.</p>
<p><a href="http://photos.adron.me/Software/Reviews/Logitech-M331/"><img src="https://photos.smugmug.com/Software/Reviews/Logitech-M331/i-PCvgQVJ/0/bc53a06e/X2/2018012614415063-IMG_3772-X2.jpg" alt="Logitech M331"></a></p>
<p>
<p class="more"><a href="/articles/silent-mouse/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">29. January 2018</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/algorithms-101-a-big-sum/">Algorithms 101 - Big Sums</a></h3>
<p class="blog-grid-excerpt"><p>I’ve been practicing up on some algorithms with Go per my <a href="https://medium.com/@adron/resolutions-for-2018-99570995bf8">Resolutions for 2018</a> item “Write More Code, Build Patterns, Algorithms”. Here’s a few of the ones I took a quick review of, from the algorithm perspective.</p>
<p>The first algorithm I took a dive into is a big sum problem. Part of the reason is I wanted a refresher on how Go deals with various integer data types. Easier to set it to memory if I play around with the data types versus just simply reading up on the specifics.</p>
<p>
<p class="more"><a href="/articles/algorithms-101-a-big-sum/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">06. January 2018</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/building-cli-data-thrasher/">Building a Data Thrashing CLI Tool in Go</a></h3>
<p class="blog-grid-excerpt"><p>I need a tool just to do some testing against an <span class="caps">API</span> end point. I figured I’d throw one together real quick in Go. With a few libraries it’s just a few steps to get the job done. The following is that project. Eventually I’ll create the services that will run in some containers I’ll throw into a Kubernetes cluster, but for now, it’s all CLI. Onward.</p>
<p>The first thing I’ll need is Cobra.</p>
<div class="image float-right">
<a href="https://github.com/spf13/cobra"><img src="/articles/building-cli-data-thrasher/cobra.png" alt="Cobra CLI"></a>
</div>
<p>
<p class="more"><a href="/articles/building-cli-data-thrasher/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">31. December 2017</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/kubecon-daytwo-keynotes/">KubeCon Keynote Day Two</a></h3>
<p class="blog-grid-excerpt"><div class="image float-right">
<img src="/articles/kubecon-daytwo-keynotes/kubelogo-wide.png" alt="KubeCon Logo">
</div>
<p><a href="https://twitter.com/kelseyhightower">Kelsey Hightower</a>, <a href="https://twitter.com/goldbergchen">Chen Goldberg</a>, and <a href="https://twitter.com/enisoc">Anthony Yeh</a></p>
<p>Day two kicked off (read on for day one wrap up) with Kelsey Hightower, Chen Goldberg, and Anthony Yeh. The big push from Kelsey and team focused their keynote around the development story around Kubernetes. Specifically, that a developers and apps users, should never need to know they’re using Kubernetes. He, Chen, and Anthony all talked about the idea we developers - as I’ll offer is true - want to work within our workflow committing, tagging, and knowing our applications will appear in test, development, <span class="caps">QA</span>, UAT, and production as we work.</p>
<p><a href="/articles/kubecon-daytwo-keynotes/smarterclayton">Clayton Coleman</a></p>
<p>Next Clayton Coleman from Red Hat came up to talk about “Boring is Good”. I found Clayton’s quote “Red Hat helsp build boring software” to be well stated and also an apt description of how Red Hat succeeds today. Red Hat currently, boringly, runs some of the largest Kubernetes clusters. They use Prometheus to gain observability into those clusters and work dilligently to improve Kubernetes.</p>
<p>
<p class="more"><a href="/articles/kubecon-daytwo-keynotes/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">07. December 2017</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/kubecon-dayone-keynotes/">Good Morning KubeCon?</a></h3>
<p class="blog-grid-excerpt"><div class="image float-right">
<img src="/articles/kubecon-dayone-keynotes/kubelogo-wide.png" alt="KubeCon Logo">
</div>
<p>I hope you’re having a good morning so far. KubeCon has kicked off in full force like the pro-conference that it is. With 4k+ people in attendance the crowds are distinctive, even among a city like Austin. The conference lit off the day with an absurdly early registration time of 7am, and a continental breakfast of some fruit and pastries.</p>
<p>
<p class="more"><a href="/articles/kubecon-dayone-keynotes/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">06. December 2017</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/kubecon-arrival-schedule-etc/">KubeCon - Arrival, Flight, and Scheduling</a></h3>
<p class="blog-grid-excerpt"><div class="image float-right">
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">It appears <a href="https://twitter.com/AlaskaAir?ref_src=twsrc%5Etfw">@AlaskaAir</a> could have just dubbed the nonstop to Austin the <a href="https://twitter.com/hashtag/KubeCon?src=hash&ref_src=twsrc%5Etfw">#KubeCon</a> Express flight! <a href="https://t.co/xui3t4VB1i">pic.twitter.com/xui3t4VB1i</a></p>— Λdrøn @ ¯_(ツ)_/¯ (@Adron) <a href="https://twitter.com/Adron/status/938138750332235781?ref_src=twsrc%5Etfw">December 5, 2017</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<p>I’m on another plane departing Seattle via <span class="caps">SEATAC</span> (SEA). An Alaska Air Boeing 737-900 to be specific. The flight is currently en route to Austin, Texas and the vast majority of people aboard are going to KubeCon. The seats, as they always are, aren’t built for any mortal, normal, reasonably sized human being. So we’re all cuddled up annoyingly but making the best of it we can. Seriously though, I’d rather be on an overnight train. I’d rather spend another 24+ or more hours comfortably studying some Netflix infrastructer and chilling out instead of flying, but that isn’t really an option in this giant country, so onward I go as the dream of comfort in transportation eludes me.</p>
<p>
<p class="more"><a href="/articles/kubecon-arrival-schedule-etc/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">05. December 2017</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<div class="col-md-12 col-sm-12">
<!-- Blog List-->
<div class="blog-grid">
<div class="row">
<div class="col-md-12 col-sm-12">
<h3 class="blog-grid-title"><a href="/articles/things-i-learned-in-visual-studio-code-today/">A Few Things I Learned Today in Visual Studio Code</a></h3>
<p class="blog-grid-excerpt"><p>I opened up Visual Studio Code today with an intent to use it for all my editing, documenting, and coding today. My priorities today, on a day I’ve taken off from <em>work</em>, is to work on my upcoming <em>Terraform Course</em>, a little Go coding, and also a few general tasks and notes. While I work on these priorities, you dear reader, get the benefit of my random notes. ;)</p>
<p>
<p class="more"><a href="/articles/things-i-learned-in-visual-studio-code-today/">more</a></p>
</p>
<div class="blog-grid-meta"><span class="blog-grid-date">03. December 2017</span></div>
</div>
</div>
</div>
<!-- End of Blog List-->
</div>
<!-- End of Blog Page-->
</div>
</div>
<div class="col-md-3 hidden-sm hidden-xs">
<div class="sidebar js-sidebar-fixed">
<!-- Vertical Menu-->
<div class="widget">
<!-- Search-->
<div class="search">
<form action="https://google.com/search" method="get">
<input type="hidden" name="sitesearch" value="http://blog.adron.me">
<input type="text" name="q" placeholder="search" class="search-input form-control"><i class="fa fa-search search-icon"></i>
</form>
</div>
<!-- End of Search-->
</div>
<div class="widget">
<h3 class="widget-title">Keyword Search</h3>
<!-- Tags-->
<ul class="tags">
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=terraform">terraform</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=kubernetes">kubernetes</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=immutable+infrastructure">immutable infrastructure</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=html">html</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=javascript">javascript</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=ubuntu">ubuntu</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=node pdx">node pdx</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=.NET fringe">.net fringe</a></li>
<li class="tag-item"><a href="https://www.google.com/search?sitesearch=http%3A%2F%2Fblog.adron.me&q=videos">videos</a></li>
</ul>
<!-- End of Tags-->
</div>
<nav class="menu-vertical-wrapper">
<ul data-prepend-to=".js-layout" data-select="Menu" class="menu-vertical js-menu-vertical">
<li><a href="#">About</a>
<ul>
<li><a href="/docs/about/">Me, Adron</a></li>
<li><a href="#">My Hobbies</a>
<ul>
<li><a href="http://photos.adron.me">My Photos</a></li>
</ul>
</li>
<li><a href="/docs/Speaking-Presentations-Workshops">My Presentations</a></li>
<li><a href="/docs/documentation/">Collection of Docs & Notes</a></li>
</ul>
</li>
</ul>
</nav>
<div class="widget">
<h3 class="widget-title">Photos</h3>
<!-- Photos-->
<ul class="widget-recommended-products">
<!-- Photos-->
<li class="widget-recommended-product"><img src="/img/photos/IMG_1836.jpg" alt="Jon Oropeza" class="widget-recommended-product-img"><a href="http://photos.adron.me/Software/Meetups-N-Conferences/Conferences/Node-PDX-2016/i-D9qFQ6m" class="widget-recommended-product-link">
<h5 class="widget-recommended-product-link-title">Node PDX 2016<i class="fa fa-angle-right"></i></h5>
<p class="widget-recommended-product-link-description">Jon Oropeza @ Node PDX 2016</p></a></li>
<!-- End of Recommended product Item-->
<!-- Recommended product Item-->
<li class="widget-recommended-product"><img src="/img/photos/IMG_1812.jpg" alt="Liz Abinante" class="widget-recommended-product-img"><a href="http://photos.adron.me/Software/Meetups-N-Conferences/Conferences/Node-PDX-2016/i-g2m2hgP" class="widget-recommended-product-link">
<h5 class="widget-recommended-product-link-title">Node PDX 2016<i class="fa fa-angle-right"></i></h5>
<p class="widget-recommended-product-link-description">Liz Abinante @ Node PDX 2016</p></a></li>
<!-- End of Recommended product Item-->
<!-- Recommended product Item-->
<li class="widget-recommended-product"><img src="/img/photos/IMG_5709.jpg" alt="Praha hlavní nádraží" class="widget-recommended-product-img"><a href="http://photos.adron.me/Travels-N-Traversings/Across-the-Pond-2016-Travels/September-Krakow/Week-4-Prague/i-62ZPsPb" class="widget-recommended-product-link">
<h5 class="widget-recommended-product-link-title">Prague (Praha)<i class="fa fa-angle-right"></i></h5>
<p class="widget-recommended-product-link-description">Praha hlavní nádraží</p></a></li>
<!-- End of photos row one-->
</ul>
<ul class="widget-recommended-products">
<!-- Photos-->
<li class="widget-recommended-product"><img src="/img/photos/IMG_4417.jpg" alt="St Mary's Basilica" class="widget-recommended-product-img"><a href="http://photos.adron.me/Travels-N-Traversings/Across-the-Pond-2016-Travels/September-Krakow/Krakow/i-KnZf6pK/A" class="widget-recommended-product-link">
<h5 class="widget-recommended-product-link-title">St Mary's Basilica<i class="fa fa-angle-right"></i></h5>
<p class="widget-recommended-product-link-description">Bazylika Mariacka in Rynek Główny.</p></a></li>
<!-- End of Recommended product Item-->
<!-- Recommended product Item-->
<li class="widget-recommended-product"><img src="/img/photos/VSC_03.png" alt="Visual Studio Code" class="widget-recommended-product-img"><a href="http://photos.adron.me/Software/Software-Development/Visual-Studio-Things/i-LLW7WcD/A" class="widget-recommended-product-link">
<h5 class="widget-recommended-product-link-title">Visual Studio Code<i class="fa fa-angle-right"></i></h5>
<p class="widget-recommended-product-link-description">Images from a review of Visual Studio Code.</p></a></li>
<!-- End of Recommended product Item-->
<!-- Recommended product Item-->
<li class="widget-recommended-product"><img src="/img/photos/-home-adronhall-Pictures-Selection_002.png - Shutter_003.png" alt="" class="widget-recommended-product-img"><a href="http://photos.adron.me/Software/Software-Development/Ubuntu/i-CQsQ4zj/A" class="widget-recommended-product-link">
<h5 class="widget-recommended-product-link-title">Mono Develop & WebStorm<i class="fa fa-angle-right"></i></h5>
<p class="widget-recommended-product-link-description">Working through Mono Develop & WebStorm.</p></a>
<!-- End of photos row two-->
</li>
</ul>
<!-- End Photos-->
</div>
</div>
</div>
</div>
</div>
<div class="nav"><a href="/archive.html">« Archives</a> <a href="/page/2/">Previous »</a>
</div>
</div>
</div>
<script src="/js/all.js"></script>
<script src="/js/custom.js"></script>
<!-- Google Tag Manager-->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-KMMZX2" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
console.log(document.getElementById("search-google"));
console.log(document.getElementById("search-google").innerText);
var searchBox = document.getElementById("search-google");
function googleSearch(search_string) {
alert(search_string);
}
document.getElementById("search-google").addEventListener("onClick", function () {
alert(document.getElementById("search-google").innerHTML);
});
document.getElementById("search-google").addEventListener("onClick", function () {
googleSearch(document.getElementById("search-google").innerHTML)
});
</script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-39158070-6', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>