forked from 16priyesh/DME-algorithm
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·417 lines (414 loc) · 41.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
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
405
406
407
408
409
410
411
412
413
414
415
416
417
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://www.google-analytics.com">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-135797512-1"></script>
<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-135797512-1")</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="theme-color" content="#f3c669"/>
<meta name="msapplication-tap-highlight" content="no"/>
<meta name="title" content="Raymond's DME algorithm demo">
<meta name="description" content="Kerry Raymond presents an algorithm for distributed mutual exclusion in a computer network of N nodes that communicate by messages rather than shared memory. We picked this up for as OS project and made an unofficial demo of the algorithm.">
<meta property="og:title" content="Raymond's DME algorithm demo">
<meta property="og:url" content="https://ankurparihar.github.io/projects/DME-raymond">
<meta property="og:description" content="Kerry Raymond presents an algorithm for distributed mutual exclusion in a computer network of N nodes that communicate by messages rather than shared memory. We picked this up for as OS project and made an unofficial demo of the algorithm.">
<meta property="og:image" content="https://ankurparihar.github.io/media/projects/raymond.webp">
<meta property="og:type" content="website">
<meta http-equiv="keywords" content="ankurparihar, Kerry, Raymond, distributed, mutual, exclusion, algorithm, os, project, Ankur, Parihar, IITR, IIT Roorkee, Indian Institute of Technology, Roorkee">
<title>Ankur's little playground</title>
<style>body,html{background:#303030}a{color:#fff}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}</style>
<link rel="manifest" href="/manifest.json">
<link rel="shortcut icon" href="/media/img/AP-favicon.webp">
<link media="none" onload="media='all'" rel="stylesheet" href="/media/style.min.css">
<link rel="stylesheet" href="/projects/DME-raymond/style.css" id="injectedCSS">
<style id="pageStyle"></style>
</head>
<body>
<div id="app" data-app="true" class="application theme--dark app-index-page">
<div class="overlay" id="overlay"></div>
<div class="dialog__content">
<div id="dialog" class="dialog"></div>
</div>
<div class="application--wrap">
<aside id="side-navigation" class="navigation-drawer navigation-drawer--close navigation-drawer--fixed navigation-drawer--floating navigation-drawer--temporary" style="height:100%;margin-top:0px;max-height:calc(100% - 0px);transform:translateX(-250px);width:250px"
data-booted="true">
<div class="ndsc_fader"></div>
<div class="navigation-drawer-scroll-container" data-simplebar id="simple_scrollbar">
<div class="divider mt-5 pt-3"></div>
<div class="list nav-drawer-list">
<div>
<a id="nav-home" href="/" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Home</div>
</div>
</a>
</div>
<div>
<a id="nav-recent" href="/recent" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M21,10.12H14.22L16.96,7.3C14.23,4.6 9.81,4.5 7.08,7.2C4.35,9.91 4.35,14.28 7.08,17C9.81,19.7 14.23,19.7 16.96,17C18.32,15.65 19,14.08 19,12.1H21C21,14.08 20.12,16.65 18.36,18.39C14.85,21.87 9.15,21.87 5.64,18.39C2.14,14.92 2.11,9.28 5.62,5.81C9.13,2.34 14.76,2.34 18.27,5.81L21,3V10.12M12.5,8V12.25L16,14.33L15.28,15.54L11,13V8H12.5Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Recent</div>
</div>
</a>
</div>
<div>
<a id="nav-browse" href="/browse" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M7.2,11.2C8.97,11.2 10.4,12.63 10.4,14.4C10.4,16.17 8.97,17.6 7.2,17.6C5.43,17.6 4,16.17 4,14.4C4,12.63 5.43,11.2 7.2,11.2M14.8,16A2,2 0 0,1 16.8,18A2,2 0 0,1 14.8,20A2,2 0 0,1 12.8,18A2,2 0 0,1 14.8,16M15.2,4A4.8,4.8 0 0,1 20,8.8C20,11.45 17.85,13.6 15.2,13.6A4.8,4.8 0 0,1 10.4,8.8C10.4,6.15 12.55,4 15.2,4Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Browse</div>
</div>
</a>
</div>
<div>
<a id="nav-search" href="/search" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Search</div>
</div>
</a>
</div>
</div>
<div class="list nav-drawer-list">
<div class="subheader subheading grey--text text--darken-1">Resources</div>
<div>
<a id="nav-iitr" href="/res-iitr" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M19,2L14,6.5V17.5L19,13V2M6.5,5C4.55,5 2.45,5.4 1,6.5V21.16C1,21.41 1.25,21.66 1.5,21.66C1.6,21.66 1.65,21.59 1.75,21.59C3.1,20.94 5.05,20.5 6.5,20.5C8.45,20.5 10.55,20.9 12,22C13.35,21.15 15.8,20.5 17.5,20.5C19.15,20.5 20.85,20.81 22.25,21.56C22.35,21.61 22.4,21.59 22.5,21.59C22.75,21.59 23,21.34 23,21.09V6.5C22.4,6.05 21.75,5.75 21,5.5V7.5L21,13V19C19.9,18.65 18.7,18.5 17.5,18.5C15.8,18.5 13.35,19.15 12,20V13L12,8.5V6.5C10.55,5.4 8.45,5 6.5,5V5Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">IITR</div>
</div>
</a>
</div>
<div>
<a id="nav-projects" href="/projects" class="primary--text list__tile--active list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M18.36,2.64C20,2.64 21.36,4 21.36,5.64C21.36,7.29 20,8.64 18.36,8.64C16.71,8.64 15.36,7.29 15.36,5.64C15.36,5.34 15.41,5.06 15.5,4.8C14.43,4.29 13.25,4 12,4A8,8 0 0,0 4,12L4.04,12.84L2.05,13.05L2,12A10,10 0 0,1 12,2C13.69,2 15.28,2.42 16.67,3.16C17.16,2.83 17.74,2.64 18.36,2.64M18.36,4.64A1,1 0 0,0 17.36,5.64A1,1 0 0,0 18.36,6.64C18.92,6.64 19.36,6.19 19.36,5.64C19.36,5.08 18.92,4.64 18.36,4.64M5.64,15.36C7.29,15.36 8.64,16.71 8.64,18.36C8.64,18.66 8.59,18.94 8.5,19.2C9.57,19.71 10.75,20 12,20A8,8 0 0,0 20,12L19.96,11.16L21.95,10.95L22,12A10,10 0 0,1 12,22C10.31,22 8.72,21.58 7.33,20.84C6.84,21.17 6.26,21.36 5.64,21.36C4,21.36 2.64,20 2.64,18.36C2.64,16.71 4,15.36 5.64,15.36M5.64,17.36C5.08,17.36 4.64,17.81 4.64,18.36C4.64,18.92 5.08,19.36 5.64,19.36A1,1 0 0,0 6.64,18.36A1,1 0 0,0 5.64,17.36M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Projects</div>
</div>
</a>
</div>
</div>
<div class="list nav-drawer-list">
<div class="subheader subheading grey--text text--darken-1">Account</div>
<div>
<a id="nav-sign-in" href="/sign-in" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Sign In</div>
</div>
</a>
</div>
<div style="display:none">
<a id="nav-settings" href="/whats-new" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Settings</div>
</div>
</a>
</div>
<div>
<a id="nav-acc-switch" href="/sign-in" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M16,9C18.33,9 23,10.17 23,12.5V15H17V12.5C17,11 16.19,9.89 15.04,9.05L16,9M8,9C10.33,9 15,10.17 15,12.5V15H1V12.5C1,10.17 5.67,9 8,9M8,7A3,3 0 0,1 5,4A3,3 0 0,1 8,1A3,3 0 0,1 11,4A3,3 0 0,1 8,7M16,7A3,3 0 0,1 13,4A3,3 0 0,1 16,1A3,3 0 0,1 19,4A3,3 0 0,1 16,7M9,16.75V19H15V16.75L18.25,20L15,23.25V21H9V23.25L5.75,20L9,16.75Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Switch accounts</div>
</div>
</a>
</div>
<div>
<a id="nav-sign-out" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">Sign Out</div>
</div>
</a>
</div>
</div>
<div class="list nav-drawer-list">
<div class="subheader subheading grey--text text--darken-1">Connect</div>
<div>
<a id="nav-github" href="https://github.com/ankurparihar" target="_blank" rel="noopener" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title" style="color:#ffffff">Github</div>
</div>
</a>
</div>
<div>
<a id="nav-facebook" href="https://www.facebook.com/ankur.parihar.773" target="_blank" rel="noopener" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="#ffffff" d="M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title" style="color:#ffffff">facebook</div>
</div>
</a>
</div>
<div>
<a id="nav-linkedin" href="https://www.linkedin.com/in/ankur-parihar" target="_blank" rel="noopener" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="#ffffff" d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H5.5V18.5H8.27Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title" style="color:#ffffff">LinkedIn</div>
</div>
</a>
</div>
<div>
<a id="nav-youtube" href="https://www.youtube.com/channel/UCZtMy2-T3L5WGbtmMszP35w" target="_blank" rel="noopener" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="#ffffff" d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z"/><path fill="#000000" d="M10,15L15.19,12L10,9V15Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title" style="color:#ffffff">YouTube</div>
</div>
</a>
</div>
<div>
<a id="nav-twitter" href="https://twitter.com/player4015" target="_blank" rel="noopener" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="#ffffff" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title" style="color:#ffffff">Twitter</div>
</div>
</a>
</div>
</div>
<div class="list nav-drawer-list">
<div class="subheader subheading grey--text text--darken-1">About</div>
<div>
<a id="nav-change" href="/changelog" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,4.44A15.56,15.56 0 0,1 19.56,20H16.73A12.73,12.73 0 0,0 4,7.27V4.44M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">What's New</div>
</div>
</a>
</div>
<div>
<a id="nav-about-me" href="/about-me" class="list__tile list__tile--link" tabindex="-1">
<div class="list__tile__action">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"/></svg>
</div>
<div class="list__tile__content">
<div class="list__tile__title">About Me</div>
</div>
</a>
</div>
</div>
<div class="divider mb-5"></div>
</div>
<div class="navigation-drawer__border"></div>
</aside>
<nav id="toolbar" class="toolbar toolbar--fixed transparent elevation-0" style="margin-top:0px;padding-right:0px;padding-left:0px" data-booted="true">
<div class="toolbar__content">
<button type="button" class="nav_drawer_toggle btn btn--icon" style="position:relative" aria-label="Navigate">
<div class="btn__content">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"/></svg>
</div>
</button>
<a href="https://ankurparihar.github.io" rel="noopener" tabindex="-1" id="toolbar-logo" class="logo-text btn btn--flat btn--large btn--router" style="position:relative;">
<div class="btn__content">ankurparihar<span class="highlight">.</span>github<span class="highlight">.</span>io</div>
</a>
<div class="divider-vertical"></div>
<span id="page-location-text" class="page-location-text">Live Demo</span>
<div class="spacer spacer-left"></div>
<div id="toolbar-search" class="card card--flat card--hover toolbar-search flex" style="height:auto">
<div class="toolbar-search__bar flex row justify-center align-center relative input-group input-group--hide-details input-group--text-field input-group--single-line primary--text">
<label for="search_bar">Search</label>
<div class="input-group__input">
<input id="search_bar" autocomplete="off" autocapitalize="off" spellcheck="false" tabindex="0" type="text" value="">
</div>
<div class="input-group__details"></div>
</div>
<div class="menu flex" style="display:inline-block;"></div>
</div>
<div class="spacer spacer-right"></div>
<div class="user-options">
<button type="button" class="log-in-text btn btn--flat btn--large">
<div class="btn__content">
<span>SIGN IN</span>
</div>
</button>
</div>
</div>
</nav>
<main class="content" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px" data-booted="true">
<div class="content--wrap">
<div class="container pa-0 fluid">
<div id="demo_page" class="demo-page page">
<div class="demo_page-head flex">
<div class="demo_page-back btn" title="Back to all projects">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M21,11H6.83L10.41,7.41L9,6L3,12L9,18L10.41,16.58L6.83,13H21V11Z"/></svg>
</div>
<div class="demo_page-title">Raymond's DME Algorithm</div>
<div class="demo_page-info btn" title="Info">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/></svg>
</div>
</div>
<div class="demo_page-body">
<div class="dme_graph">
<canvas id="canvas" width="1000" height="600">Your browser does not support HTML canvas</canvas>
</div>
<div class="dme_controls">
<div class="controls flex justify-center wrap">
<button type="button" id="simulate_btn" class="btn btn--large btn--disabled">Simulate</button>
</div>
</div>
<div class="dme_controls">
<div class="control_title">Topology</div>
<div class="dme_choice flex wrap justify-center">
<button type="button" class="choice_box choice-rs btn btn--disabled">
<div class="choice-svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 650 600" style="width:130px;height:120px"><style>.circle,.line {stroke:#ffffff;paint-order:fill stroke markers;stroke-dasharray:none;stroke-linecap:round}.circle {fill: #ffffff;stroke-miterlimit:10;stroke-width:2}.line {fill:none;stroke-width:4}</style><g><path class="circle" d=" M 350 300 A 25 25 0 1 1 349.99998750000105 299.97500000416665 Z"></path><path class="circle" d=" M 475 300 A 25 25 0 1 1 474.99998750000105 299.97500000416665 Z"></path><path class="circle" d=" M 350 175 A 25 25 0 1 1 349.99998750000105 174.97500000416665 Z"></path><path class="circle" d=" M 225 300 A 25 25 0 1 1 224.99998750000105 299.97500000416665 Z"></path><path class="circle" d=" M 350 425 A 25 25 0 1 1 349.99998750000105 424.97500000416665 Z"></path><path class="circle" d=" M 600 300 A 25 25 0 1 1 599.999987500001 299.97500000416665 Z"></path><path class="circle" d=" M 350 50 A 25 25 0 1 1 349.99998750000105 49.97500000416665 Z"></path><path class="circle" d=" M 100 300 A 25 25 0 1 1 99.99998750000104 299.97500000416665 Z"></path><path class="circle" d=" M 350 550 A 25 25 0 1 1 349.99998750000105 549.9750000041666 Z"></path><path class="circle" d=" M 563.388347625 388.388347625 A 25 25 0 1 1 563.388335125001 388.36334762916664 Z"></path><path class="circle" d=" M 563.388347625 211.611652375 A 25 25 0 1 1 563.388335125001 211.58665237916665 Z"></path><path class="circle" d=" M 438.388347625 86.61165237499999 A 25 25 0 1 1 438.38833512500105 86.58665237916664 Z"></path><path class="circle" d=" M 261.611652375 86.61165237499999 A 25 25 0 1 1 261.61163987500106 86.58665237916664 Z"></path><path class="circle" d=" M 136.611652375 211.611652375 A 25 25 0 1 1 136.61163987500103 211.58665237916665 Z"></path><path class="circle" d=" M 136.611652375 388.388347625 A 25 25 0 1 1 136.61163987500103 388.36334762916664 Z"></path><path class="circle" d=" M 261.611652375 513.388347625 A 25 25 0 1 1 261.61163987500106 513.3633476291667 Z"></path><path class="circle" d=" M 438.388347625 513.388347625 A 25 25 0 1 1 438.38833512500105 513.3633476291667 Z"></path><path class="line" d=" M 425 300 L 350 300"></path><path class="line" d=" M 325 200 L 325 275"></path><path class="line" d=" M 225 300 L 300 300"></path><path class="line" d=" M 325 400 L 325 325"></path><path class="line" d=" M 550 300 L 475 300"></path><path class="line" d=" M 100 300 L 175 300"></path><path class="line" d=" M 325 525 L 325 450"></path><path class="line" d=" M 325 75 L 325 150"></path><path class="line" d=" M 520.7106781 370.7106781 L 467.67766952500006 317.67766952500006"></path><path class="line" d=" M 520.7106781 229.2893219 L 467.67766952500006 282.322330475"></path><path class="line" d=" M 395.7106781 104.28932189999999 L 342.67766952500006 157.322330475"></path><path class="line" d=" M 254.2893219 104.28932189999999 L 307.322330475 157.322330475"></path><path class="line" d=" M 129.2893219 229.2893219 L 182.322330475 282.322330475"></path><path class="line" d=" M 129.2893219 370.7106781 L 182.322330475 317.67766952500006"></path><path class="line" d=" M 254.2893219 495.7106781 L 307.322330475 442.67766952500006"></path><path class="line" d=" M 395.7106781 495.7106781 L 342.67766952500006 442.67766952500006"></path></g></svg>
</div>
<div class="choice-title">Radiating Star</div>
</button>
<button type="button" class="choice_box choice-p1 btn btn--disabled">
<div class="choice-svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 250" style="width:120px;height:50px"><style>.circle,.line {stroke:#ffffff;paint-order:fill stroke markers;stroke-dasharray:none;stroke-linecap:round}.circle {fill: #ffffff;stroke-miterlimit:10;stroke-width:2}.line {fill:none;stroke-width:4}</style><g><path class="circle" d=" M 162.5 158.25 A 25 25 0 1 1 162.49998750000105 158.22500000416665 Z"></path><path class="circle" d=" M 287.5 158.25 A 25 25 0 1 1 287.49998750000105 158.22500000416665 Z"></path><path class="circle" d=" M 412.5 158.25 A 25 25 0 1 1 412.49998750000105 158.22500000416665 Z"></path><path class="circle" d=" M 225 50 A 25 25 0 1 1 224.99998750000105 49.97500000416665 Z"></path><path class="circle" d=" M 350 50 A 25 25 0 1 1 349.99998750000105 49.97500000416665 Z"></path><path class="circle" d=" M 475 50 A 25 25 0 1 1 474.99998750000105 49.97500000416665 Z"></path><path class="line" d=" M 150 136.6 L 187.5 71.65"></path><path class="line" d=" M 250 136.6 L 212.5 71.65"></path><path class="line" d=" M 375 136.6 L 337.5 71.65"></path><path class="line" d=" M 300 50 L 225 50"></path><path class="line" d=" M 425 50 L 350 50"></path></g></svg>
</div>
<div class="choice-title">Paper Example 1</div>
</button>
<button type="button" class="choice_box choice-p2 btn btn--disabled choice_selected ">
<div class="choice-svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 400" style="width:120px;height:80px"><style>.circle,.line {stroke:#ffffff;paint-order:fill stroke markers;stroke-dasharray:none;stroke-linecap:round}.circle {fill: #ffffff;stroke-miterlimit:10;stroke-width:2}.line {fill:none;stroke-width:4}</style><g><path class="circle" d=" M 325 75 A 25 25 0 1 1 324.99998750000105 74.97500000416665 Z"></path><path class="circle" d=" M 200 75 A 25 25 0 1 1 199.99998750000105 74.97500000416665 Z"></path><path class="circle" d=" M 325 200 A 25 25 0 1 1 324.99998750000105 199.97500000416665 Z"></path><path class="circle" d=" M 450 75 A 25 25 0 1 1 449.99998750000105 74.97500000416665 Z"></path><path class="circle" d=" M 75 75 A 25 25 0 1 1 74.99998750000104 74.97500000416665 Z"></path><path class="circle" d=" M 137.5 183.25 A 25 25 0 1 1 137.49998750000105 183.22500000416665 Z"></path><path class="circle" d=" M 262.5 308.25 A 25 25 0 1 1 262.49998750000105 308.22500000416665 Z"></path><path class="circle" d=" M 387.5 308.25 A 25 25 0 1 1 387.49998750000105 308.22500000416665 Z"></path><path class="circle" d=" M 512.5 183.25 A 25 25 0 1 1 512.499987500001 183.22500000416665 Z"></path><path class="circle" d=" M 575 75 A 25 25 0 1 1 574.999987500001 74.97500000416665 Z"></path><path class="line" d=" M 200 75 L 275 75"></path><path class="line" d=" M 300 175 L 300 100"></path><path class="line" d=" M 400 75 L 325 75"></path><path class="line" d=" M 75 75 L 150 75"></path><path class="line" d=" M 125 161.6 L 162.5 96.65"></path><path class="line" d=" M 250 286.6 L 287.5 221.65"></path><path class="line" d=" M 350 286.6 L 312.5 221.65"></path><path class="line" d=" M 475 161.6 L 437.5 96.65"></path><path class="line" d=" M 525 75 L 450 75"></path></g></svg>
</div>
<div class="choice-title">Paper Example 2</div>
</button>
<button type="button" class="choice_box choice-sl btn btn--disabled">
<div class="choice-svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 600 150" style="width:120px;height:30px"><style>.circle,.line {stroke:#ffffff;paint-order:fill stroke markers;stroke-dasharray:none;stroke-linecap:round}.circle {fill: #ffffff;stroke-miterlimit:10;stroke-width:2}.line {fill:none;stroke-width:4}</style><g><path class="circle" d=" M 55 60 A 25 25 0 1 1 54.99998750000104 59.97500000416665 Z"></path><path class="circle" d=" M 155 60 A 25 25 0 1 1 154.99998750000105 59.97500000416665 Z"></path><path class="circle" d=" M 255 60 A 25 25 0 1 1 254.99998750000105 59.97500000416665 Z"></path><path class="circle" d=" M 355 60 A 25 25 0 1 1 354.99998750000105 59.97500000416665 Z"></path><path class="circle" d=" M 455 60 A 25 25 0 1 1 454.99998750000105 59.97500000416665 Z"></path><path class="circle" d=" M 555 60 A 25 25 0 1 1 554.999987500001 59.97500000416665 Z"></path><path class="line" fill="none" stroke="#ffffff" paint-order="fill stroke markers" d=" M 105 60 L 55 60"></path><path class="line" fill="none" stroke="#ffffff" paint-order="fill stroke markers" d=" M 205 60 L 155 60"></path><path class="line" fill="none" stroke="#ffffff" paint-order="fill stroke markers" d=" M 305 60 L 255 60"></path><path class="line" fill="none" stroke="#ffffff" paint-order="fill stroke markers" d=" M 405 60 L 355 60"></path><path class="line" fill="none" stroke="#ffffff" paint-order="fill stroke markers" d=" M 505 60 L 455 60"></path></g></svg>
</div>
<div class="choice-title">Straight Line</div>
</button>
</div>
</div>
<div class="dme_controls">
<div class="control_title">Notation</div>
<div class="dme_symbols">
<div class="notation-block">
<svg viewBox="0 0 50 50" style="width:50px;height:50px"><circle stroke-width="2" stroke="#ffffff" fill="#30303000" cx="25" cy="25" r="24"/></svg>
<p>Idle node (May have non-empty queue)</p>
</div>
<div class="notation-block">
<svg viewBox="0 0 50 50" style="width:50px;height:50px"><circle stroke-width="2" stroke="#ff5622" fill="#30303000" cx="25" cy="25" r="24"/></svg>
<p>Node wants to enter critical section</p>
</div>
<div class="notation-block">
<svg width="50" height="50"><defs/><g><path fill="none" stroke="#ffffff" paint-order="fill stroke markers" d=" M 49 25 A 24 24 0 1 1 48.999988000001 24.976000003999985" stroke-width="2"/><path fill="#007700" stroke="#ddffdd" paint-order="fill stroke markers" d="" stroke-width="2" stroke-dasharray=""><animate attributeName="d" values="M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 25 1 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 23.49 1.05 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 21.99 1.19 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 20.5 1.42 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 19.03 1.75 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 17.58 2.17 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 16.16 2.68 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 14.78 3.28 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 13.44 3.97 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 12.14 4.74 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 10.89 5.58 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 9.7 6.5 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 8.57 7.5 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 7.5 8.57 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 6.5 9.7 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 5.58 10.9 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 4.74 12.14 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 3.97 13.44 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 3.28 14.78 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 2.68 16.16 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 2.17 17.58 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.75 19.03 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.42 20.5 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.19 22 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.04 23.49 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1 25 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.04 26.5 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.18 28 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.42 29.49 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 1.75 30.97 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 2.17 32.41 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 2.68 33.83 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 3.28 35.22 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 3.97 36.56 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 4.74 37.86 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 5.58 39.1 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 6.5 40.29 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 7.5 41.43 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 8.57 42.49 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 9.7 43.49 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 10.89 44.41 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 12.14 45.26 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 13.43 46.03 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 14.78 46.71 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 16.16 47.31 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 17.58 47.82 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 19.03 48.24 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 20.5 48.57 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 21.99 48.81 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 1 1 23.49 48.95 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 25 49 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 26.50 48.95 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 28 48.81 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 29.49 48.57 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 30.96 48.24 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 32.41 47.82 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 33.83 47.31 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 35.22 46.71 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 36.56 46.03 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 37.86 45.26 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 39.1 44.41 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 40.3 43.5 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 41.43 42.5 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 42.49 41.43 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 43.49 40.3 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 44.41 39.10 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 45.26 37.85 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 46.03 36.56 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 46.71 35.21 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 47.31 33.83 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 47.82 32.41 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.24 30.96 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.57 29.49 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.81 28 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.95 26.50 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 49 25 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.95 23.49 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.81 22 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.57 20.50 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 48.24 19.03 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 47.82 17.58 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 47.31 16.17 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 46.72 14.78 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 46.03 13.44 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 45.26 12.14 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 44.41 10.9 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 43.49 9.70 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 42.5 8.57 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 41.43 7.50 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 40.3 6.51 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 39.1 5.58 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 37.86 4.74 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 36.56 3.97 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 35.22 3.28 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 33.83 2.68 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 32.42 2.17 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 30.97 1.75 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 29.49 1.42 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 28 1.18 L 25 25;M 25 25 L 25 0 L 25 1 A 24 24 0 0 1 26.50 1.04 L 25 25;M 25 25 L 25 0 L 25 25" dur="2s" repeatCount="indefinite"/></path></g></svg>
<p>Node executing critical section</p>
</div>
<div class="notation-block">
<svg viewBox="0 0 50 50" style="width:50px;height:50px"><path stroke-width="1" stroke="#ffffff" fill="#30303000" d="M 25 15 L 25 35 L 37 35 L 37 15 L 13 15 L 13 35 L 25 35 Z"/><text x="15" y="30" fill="#ffffff">1</text><text x="27" y="30" fill="#ffffff">2</text></svg>
<p>Queue (front=left, back=right)</p>
</div>
<div class="notation-block">
<svg viewBox="0 0 50 50" style="width:50px;height:50px"><path stroke-width="2" stroke="#ffffff" fill="#30303000" d="M 0 25 L 49 25 L 40 15 M 49 25 L 40 35"/></svg>
<p>Holder (right node is holder of left node)</p>
</div>
<div class="notation-block notation-token-transfer">
<svg viewBox="0 0 50 50" style="width:50px;height:50px"><path stroke-width="2" stroke="#f00ff0" fill="#30303000" d="M 0 25 L 49 25 L 40 15 M 49 25 L 40 35"></path></svg>
<p>Token transfter from holder to node</p>
</div>
</div>
</div>
<div class="dme_controls flex justify-center column">
<div class="control_title logs_title flex align-center">
<svg viewBox="0 0 24 24" style="width:12px;height:12px;margin-right:10px"><path fill="#ffffff" d="M 0 0 L 12 24 L 24 0 Z" stroke="#ffffff"></path></svg>
<div>Logs</div>
</div>
<div class="logs_div elevation-10" data-simplebar></div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="site-description">
<div class="sd-content" id="sd-container">
<p>Developed with love by <a href="https://github.com/ankurparihar" tabindex="-1" target="_blank" rel="noopener">Ankur Parihar</a>, a Computer Science Undergraduate from IIT Roorkee who loves to explore the web and computers. I also love music, books, gaming and tea@tapri with friends :)</p>
<p>This site presents my profile, work and useful resources. The site's design is partially inspired from rddzc://rkxswo.df (NSFW warning!!) but the entire logical structure and backend was rewritten from scratch in order to remove external dependies, customize the structure and improve site's performance.</p>
</div>
</div>
<footer class="footer">
<div class="footer__main">
<div class="flex footer__column footer__column--logo">
<a href="/" class="footer__logo-link nuxt-link-exact-active nuxt-link-active">
<img loading="lazy" src="/media/img/logo-50.webp" alt="footer logo">
</a>
</div>
<div class="flex footer__column">
<p class="footer__header pb-3">ankurparihar<span class="highlight">.</span>github<span class="highlight">.</span>io</p>
<ul class="footer__list">
<li class="footer__item"><a class="footer__link" href="/">Home</a></li>
<li class="footer__item"><a class="footer__link" href="/recent">Recent</a></li>
<li class="footer__item"><a class="footer__link" href="/browse">Browse</a></li>
<li class="footer__item"><a class="footer__link" href="/search">Search</a></li>
</ul>
</div>
<div class="flex footer__column">
<p class="footer__header pb-3">Resources</p>
<ul class="footer__list">
<li class="footer__item"><a class="footer__link" href="/res-iitr">IITR</a></li>
<li class="footer__item"><a class="footer__link" href="/projects">Projects</a></li>
</ul>
</div>
<div class="flex footer__column">
<p class="footer__header pb-3">Connect</p>
<ul class="footer__list">
<li class="footer__item"><a target="_blank" rel="noopener" class="footer__link" href="https://github.com/ankurparihar">Github</a></li>
<li class="footer__item"><a target="_blank" rel="noopener" class="footer__link" href="https://www.facebook.com/ankur.parihar.773">facebook</a></li>
<li class="footer__item"><a target="_blank" rel="noopener" class="footer__link" href="https://www.linkedin.com/in/ankur-parihar">LinkedIn</a></li>
<li class="footer__item"><a target="_blank" rel="noopener" class="footer__link" href="https://www.youtube.com/channel/UCZtMy2-T3L5WGbtmMszP35w">YouTube</a></li>
<li class="footer__item"><a target="_blank" rel="noopener" class="footer__link" href="https://twitter.com/player4015">Twitter</a></li>
</ul>
</div>
<div class="flex footer__column">
<p class="footer__header pb-3">About</p>
<ul class="footer__list">
<li class="footer__item"><a href="/changelog" class="footer__link">What's New</a></li>
<li class="footer__item"><a href="/about-me" class="footer__link">About Me</a></li>
</ul>
</div>
</div>
</footer>
<button id="back-to-top-btn" type="button" aria-label="back to top" class="search-fab elevation-3 btn btn--bottom btn--floating btn--fixed btn--right theme--dark primary" style="transform-origin:center center;display:none">
<div class="btn__content">
<svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"/></svg>
</div>
</button>
</div>
</div>
<script>var curr_page="/projects/DME-raymond"</script>
<script defer src="/media/script.js" type="text/javascript"></script>
<script defer src="/media/simplebar.min.js" type="text/javascript"></script>
<link media="none" onload="media='all'" rel="stylesheet" href="/media/simplebar.min.css">
<link media="none" onload="media='all'" rel="stylesheet" href="/media/fonts.roboto.css">
</body>
</html>