-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
315 lines (270 loc) · 23.2 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
<!DOCTYPE html>
<html class="no-js" lang="en-us">
<head>
<meta name="generator" content="Hugo 0.54.0" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#5b5b67">
<title>Articles</title>
<script>(function(d,e){d[e]=d[e].replace("no-js","js");})(document.documentElement,"className");</script>
<meta name="description" content="Articles written by Karl N. Redman">
<meta property="og:title" content="Articles" />
<meta property="og:description" content="Articles written by Karl N. Redman" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://karlredman.github.io/Articles/" />
<meta property="og:updated_time" content="2019-06-24T23:57:02-05:00"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Articles"/>
<meta name="twitter:description" content="Articles written by Karl N. Redman"/>
<link rel="stylesheet" href="/Articles/css/main.css">
<link rel="stylesheet" href="/Articles/css/custom.css">
<link rel="alternate" type="application/rss+xml" href="https://karlredman.github.io/Articles/index.xml" title="Articles">
<link rel="icon" href="/Articles/icons/16.png" sizes="16x16" type="image/png">
<link rel="icon" href="/Articles/icons/32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/Articles/icons/48.png" sizes="48x48" type="image/png"><link rel="manifest" href="/Articles/manifest.json">
</head>
<body>
<header class="header">
<div class="header__inner inner">
<a href="https://karlredman.github.io"><img alt="[Home]" src="/Articles/images/home.png" width="10"> Karl N. Redman: </a>
<a class="logo" alt="Articles" href="/Articles">Articles</a>
</div>
</header>
<div class="wrapper wrapper--flex">
<div class="content">
<section class="cards">
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/xfce_login_wallpaper_cycle/">Randomize your XFCE / LightDM Login Screen Wallpaper</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-06-24T23:57:02" >June 24, 2019</time>
</div>
</header>
<div class="post__content">HowTo: randomize LightDM / XFCE v4.x login screen wallpaper images.
For fans of the lightweight and highly configurable linux desktop environment XFCE, with it’s default Greeter managed by LightDM, it’s a frustrating fact of reality that there is no built in way to randomize the login screen image. This simple perl script and directory layout will provide that service using a cron job. The process will copy a random image file from a directory that contains a pool of images into a ‘publish’ directory; as background.</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/be-a-python-jinja-master-automated-front-matter-editing/">Be a Python Jinja Master: Automated Front Matter Editing</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-06-11T23:13:35" >June 11, 2019</time>
<time class="meta__lastmod" datetime="2019-06-10T23:13:35"> • Updated: June 10, 2019</time>
</div>
</header>
<div class="post__content">I’m pleased to announce the initial release of EditFrontMatter: A python module for editing markdown front matter using Jinja2 Templates.
See: EditFrontMatter Project Homepage Several examples are included in the documentation Basic usage Advanced mulit-pass processor Recursive directory walker that uses multi-threading to edit files The Pitch: Imagine that you could retain all of your various article and documentation content in markdown. And then cater that content to whichever static site generator1, and theme thereof, without manually editing each and every file.</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/keycloakv5_oidc_client_flowcharts/">Keycloak v5 + Gatekeeper v5: Flowcharts - Easily Create and Restrict an Isolated (IODC) Client Service by Group-Role</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-04-28T13:12:51" >April 28, 2019</time>
<time class="meta__lastmod" datetime="2019-06-23T13:12:51"> • Updated: June 23, 2019</time>
</div>
</header>
<div class="post__content">This is another artifact from an upcoming series of articles that I’m writing for creating a home/laptop development laboratory ecosystem. I’m sharing these artifacts now because the series that I’m writing won’t be released for at least a month (It’s a huge undertaking -for me).
These flow charts demonstrate the simplest form (IMHO) of creating Keycloak client services behind an authentication/authorization proxy (Keycloak Gatekeeper). I imagine that if you are reading this article you are already frustrated with just creating a simple client in Keycloak and/or trying to figure out how to restrict authorization so that only specific users of a group are allowed to log in via Keycloak.</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<figure class="post__featured featured">
<a class="featured__link" href="/Articles/dev.to/traefik+keycloak+gatekeeper_diagram_overview/">
<img class="featured__img" srcset="/Articles/dev.to/traefik+keycloak+gatekeeper_diagram_overview/featured_hue731f37b991c58c889a1f5ef5e34a4e4_112547_320x0_resize_box_2.png 320w, /Articles/dev.to/traefik+keycloak+gatekeeper_diagram_overview/featured_hue731f37b991c58c889a1f5ef5e34a4e4_112547_600x0_resize_box_2.png 600w, /Articles/dev.to/traefik+keycloak+gatekeeper_diagram_overview/featured_hue731f37b991c58c889a1f5ef5e34a4e4_112547_900x0_resize_box_2.png 900w," src="/Articles/dev.to/traefik+keycloak+gatekeeper_diagram_overview/featured.png" alt="featured.png">
</a>
</figure>
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/traefik+keycloak+gatekeeper_diagram_overview/">Private Network + Traefik + Keycloak + Gatekeeper Overview (diagram)</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-04-28T12:37:00" >April 28, 2019</time>
<time class="meta__lastmod" datetime="2019-06-23T12:37:00"> • Updated: June 23, 2019</time>
</div>
</header>
<div class="post__content">A high level network overview of Traefik, Keycloak, and Gatekeeper working together
This is yet another artifact [although ugly] from a project I’m working on. This diagram depicts a basic lab infrastructure with Traefik, Keyclaok, and Keycloak Gatekeeper working together behind a local DNS (dnsmasq). Details for how all of this actually fits together are forthcomming. For now, hopefully, it will be helpful for those who are wondering what the layout looks like when configuring these various components to work together.</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<figure class="post__featured featured">
<a class="featured__link" href="/Articles/dev.to/keycloakv5_ui_mindmap/">
<img class="featured__img" srcset="/Articles/dev.to/keycloakv5_ui_mindmap/featured_hufc23db3b872184b9008a80019038c48b_376075_320x0_resize_box_2.png 320w, /Articles/dev.to/keycloakv5_ui_mindmap/featured_hufc23db3b872184b9008a80019038c48b_376075_600x0_resize_box_2.png 600w, /Articles/dev.to/keycloakv5_ui_mindmap/featured_hufc23db3b872184b9008a80019038c48b_376075_900x0_resize_box_2.png 900w," src="/Articles/dev.to/keycloakv5_ui_mindmap/featured.png" alt="featured.png">
</a>
</figure>
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/keycloakv5_ui_mindmap/">The Keycloak (v.5.0.0) UI mind map you didn't ask for</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-04-24T13:27:21" >April 24, 2019</time>
<time class="meta__lastmod" datetime="2019-06-24T23:06:41"> • Updated: June 24, 2019</time>
</div>
</header>
<div class="post__content">I’m working on a future set of articles for creating a home/laptop lab and needed a reference diagram. I figured that I might as well share. The diagram is meant to be a mid-level view to show where everything is located in the UI.
Keycloak version: v5.0.0 Required fields: denoted by * suffex Original PlantUML source + Image files here</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/vscode1999/">Navigate your vscode like it's 1999 (the vim way)</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-03-15T07:44:19" >March 15, 2019</time>
<time class="meta__lastmod" datetime="2019-06-25T02:58:38"> • Updated: June 25, 2019</time>
</div>
</header>
<div class="post__content">If you are a vim person it can be frustraiting to work in vscode without vim keystrokes. The fantastic plugin vscodevim only goes so far. If you, like me, are used to M-h,M-j,M-k,M-l (where M == ‘Alt key’) and vim-like tab movements things get freaking nuts. Note that these keys in default vim are the same as pressing escape [I HATE ever having to hit the esc key -ever].</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/vim81/">Compile and install vim 8.1 from source (debian / MX Linux) with pyenv</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-03-15T07:41:28" >March 15, 2019</time>
<time class="meta__lastmod" datetime="2019-06-23T07:41:28"> • Updated: June 23, 2019</time>
</div>
</header>
<div class="post__content">The purpose of this article is to aid those who want to run cutting edge vim things.
Vim 8.1 provides :terminal. This is BIG NEWS and has opened some pretty cool plugins such as markdown preview plugin for (neo)vim. Additionally, if you want deoplete.nvim to work properly you’ll need to compile vim against python3 anyway. The most single/main user way I’ve found to make these plugins work is to compile Vim from source.</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/docker_hostnames_from_host/">Resolve docker hostnames from host with DNS Proxy Server</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-03-03T07:35:35" >March 03, 2019</time>
</div>
</header>
<div class="post__content">This article is a continuation of my previous HowTo: Dnsmasq + NetworkManager + Private Network Setup. With just a few configuration changes we will add the capability to interact with docker containers by their respective hostnames. Even though the dns-proxy-server project affords us this new functionality I recommend that dns-proxy-server only be used for development purposes.
While it’s awesome to have the ability to reference individual containers by hostname during development efforts the concept doesn’t scale well.</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/dev.to/dnsmasq-nm/">Dnsmasq + NetworkManager + Private Network Setup</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2019-03-01T07:30:30" >March 01, 2019</time>
<time class="meta__lastmod" datetime="2019-06-11T07:30:30"> • Updated: June 11, 2019</time>
</div>
</header>
<div class="post__content">This is a howto/method for minimal configuration which provides a local private network that will be available to the local host for both online and offline (internet/DHCP) connectivity. The goal is to provide a scalable and network switchable development environment for virtual machines and bare metal application systems. This method intends to provide the developer the ability to roam (via laptop, et al) and maintain a consistent network development environment.</div>
</article>
</div>
<div class="card card--2col">
<article class="post block">
<header class="post__header">
<h1 class="post__title post__title--summary"><a class="post__title-link" href="/Articles/medium/howto_beaprogrammer/">How To Be A Computer Programmer</a></h1>
<div class="post__meta meta">
<time class="meta__datetime" datetime="2017-12-06T07:57:35" >December 06, 2017</time>
<time class="meta__lastmod" datetime="2017-12-06T07:58:09"> • Updated: December 06, 2017</time>
</div>
</header>
<div class="post__content">(A Realistic Assessment): Every so often someone asks me or for advice on how to be a computer programmer. This question has always caused me a bit of anxiety because it brings up all sorts of other thoughts like, ‘the semantic and social differences in the definitions between a coder, a programmer and an engineer’, or ‘what is the context of the word “how” in this question?’. It’s a simple question with an extremely complex and subjective set of answers.</div>
</article>
</div>
</section>
</div>
<section class="sidebar sidecards">
<div class="sidecard">
<div class="widget widget-categories block">
<h3 class="widget__title">Categories</h3>
<div class="widget__content">
<ul class="widget__list">
<li class="widget__item"><a class="widget__link" href="/Articles/categories/admin">Admin</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/advice">Advice</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/article">Article</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/auth">Auth</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/dev.to">Dev.to</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/docker">Docker</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/ecosystem">Ecosystem</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/howto">Howto</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/linux">Linux</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/medium.com">Medium.com</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/network">Network</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/programming">Programming</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/ricing">Ricing</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/shortcuts">Shortcuts</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/utility">Utility</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/vscode">Vscode</a></li>
<li class="widget__item"><a class="widget__link" href="/Articles/categories/web">Web</a></li>
</ul>
</div>
</div>
</div>
<div class="sidecard">
<div class="widget widget-tags block">
<h3 class="widget__title">Tags</h3>
<div class="widget-tags__content widget__content">
<a class="widget-tags__link widget__link transition" href="/Articles/tags/administration" title="Administration">Administration (2)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/authentication" title="Authentication">Authentication (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/compile" title="Compile">Compile (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/debian" title="Debian">Debian (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/development" title="Development">Development (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/diagram" title="Diagram">Diagram (2)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/dnsmasq" title="Dnsmasq">Dnsmasq (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/docker" title="Docker">Docker (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/ecosystem" title="Ecosystem">Ecosystem (2)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/flowchart" title="Flowchart">Flowchart (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/front-matter" title="Front matter">Front matter (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/gatekeeper" title="Gatekeeper">Gatekeeper (2)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/greeter" title="Greeter">Greeter (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/howto" title="Howto">Howto (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/jinja2" title="Jinja2">Jinja2 (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/keycloak" title="Keycloak">Keycloak (3)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/lifestyle" title="Lifestyle">Lifestyle (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/lightdm" title="Lightdm">Lightdm (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/markdown" title="Markdown">Markdown (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/mental-health" title="Mental health">Mental health (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/navigation" title="Navigation">Navigation (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/network" title="Network">Network (2)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/network-manager" title="Network manager">Network manager (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/programming" title="Programming">Programming (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/python3" title="Python3">Python3 (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/shortcuts" title="Shortcuts">Shortcuts (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/traefik" title="Traefik">Traefik (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/vim" title="Vim">Vim (2)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/vscode" title="Vscode">Vscode (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/wallpaper" title="Wallpaper">Wallpaper (1)</a>
<a class="widget-tags__link widget__link transition" href="/Articles/tags/xfce" title="Xfce">Xfce (1)</a>
</div>
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="footer__inner inner">
<div class="footer__copyright">© 2020 Karl N. Redman. <span class="footer__copyright-credits">Powered by <a href="https://gohugo.io/" rel="nofollow noopener" target="_blank">Hugo</a> and <a href="https://github.com/vimux/amnix" rel="nofollow noopener" target="_blank">Amnix</a> theme.</span></div>
<div class="footer__social social">
<a class="social__link transition" target="_blank" rel="noopener noreferrer" href="mailto:[email protected]">
<svg class="social__icon" aria-label="Email" role="img" width="32" height="32" viewBox="0 0 512 512"><path d="M299 268l124 106c-4 4-10 7-17 7H106c-7 0-13-3-17-7l124-106 43 38 43-38zm-43 13L89 138c4-4 10-7 17-7h300c7 0 13 3 17 7L256 281zm54-23l121-105v208L310 258zM81 153l121 105L81 361V153z"/></svg>
</a>
<a class="social__link transition" target="_blank" rel="noopener noreferrer" href="https://twitter.com/Karl_Redman">
<svg class="social__icon" aria-label="Twitter" role="img" width="32" height="32" viewBox="0 0 512 512"><path d="M437 152a72 72 0 0 1-40 12 72 72 0 0 0 32-40 72 72 0 0 1-45 17 72 72 0 0 0-122 65 200 200 0 0 1-145-74 72 72 0 0 0 22 94 72 72 0 0 1-32-7 72 72 0 0 0 56 69 72 72 0 0 1-32 1 72 72 0 0 0 67 50 200 200 0 0 1-105 29 200 200 0 0 0 309-179 200 200 0 0 0 35-37"/></svg>
</a>
<a class="social__link transition" target="_blank" rel="noopener noreferrer" href="https://linkedin.com/in/karl-n-redman-850413">
<svg class="social__icon" aria-label="LinkedIn" role="img" width="32" height="32" viewBox="0 0 512 512"><circle cx="142" cy="138" r="37"/><path stroke-width="66" d="M244 194v198M142 194v198"/><path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32"/></svg>
</a>
<a class="social__link transition" target="_blank" rel="noopener noreferrer" href="https://github.com/karlredman">
<svg class="social__icon" aria-label="GitHub" role="img" width="32" height="32" viewBox="0 0 512 512"><path d="M335 499c14 0 12 17 12 17H165s-2-17 12-17c13 0 16-6 16-12l-1-50c-71 16-86-28-86-28-12-30-28-37-28-37-24-16 1-16 1-16 26 2 40 26 40 26 22 39 59 28 74 22 2-17 9-28 16-35-57-6-116-28-116-126 0-28 10-51 26-69-3-6-11-32 3-67 0 0 21-7 70 26 42-12 86-12 128 0 49-33 70-26 70-26 14 35 6 61 3 67 16 18 26 41 26 69 0 98-60 120-117 126 10 8 18 24 18 48l-1 70c0 6 3 12 16 12z"/></svg>
</a>
<a class="social__link transition" target="_blank" rel="noopener noreferrer" href="https://gitlab.com/karl.redman">
<svg class="social__icon" aria-label="GitLab" role="img" width="32" height="32" viewBox="0 0 512 512"><path d="M450 282l-22-67-43-133c-2-7-12-7-14 0l-43.3 133H184.3L141 82c-2-7-12-7-14 0L84 215l-22 67c-2 6 0 13 6 16l188 137 188-137c6-3 8-10 6-16z"/></svg>
</a>
<a class="social__link transition" target="_blank" rel="noopener noreferrer" href="https://stackoverflow.com/users/1725771">
<svg class="social__icon" aria-label="Stack Overflow" role="img" width="32" height="32" viewBox="0 0 512 512"><g stroke-width="30"><path fill="none" d="M125 297v105h241V297"/><path d="M170 341h150m-144-68l148 31M199 204l136 64m-95-129l115 97M293 89l90 120"/></g></svg>
</a>
<a class="social__link transition" target="_blank" rel="noopener noreferrer" href="https://medium.com/@karl.redman">
<svg class="social__icon" aria-label="Medium" role="img" width="32" height="32" viewBox="0 0 512 512"><path d="M125 173c0-4-2-9-5-11l-31-38v-6h98l75 166 67-166h93v6l-27 26c-2 1-3 4-3 7v190c0 3 1 6 3 8l27 25v6H289v-6l27-26c3-3 3-4 3-8V193l-76 192h-10l-88-192v129c-1 5 1 11 5 15l35 43v5H85v-5l35-43c4-4 6-10 5-15z"/></svg>
</a>
</div>
</div>
</footer>
</body>
</html>