-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
295 lines (258 loc) · 13.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="canonical" href="https://dzianiskotau.com/">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="author" content="Dzianis Kotau" />
<meta name="description" content="Personal IT Blog">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Dzianis Kotau Tech Blog" />
<meta itemprop="description" content="Personal IT Blog" />
<meta itemprop="image" content="https://dzianiskotau.com/assets/images/about/me.jpg" />
<meta itemprop="image:alt" content="Dzianis Kotau" />
<!-- Facebook Meta Tags -->
<meta property="og:site_name" content="Dzianis Kotau Tech Blog" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Dzianis Kotau Tech Blog" />
<meta property="og:description" content="Personal IT Blog" />
<meta property="og:url" content="https://dzianiskotau.com/" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://dzianiskotau.com/assets/images/about/me.jpg" />
<meta property="og:image:alt" content="Dzianis Kotau" />
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Dzianis Kotau Tech Blog" />
<meta name="twitter:description" content="Personal IT Blog" />
<meta name="twitter:site" content="@Jampire2" />
<meta name="twitter:creator" content="@Jampire2" />
<meta name="twitter:url" content="https://dzianiskotau.com/" />
<meta name="twitter:image" content="https://dzianiskotau.com/assets/images/about/me.jpg" />
<meta name="twitter:image:alt" content="Dzianis Kotau" />
<title>Dzianis Kotau Tech Blog</title>
<link rel="home" href="https://dzianiskotau.com">
<link rel="icon" href="/favicon.ico">
<link href="/blog/feed.atom" type="application/atom+xml" rel="alternate" title="Dzianis Kotau Tech Blog Atom Feed">
<!-- Insert analytics code here -->
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,700,700i,800,800i" rel="stylesheet">
<link rel="stylesheet" href="/assets/build/css/main.css?id=0a9d6a994146e5563b6d7641d1ab9b58">
</head>
<body class="flex flex-col justify-between min-h-screen bg-gray-100 text-gray-800 leading-normal font-sans">
<header class="flex items-center shadow bg-white border-b h-24 py-4" role="banner">
<div class="container flex items-center max-w-8xl mx-auto px-4 lg:px-8">
<div class="flex items-center">
<a href="/" title="Dzianis Kotau Tech Blog" class="inline-flex items-center">
<h1 class="text-lg md:text-2xl text-blue-800 font-semibold hover:text-blue-600 my-0">Dzianis Kotau Tech Blog</h1>
</a>
</div>
<div id="vue-search" class="flex flex-1 justify-end items-center">
<search></search>
<nav class="hidden lg:flex items-center justify-end text-lg">
<a title="Dzianis Kotau Tech Blog Blog" href="/blog"
class="ml-6 text-gray-700 hover:text-blue-600 ">
Blog
</a>
<a title="My Portfolio" href="/portfolio"
class="ml-6 text-gray-700 hover:text-blue-600 ">
My Portfolio
</a>
<a title="MoonShine Impersonate" href="/projects/moonshine-impersonate/v2/docs/ru"
class="ml-6 text-gray-700 hover:text-blue-600 ">
MoonShine Impersonate
</a>
<a title="Dzianis Kotau Tech Blog About" href="/about"
class="ml-6 text-gray-700 hover:text-blue-600 ">
About
</a>
</nav>
<button class="flex justify-center items-center bg-blue-500 border border-blue-500 h-10 px-5 rounded-full lg:hidden focus:outline-none"
onclick="navMenu.toggle()"
>
<svg id="js-nav-menu-show" xmlns="http://www.w3.org/2000/svg"
class="fill-current text-white h-9 w-4" viewBox="0 0 32 32"
>
<path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z"/>
</svg>
<svg id="js-nav-menu-hide" xmlns="http://www.w3.org/2000/svg"
class="hidden fill-current text-white h-9 w-4" viewBox="0 0 36 30"
>
<polygon points="32.8,4.4 28.6,0.2 18,10.8 7.4,0.2 3.2,4.4 13.8,15 3.2,25.6 7.4,29.8 18,19.2 28.6,29.8 32.8,25.6 22.2,15 "/>
</svg>
</button>
</div>
</div>
</header>
<nav id="js-nav-menu" class="w-auto px-2 pt-6 pb-2 bg-gray-200 shadow hidden lg:hidden">
<ul class="my-0">
<li class="pl-4">
<a
title="Dzianis Kotau Tech Blog Blog"
href="/blog"
class="block mt-0 mb-4 text-sm no-underline text-gray-800 hover:text-blue-500"
>Blog</a>
</li>
<li class="pl-4">
<a
title="My Portfolio"
href="/portfolio"
class="block mt-0 mb-4 text-sm no-underline text-gray-800 hover:text-blue-500"
>My Portfolio</a>
</li>
<li class="pl-4">
<a
title="MoonShine Impersonate"
href="/projects/moonshine-impersonate/v2/docs/ru"
class="block mt-0 mb-4 text-sm no-underline text-gray-800 hover:text-blue-500"
>MoonShine Impersonate</a>
</li>
<li class="pl-4">
<a
title="Dzianis Kotau Tech Blog About"
href="/about"
class="block mt-0 mb-4 text-sm no-underline text-gray-800 hover:text-blue-500"
>About</a>
</li>
</ul>
</nav>
<main
role="main"
class="flex-auto w-full container max-w-7xl mx-auto py-16 px-6 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-7 gap-6"
>
<div class="md:col-span-1 lg:col-span-2 md:order-last lg:order-last"><div class="flex justify-center grid grid-cols-1 gap-y-4">
<div class="rounded-lg shadow-lg bg-white max-w-xs">
<a href="#!">
<img class="rounded-t-lg" src="/assets/images/about/me.jpg" alt="Dzianis Kotau"/>
</a>
<div class="pl-4 pt-6 pr-4">
<h5 class="text-gray-900 text-xl font-bold mb-2">About Me</h5>
<p class="text-gray-700 text-base mb-4">
Мy name is <span class="font-semibold">Dzianis Kotau</span>. I'm Solutions Architect and
<a href="https://www.zend-zce.com/en/yellow-pages/ZEND017455" target="_blank" rel="external">Zend Certified PHP Engineer</a>.
I'm PHP evangelist and loved in it.
</p>
</div>
</div>
<div class="block rounded-lg shadow-lg bg-white max-w-xs">
<p class="text-gray-700 text-base mb-4 text-center">
<a href="https://github.com/Jampire" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-github" aria-label="GitHub"></i>
</a>
<a href="https://www.linkedin.com/in/jampire" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-linkedin" aria-label="LinkedIn"></i>
</a>
<a href="https://www.facebook.com/dzianis.kotau.1984" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-facebook" aria-label="Facebook"></i>
</a>
<a href="https://t.me/JampireBlr" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-telegram" aria-label="Telegram"></i>
</a>
<a href="https://twitter.com/Jampire2" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-twitter" aria-label="Twitter"></i>
</a>
<a href="mailto:me@dzianiskotau.com?subject=Blog-Feedback" target="_top" rel="external"
class=" text-2xl md:text-base">
<i class="fa-solid fa-envelope" aria-label="Mail Me"></i>
</a>
</p>
</div>
</div>
</div>
<div class="md:col-span-2 lg:col-span-5"> <div class="w-full mb-6">
<p class="text-gray-700 font-medium my-2">
July 30, 2022
</p>
<h2 class="text-3xl mt-0">
<a href="https://dzianiskotau.com/blog/2022/07/laravel-pint-format" title="Read Laravel Pint Format Option" class="text-gray-900 font-extrabold">
Laravel Pint Format Option
</a>
</h2>
<p class="mt-0 mb-4">Pint is a new awesome tool in Laravel's ecosystem developed by Nuno Maduro. It's built on the top of PHP-CS-Fixer and provides simple but yet powerful interface to PHP-CS-Fixer options. Now you can use Laravel Pint in your CI/CD pipelines to generate style reports.</p>
<a href="https://dzianiskotau.com/blog/2022/07/laravel-pint-format" title="Read - Laravel Pint Format Option" class="uppercase tracking-wide mb-4">
Read
</a>
</div>
<hr class="border-b my-6">
<div class="w-full mb-6">
<p class="text-gray-700 font-medium my-2">
January 26, 2020
</p>
<h2 class="text-3xl mt-0">
<a href="https://dzianiskotau.com/blog/2020/01/auto-generating-toc-markdown" title="Read Auto Generating Table of Contents in Markdown" class="text-gray-900 font-extrabold">
Auto Generating Table of Contents in Markdown
</a>
</h2>
<p class="mt-0 mb-4">Most popular PHP Markdown parsers like Markdown Extra (is used by Sculpin) or Parsedown Extra (is used by Jigsaw) can't generated Table of Contents. Despite this, Sculpin can generate TOC. I became interested in it and researched how Sculpin does this.</p>
<a href="https://dzianiskotau.com/blog/2020/01/auto-generating-toc-markdown" title="Read - Auto Generating Table of Contents in Markdown" class="uppercase tracking-wide mb-4">
Read
</a>
</div>
<hr class="border-b my-6">
<div class="w-full mb-6">
<p class="text-gray-700 font-medium my-2">
December 30, 2019
</p>
<h2 class="text-3xl mt-0">
<a href="https://dzianiskotau.com/blog/2019/12/ibm-app-id-provider-oauth2-client" title="Read IBM App ID Provider for OAuth 2.0 Client" class="text-gray-900 font-extrabold">
IBM App ID Provider for OAuth 2.0 Client
</a>
</h2>
<p class="mt-0 mb-4">Let me introduce you my own IBM App ID Provider for the PHP League's OAuth 2.0 Client. IBM App ID is a service for IBM Cloud that hides implementation of different OAuth providers (Facebook, Google, SAML, etc.) and allows you to use them in one way. This article is about provider that you can use to communicate with IBM App ID service using standalone PHP or Symfony.</p>
<a href="https://dzianiskotau.com/blog/2019/12/ibm-app-id-provider-oauth2-client" title="Read - IBM App ID Provider for OAuth 2.0 Client" class="uppercase tracking-wide mb-4">
Read
</a>
</div>
</div>
</main>
<footer class="bg-white text-center text-sm mt-12 py-4" role="contentinfo">
<ul class="flex flex-col justify-center list-none">
<li class="md:mr-2">
© 2019 - 2024 <a href="https://dzianiskotau.com" title="Dzianis Kotau Tech Blog">Dzianis Kotau Tech Blog</a>
</li>
<li>
<a href="https://github.com/Jampire" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-github" aria-label="GitHub"></i>
</a>
<a href="https://www.linkedin.com/in/jampire" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-linkedin" aria-label="LinkedIn"></i>
</a>
<a href="https://www.facebook.com/dzianis.kotau.1984" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-facebook" aria-label="Facebook"></i>
</a>
<a href="https://t.me/JampireBlr" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-telegram" aria-label="Telegram"></i>
</a>
<a href="https://twitter.com/Jampire2" target="_blank" rel="external"
class=" mr-3 text-2xl md:text-base">
<i class="fa-brands fa-twitter" aria-label="Twitter"></i>
</a>
<a href="mailto:me@dzianiskotau.com?subject=Blog-Feedback" target="_top" rel="external"
class=" text-2xl md:text-base">
<i class="fa-solid fa-envelope" aria-label="Mail Me"></i>
</a>
</li>
</ul>
</footer>
<script src="/assets/build/js/main.js?id=1573cc69a45457bd3c87a651aeb83551"></script>
<script>
const navMenu = {
toggle() {
const menu = document.getElementById('js-nav-menu');
menu.classList.toggle('hidden');
menu.classList.toggle('lg:block');
document.getElementById('js-nav-menu-hide').classList.toggle('hidden');
document.getElementById('js-nav-menu-show').classList.toggle('hidden');
},
}
</script>
</body>
</html>